@charset "utf-8";
* {box-sizing:border-box;}
img {max-width:100%;}

/* 2020-09-24 수정 */
#pop {border-bottom:4px solid #222;background:#f3b122;position:relative;/* transition:0.3s; */z-index:1050;width:100%;top:0;left:0;text-align:center;font-size:0;}
/* #pop h5 {text-align:center;font-size:24px;line-height:100px;color:rgba(255,255,255,0.5);font-weight:normal;} */
#pop .inner {overflow:hidden;/* transition:0.3s; */}
#pop .onoff {width:30px;height:16px;border:none;background:#222;color:#fff;font-size:12px;position:absolute;left:50%;margin-left:-15px;bottom:0;z-index:20;/* transition:0.3s; */}/* 2021-02-24 추가 */
#pop .onoff:before {content:"\f1b2";font-family:axicon;}
#pop .box img {display:inline-block;position:relative;z-index:10;}/* 2021-02-24 수정 */
#pop .box.ban210224:before {content:"";display:block;position:absolute;right:50%;width:50%;height:100%;background:#fb0000;display:block;}/* 2021-02-24 추가 */
.popOff #pop {border-bottom:none;}
.popOff #pop .inner {height:0;}
.popOff #pop .onoff {bottom:-16px;}
.popOff #pop .onoff:before {content:"\f1af";}

@media screen and (max-width:1024px){
    #pop {position:fixed;}
    /* #pop ~ #wrap {padding-top:184px;}
    #pop ~ #wrap #header {top:104px;}
    .popOff #pop ~ #wrap {padding-top:80px;}
    .popOff #pop ~ #wrap #header {top:0;} */
}

@media screen and (max-width:768px){
    #pop ~ #wrap {padding-top:154px;}
    .popOff #pop ~ #wrap {padding-top:50px;}
}
/* 2020-09-24 수정 */

#wrap {/* transition:0.3s; */}/* 2020-09-24 수정 */

#header {background:#00314d;padding:0 15px;/* transition:0.3s; */}/* 2020-09-24 수정 */
#header .inner {max-width:1200px;margin:0 auto;position:relative;height:80px;}
#header .logo {position:absolute;left:0;top:14px;font-size:0;text-indent:-9999px;}
#header .logo a {display:block;width:130px;height:43px;background:url(../images/logo.png) no-repeat 0 50%;background-size:contain;} /* 2020-09-24 수정 */

#header .mnu {display:none;position:absolute;top:50%;right:0;width:60px;height:56px;margin-top:-28px;border:none;background:none;z-index:900;font-size:0;}
#header .mnu:before,
#header .mnu:after {display:block;position:absolute;left:50%;width:40px;height:2px;margin-left:-20px;background:#fff;transition:.3s;content:'';}
#header .mnu:before {top:50%;margin-top:10px;}
#header .mnu:after {bottom:50%;margin-bottom:10px;}
#header .mnu span {display:inline-block;width:40px;height:2px;transition:.3s;text-indent:-9999px;background:#fff;vertical-align:middle;}

.navOn #pop {opacity:0;visibility:hidden;}
.navOn #header {top:0 !important;}
.navOn #header .mnu:before {margin-top:-1px;transform:rotate(315deg);}
.navOn #header .mnu:after {margin-bottom:-1px;transform:rotate(-315deg);}
.navOn #header .mnu span {width:0;margin-left:0;}

.resizeIng * {transition:none !important;}

@media screen and (min-width:1025px){
    #wrap {padding-top:220px;position:relative;}

    #header {position:absolute;left:0;top:0;width:100%;transition:0.3s;height:80px;z-index:200;overflow:hidden;}
    #header .inner {font-size:0;text-align:center;}
    #header .tnb {position:absolute;right:23px;top:8px;white-space:nowrap;font-size:0;z-index:5;}
    #header .tnb li {display:inline-block;vertical-align:top;position:relative;}
    #header .tnb li ~ li {margin-left:10px;padding-left:11px;}
    #header .tnb li ~ li:before {content:"";display:block;width:1px;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;background:rgba(255,255,255,0.3);}
    #header .tnb li a {display:block;font-size:11px;color:rgba(255,255,255,0.6);}
    #header .gnb {white-space:nowrap;font-size:0;text-align:center;display:inline-block;}
    #header .gnb > li {display:inline-block;vertical-align:top;position:relative;}
    #header .gnb > li > a {font-size:18px;color:#fff;display:block;height:80px;line-height:80px;padding:0 34px;font-weight:500;}
    #header .gnb > li > ul {display:block;position:absolute;left:0;top:100%;width:100%;padding-top:10px;}
    #header .gnb > li > ul > li ~ li {margin-top:27px;}
    #header .gnb > li > ul > li > a {font-size:18px;letter-spacing:-0.05em;color:#fff;font-weight:normal;}
    #header .slogan p {position:absolute;left:150px;top:50%;margin-top:-3px;display:inline-block;vertical-align:middle;color:rgba(255,255,255,0.4);font-weight:300;font-size:12px;letter-spacing:-0.05em;} /* 2020-09-24 수정 */
    #header .slogan dl {display:none;}

    .gnbOn #header {height:240px;}
}

@media screen and (min-width:1025px) and (max-width:1100px){
    #header .gnb > li > a {padding:0 25px;}
        #header .gnb > li > ul > li > a {font-size:16px;}
}

/* 2020-09-24 추가 */
@media screen and (min-width:1025px){
    #header .gnb.m {display:none !important;}
}
/* //2020-09-24 추가 */

@media screen and (max-width:1024px){
    #wrap {padding-top:80px;}
    #header {position:fixed;left:0;top:0;width:100%;z-index:1000;}
    #header .logo {z-index:900;}
    #header .nav {visibility:hidden;opacity:0;transition:0.3s;position:fixed;left:0;top:0;width:100%;height:100%;background:#00314d;z-index:800;padding:80px 20px 0;overflow:auto;}
    #header .mnu {display:block;}
    #header .tnb {text-align:center;font-size:0;padding:10px 0;border-bottom:1px solid #0c293a;}
    #header .tnb li {display:inline-block;vertical-align:middle;position:relative;}
    #header .tnb li ~ li {margin-left:10px;padding-left:11px;}
    #header .tnb li ~ li:before {content:"";display:block;width:1px;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;background:rgba(255,255,255,0.3);}
    #header .tnb li a {display:block;color:#fff;font-size:14px;}
    #header .gnb.p {display:none !important;}/* 2020-09-24 추가 */
    #header .gnb {border-bottom:1px solid #0d3d58;border-top:1px solid #0d3d58;}
    #header .gnb > li {border-bottom:1px solid #0c293a;border-top:1px solid #0d3d58;}
    #header .gnb > li:first-child {border-top:none;}
    #header .gnb > li > a {font-size:20px;padding:10px 20px;color:#fff;display:block;font-weight:bold;font-weight:500;position:relative;} /* 2020-09-24 수정 */
    #header .gnb > li > ul {background:#022438;border-top:1px solid rgba(0,0,0,0.15);padding:10px 0;display:none;}
    #header .gnb > li > ul > li > a {display:block;font-size:16px;padding:3px 20px;color:rgba(255,255,255,0.6);letter-spacing:-0.05em;}
    #header .gnb > li > ul > li > a:before {content:"- ";}
    #header .gnb > .chi > a:before {content:"\f107";display:block;font-family:axicon;position:absolute;right:15px;top:50%;margin-top:-0.5em;line-height:1em;color:rgba(255,255,255,0.5);}
    #header .gnb > .chi.active > a:before {content:"\f106";}
    #header .gnb > .active > ul {display:block;}
    #header .slogan {padding:15px 20px 0;color:rgba(255,255,255,0.4);} /* 2020-09-24 수정 */
    #header .slogan p {font-size:12px;line-height:1.5em;}/* 2020-09-24 수정 */
    #header .slogan dl {margin-top:10px;}/* 2020-09-24 수정 */
    #header .slogan dl dt {font-weight:500;}
    #header .slogan dl dd {margin-top:10px;}
    #header .slogan dl dd a {color:rgba(255,255,255,0.4);}

    .resizeIng #header .nav {display:none;}
    .navOn #header .nav {visibility:visible;opacity:1;}
}

@media screen and (max-width:768px){
    #wrap {padding-top:50px;}
    #header {padding:0 20px;}
    #header .inner {height:50px;}
    #header .logo {top:9px;}
    #header .logo a {width:103px;height:30px;}
    #header .nav {padding:50px 20px;}
    #header .slogan p {letter-spacing:-0.075em;}

    #header .mnu {width:30px;height:30px;margin-top:-15px;}
    #header .mnu:before,
    #header .mnu:after {width:30px;height:2px;margin-left:-15px;}
    #header .mnu:before {margin-top:8px;}
    #header .mnu:after {margin-bottom:8px;}
    #header .mnu span {width:30px;}
}

#quick {position:fixed;left:50%;margin-left:620px;top:231px;z-index:99;}
#quick a {display:block;width:100px;border:1px solid #e1e2e6;border-radius:5px;overflow:hidden;text-align:center;background:#fff;}
#quick a ~ a {margin-top:10px;}
#quick a:before {content:"";display:block;width:98px;height:64px;background-position:50% 50%;background-size:contain;background-repeat:no-repeat;}
#quick .inq:before {background-image:url(../images/ico-aside-inq.png);}
#quick .rea:before {background-image:url(../images/ico-aside-ready.png);}
#quick a span {display:block;height:30px;line-height:30px;color:#fff;background:#00314d;font-size:14px;}
#quick > strong {display:block;text-align:center;font-size:14px;color:#222;margin:17px 0 5px;font-weight:normal;}
/* [S] 2021-06-22 수정 */
#quick .busi:before {background-image:url(../images/ico-aside-busi.png);height:49px;}
#quick .gosi:before {background-image:url(../images/ico-aside-gosi.png);height:49px;}
#quick .privacy:before {background-image:url(../images/ico-aside-privacy.png);height:49px;}
#quick .jc:before {background-image:url(../images/ico-aside-jc.png);}
#quick .cg:before {background-image:url(../images/ico-aside-cg.png);}
#quick .food:before {background-image:url(../images/ico-aside-food.png);}
#quick .privacy span,
#quick .busi span,
#quick .gosi span {background:#00314d;height:auto;line-height:1.14em;height:auto;padding:5px 3px;}
#quick .immedi {height:100px;background:url(../images/ico-aside-immedi.png) no-repeat;text-indent:-9999px;}
#quick .immedi:before {display:none;}
/* [E] 2021-06-22 수정 */


@media screen and (max-width:1430px){
    #quick {left:auto;right:30px;}
}

/* 2020-09-24 추가 */
@media screen and (max-width:1024px){
    #quick {display:none;}
}
/* //2020-09-24 추가 */

@media screen and (max-width:768px){
    #quick {right:10px;margin-top:-61px;}
    #quick a {width:55px;}
    #quick a ~ a {margin-top:5px;}
    #quick a:before {width:100%;height:36px;background-color:#fff;}
    #quick a span {height:20px;line-height:20px;font-size:13px;}
    #quick a span em {display:block;}
}

#data {position:fixed;left:0;bottom:0;width:100%;z-index:500;background:#fff;box-shadow:0 -3px 5px rgba(0,0,0,0.2);padding:0 15px;text-align:center;}
#data .inner {max-width:1120px;padding:30px 0;margin:0 auto;}
#data .tit {position:absolute;left:50%;margin-left:-87px;width:174px;top:0;height:100%;font-size:0;white-space:nowrap;display:table;}
#data .tit h4 {display:table-cell;vertical-align:middle;font-size:18px;line-height:1.45em;color:#222;font-weight:normal;}
#data .tit h4:after,
#data .tit h4:before {font-family:axicon;position:absolute;top:50%;margin-top:-0.5em;line-height:1em;}
#data .tit h4:before {content:"\f100";left:0;}
#data .tit h4:after {content:"\f101";right:0;}
#data .tit h4 span {color:#f37022;}
#data .tit h4 em {display:block;font-size:14px;margin-top:-2px;}
#data ul {text-align:center;font-size:0;}
#data ul:after {content:"";display:block;clear:both;}
#data ul li {display:inline-block;vertical-align:top;width:50%;}
#data ul li:first-child {padding-right:125px;}
#data ul li:first-child + li {padding-left:125px;}
#data ul li a {display:block;height:70px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-image:url(../images/data-bg.png);background-color:#f85959;color:#fff;font-size:0;}
#data ul li a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#data ul li ~ li a {background-color:#6b82e4;}
#data ul li a span {font-size:18px;display:inline-block;vertical-align:middle;}
#data > a {margin:0 -15px;height:100px;display:block;text-align:center;background-repeat:no-repeat;background-position:50% 50%;background-image:url(../images/data-bg2.png);background-color:#f85959;color:#fff;font-size:0;}
#data > a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#data > a span {display:inline-block;vertical-align:middle;font-size:18px;border-bottom:2px solid #fff;padding-bottom:7px;}


/* .dataFix #wrap {padding-bottom:130px;}
.dataFix2 #wrap {padding-bottom:100px;} */

#data2 {margin-top:20px;}
#data2 .area {font-size:0;margin:0 -10px;}
#data2 ul {display:table;width:100%;table-layout:fixed;}
#data2 ul li {display:table-cell;vertical-align:middle;padding:0 10px;}
#data2 ul li a {display:block;height:127px;border:1px solid #e1e2e6;text-align:center;font-size:0;white-space:nowrap;padding:0 10px;color:#fff;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#data2 ul li a:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#data2 ul li a span {display:inline-block;vertical-align:middle;max-width:100%;font-size:28px;letter-spacing:-0.1em;padding-top:17px;line-height:1.2em;position:relative;text-shadow:0 0 10px rgba(0,0,0,0.8);white-space:normal;}
#data2 ul li a span:before {content:"";display:block;width:20px;height:2px;background:#fff;position:absolute;left:50%;margin-left:-10px;top:0;}
#data2 ul .btn1 a {background-image:url(../images/bg-data1.jpg);}
#data2 ul .btn2 a {background-image:url(../images/bg-data2.jpg);}
#data2 ul .btn3 a {background-image:url(../images/bg-data3.jpg);}
#data2 ul .btn4 a {background-image:url(../images/bg-data4.jpg);}
#data2 ul .btn5 a {background-image:url(../images/bg-data5.jpg);}

.sub #data2 {margin-top:40px;}
.sub #data2 ul li a {height:100px;}

@media screen and (max-width:1024px){
    #data2 ul li a span {font-size:20px;}
}

@media screen and (max-width:768px){
    #data {padding:0;}
    #data .inner {padding:0;}
    #data .tit {display:none;}
    #data ul li:first-child {padding-right:0;}
    #data ul li:first-child + li {padding-left:0;}
    #data ul li a {height:50px;background-image:url(../images/data-bg-m.png);}
    #data ul li a span {font-size:18px;}
    #data em {display:none;}
    #data > a {margin:0;height:50px;background-image:url(../images/data-bg2-m.png);background-size:cover;}
    #data > a span {border-bottom:none;padding-bottom:0;}

    /* .dataFix #wrap,
    .dataFix2 #wrap,
    .dataFix3 #wrap {padding-bottom:50px;} */

    #data2 {margin-top:0;}
    #data2 .area {margin:0;}
    #data2 ul li {padding:0;}
    #data2 ul li a {display:block;height:70px;}
    #data2 ul li a span {font-size:14px;padding-top:10px;}

    .sub #data2 {margin-top:20px;}
    .sub #data2 ul li a {height:70px;}
}

#footer {background:#f0f1f6;padding:30px 15px;}
#footer .inner {max-width:1200px;margin:0 auto;position:relative;padding:0 0 0 200px;}
#footer h2 {position:absolute;left:0;top:0;width:157px;height:52px;background:url(../images/foot-logo.png) no-repeat 0 50%;background-size:contain;text-indent:-9999px;}/* 2020-09-24 수정 */
/* 2020-09-24 추가 */
#footer h3 {position:absolute;left:157px;top:20px;}
#footer h3 a {display:block;width:71px;height:25px;background:url(../images/hmp-logo.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px;}
/* //2020-09-24 추가 */
#footer .info {font-size:12px;color:#bbb;line-height:2.15em;}
#footer .info .alert {}
#footer address span {display:inline-block;margin-right:20px;font-weight:300;white-space:nowrap;}/* 2020-09-25 */
#footer address span strong {font-weight:500;}
#footer address .mail {position:relative;padding-left:20px;}
#footer address .mail i {position:absolute;left:0;top:50%;margin-top:-0.5em;line-height:1em;font-size:20px;}
#footer .copy {letter-spacing:0;}

@media screen and (max-width:768px){
    #footer {padding:30px 20px;}
    #footer .inner {padding:0;}
    #footer h2 {position:relative;width:118px;height:39px;margin-bottom:15px;top:0;}/* 2020-09-24 수정 */
    #footer h3 {left:auto;right:0;top:19px;}/* 2020-09-24 수정 */
    #footer h3 a {width:54px;height:19px;}/* 2020-09-24 수정 */
    #footer .service {margin-top:10px;}
}

#main {background:#f0f1f6;padding:40px 15px 0;}
#main > .inner {max-width:1200px;margin:0 auto;}
#main .double {margin:0 -10px;position:relative;}
#main .double:after {content:"";display:block;clear:both;}
#main .double .in {float:left;width:50%;padding:0 10px;}
#main .double .myApp {position:absolute;bottom:100%;right:10px;width:150px;height:33px;border:none;background:#f37022;border-radius:10px 10px 0 0;font-size:14px;color:#fff;letter-spacing:-0.05em;font-weight:500;}
#main .sec {background:#fff;border:1px solid #e1e2e6;padding:38px;}
#main .tit {padding-left:78px;position:relative;color:#333;margin-bottom:35px;}
#main .tit:before {content:"";display:block;width:62px;height:60px;position:absolute;left:0;top:50%;margin-top:-30px;background-size:contain;background-position:50% 50%;}
#main .tit p {font-size:18px;font-weight:normal;letter-spacing:-0.05em;}
#main .tit h3 {font-size:28px;font-weight:bold;margin-top:5px;letter-spacing:-0.05em;}
#main .tit .tab {position:absolute;right:0;bottom:7px;font-size:0;white-space:nowrap;}
#main .tit .tab button {border:none;background:none;font-size:18px;color:#000;display:inline-block;vertical-align:middle;}
#main .tit .tab ul {display:inline-block;vertical-align:middle;margin:0 10px;position:relative;}
#main .tit .tab li {display:inline-block;vertical-align:top;position:relative;margin:0 7px;}
#main .tit .tab ul:before {content:"";display:block;width:1px;height:12px;position:absolute;left:50%;top:50%;margin-top:-5.5px;background:#222;}
#main .tit .tab li a {font-size:14px;color:#ccc;display:block;line-height:1em;}
#main .tit .tab .active a {color:#f37022;}
#main h4 {font-size:18px;font-weight:normal;color:#222;position:relative;padding-left:12px;border-bottom:2px solid #222;padding-bottom:20px;letter-spacing:-0.05em;}
#main h4:before {content:"";display:block;width:4px;height:23px;background:#222;position:absolute;left:0;top:0;}
#main h4 .morego {width:74px;height:28px;line-height:26px;text-align:center;border:1px solid #ccc;font-size:14px;color:#222;display:block;position:absolute;right:0;top:-4px;}

#main .with .sec {height:560px;position:relative;}
#main .with .tit:before {background-image:url(../images/ico-mtit1.png);}
#main .with .con {margin:0 -15px;}
#main .with .con .slick-slide {padding:0 15px;}
#main .with .con .box {padding-left:250px;position:relative;min-height:322px;}
#main .with .con .box:after {content:"";display:block;clear:both;}
#main .with .con .box .img {position:absolute;left:0;top:0;border:1px solid #f3f3f3;width:229px;}
/* 2020-10-07 추가 */
#main .with .con .box .img a {display:block;position:relative;}
#main .with .con .box .img a .new {display:block;width:47px;height:69px;font-size:15px;text-align:center;color:#fff;padding-top:27px;background:url(../images/ico-new.png) no-repeat 50% 0;background-size:contain;position:absolute;left:10px;top:0;z-index:10;}
/* //2020-10-07 추가 */
#main .with .con .box .info .list li {border-bottom:1px solid #ccc;}
#main .with .con .box .info .list li a {display:block;font-size:14px;color:#222;height:69px;line-height:69px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;padding-right:30px;letter-spacing:-0.05em;}
#main .with .con .box .info .list li a:before {content:"\e114";font-family:axicon;display:block;right:0;top:50%;margin-top:-0.5em;line-height:1em;font-size:18px;position:absolute;}
#main .with .con .btn {text-align:center;}
#main .with .con .btn button {display:inline-block;font-size:14px;color:#222;background:none;border:none;transition:0.3s;}
#main .with .con .btn button:before,
#main .with .con .btn button:after {display:inline-block;vertical-align:middle;font-family:axicon;font-size:32px;}
#main .with .con .btn button span {display:inline-block;vertical-align:middle;}
#main .with .con .btn button.prev:before {content:"\f104";margin-right:15px;}
#main .with .con .btn button.next:after {content:"\f105";margin-left:15px;}
#main .with .con .btn button.slick-disabled {opacity:0.25;}

#main .law .sec {height:560px;}
#main .law .tit:before {background-image:url(../images/ico-mtit2.png);}
#main .law .list dl {border-bottom:1px solid #ccc;position:relative;padding-left:65px;}
#main .law .list dl dt {position:absolute;left:0;top:50%;margin-top:-12px;width:48px;height:24px;line-height:22px;border-radius:5px;border:1px solid #f37022;text-align:center;font-size:14px;color:#f37022;}
#main .law .list dl dd a {display:block;font-size:14px;color:#222;height:55px;line-height:55px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;letter-spacing:-0.05em;}

#main .law .list2 {margin:20px -11px -19px;font-size:0;}
#main .law .list2 .ban {display:inline-block;vertical-align:top;width:50%;padding:0 11px;margin-bottom:19px;}
#main .law .list2 .ban .img {display:block;height:145px;position:relative;}
#main .law .list2 .ban .img span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}

#main .law .more {text-align:center;margin-top:20px;}
#main .law .more a {display:inline-block;width:140px;height:40px;line-height:40px;color:#fff;text-align:center;background:#ccc;font-size:14px;transition:0.3s;}
#main .law .more a:hover {background:#222;}

#main .code {margin-top:20px;}
#main .code .tit:before {background-image:url(../images/ico-mtit3.png);}
#main .code .__search {margin-bottom:40px;}
#main .code .__search input[type=text] {padding-left:15px;}
#main .code .wrap {margin:0 -20px;}
#main .code .wrap:after {content:"";display:block;clear:both;}
#main .code .area {float:left;width:50%;padding:0 20px;}
#main .code .tab {font-size:0;height:56px;padding-top:10px;overflow:auto;white-space:nowrap;}
#main .code .tab a {display:inline-block;vertical-align:top;height:34px;line-height:34px;color:#fff;background:#f37022;margin-right:20px;border-radius:17px;font-size:14px;margin-right:20px;padding:0 30px;}
#main .code .tab a:last-child {margin-right:0;}
#main .code h4 {padding-bottom:0;height:54px;position:relative;}
#main .code h4 button {position: absolute;top:0;right:0;}
#main .code .list {border-top:1px solid #ccc;}
#main .code .list li {border-bottom:1px solid #ccc;}
#main .code .list li a {display:block;position:relative;height:55px;line-height:55px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-left:65px;}
#main .code .list li a em {position:absolute;left:18px;top:0;font-size:12px;color:#f37022;}
#main .code .list li a span {font-size:14px;color:#222;}
#main .code .list li.gray a em {color:#ccc;}
#main .code .qa {padding-top:12px;}
#main .code .qa .slick-list {margin-left:-5px;padding-left:5px;position:relative;}
#main .code .qa .slick-list:before {content:"";display:block;position:absolute;left:5px;top:0;width:1px;height:100%;background:#f37022;}
#main .code .qa .slick-slide {margin-top:8px;padding-left:20px;}
#main .code .qa .box {display:block;height:80px;border-radius:10px;border:1px solid #ccc;padding:15px 17px 0;position:relative;}
#main .code .qa .box:before {content:"";display:block;width:9px;height:9px;border-radius:50%;position:absolute;left:-26px;top:50%;margin-top:-4.5px;background:#f37022;}
#main .code .qa .box:after {content:"";border:7px solid transparent;border-right:9px solid #ccc;margin-top:-7px;display:block;height:0;width:0;top:50%;position:absolute;right:100%;}
#main .code .qa .box strong:after {content:"";border:6px solid transparent;border-right:8px solid #fff;margin-top:-6px;display:block;height:0;width:0;top:50%;position:absolute;right:100%;z-index:10;}
#main .code .qa .box > * {display:block;}
#main .code .qa .box strong,
#main .code .qa .box span {font-size:14px;color:#222;font-weight:normal;padding-right:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/* 2021-01-04 수정*/
#main .code .qa .box span {margin-top:12px;}
#main .code .qa .box em {width:74px;line-height:28px;height:28px;position:absolute;right:20px;top:50%;margin-top:-14px;background:#ccc;color:#fff;font-size:14px;text-align:center;}
#main .code .qa .box.ok em {background:#f37022;}

#main .food {margin-top:20px;}
#main .food .tit:before {background-image:url(../images/ico-mtit4.png);}
#main .food .__search {margin-bottom:0;}
#main .food .dotTxt {margin:20px 20px 25px;}
#main .food .dotTxt li {font-size:14px;color:#222;position:relative;padding-left:0.7em;line-height:1.4em;}
#main .food .dotTxt li ~ li {margin-top:10px;}
#main .food .dotTxt li:before {content:"·";display:block;position:absolute;left:0;top:0;color:#f37022;}
#main .food .dotTxt li span {color:#f37022;}

@media screen and (max-width:1024px){
    #main .law .sec {height:auto;}

    #main .double {margin:0;}
    #main .double .in {float:none;width:auto;padding:0;}
    #main .double .law {margin-top:20px;}

    #main .code .wrap {margin:0;}
    #main .code .area {float:none;width:auto;padding:0;}
    #main .code .area ~ .area {margin-top:60px;}
    #main .double .myApp {right:0;}

    #main .law .list2 {margin:20px -10px -20px;}
    #main .law .list2 .ban {padding:0 10px;margin-bottom:20px;}
    #main .law .list2 .ban .img {height:auto;padding-top:59.42622%;}

}

@media screen and (min-width:769px){
    #main .with .slick-slider {position:static;}
    #main .with .con .btn {position:absolute;left:50%;margin-left:-180px;bottom:38px;width:360px;}
    #main .with .con .btn:after {content:"";display:block;clear:both;}
    #main .with .con .btn .next {float:right;}
    #main .with .con .btn .prev {float:left;}
    #main .with .con .btn button {top:auto !important;}
}

@media screen and (max-width:768px){
    #main {padding:0;}
    #main > .inner {padding-top:45px;}
    #main .double .myApp {right:20px;width:120px;}

    #main h4 {padding-bottom:10px;}
    #main h4:before {background:#f37022;}

    #main .sec {border-left:none;border-right:none;padding:20px;}
    #main .with .sec {border-top:none;height:auto;}

    #main .tit {padding-left:40px;margin-bottom:25px;}
    #main .tit:before {width:31px;height:30px;left:0;margin-top:0;top:8px;}
    #main .tit p {font-size:14px;}
    #main .tit h3 {font-size:20px;margin-top:3px;}
    #main .tit .tab {position:relative;bottom:0;text-align:center;margin-top:15px;margin-left:-40px;}
    #main .tit .tab ul:before {display:none;}
    #main .tit .tab li a {font-size:14px;color:#ccc;display:block;line-height:1em;}
    #main .tit .tab ul {margin:0 30px;}

    #main .with .tit {margin-bottom:15px;}
    #main .with .con {position:relative;}
    #main .with .con .box {padding-left:0;min-height:0;}
    #main .with .con .box .img {position:relative;width:100%;}
    #main .with .con .box .img img {display:block;width:100%;}
    #main .with .con .box .info {margin-top:35px;}
    #main .with .con .box .info .list li:last-child {border-bottom:none;}
    #main .with .con .box .info .list li a {height:55px;line-height:55px;}
    #main .with .con .btn button {position:absolute;top:calc(141vw - 40px);width:48px;height:48px;background:rgba(255,255,255,0.8);overflow:hidden;}
    #main .with .con .btn button ~ button {margin-left:0;}
    #main .with .con .btn button span {position:absolute;left:-9999px;top:0;text-indent:-9999px;}
    #main .with .con .btn button:before,
    #main .with .con .btn button:after {margin:0 !important;}
    #main .with .con .btn .prev {left:15px;}
    #main .with .con .btn .next {right:15px;}

    #main .law .sec {height:auto;}

    #main .law .list dl {padding:15px 0;}
    #main .law .list dl dt {position:relative;top:0;margin-top:0;width:auto;height:auto;line-height:1.2em;border-radius:0;border:none;text-align:left;margin-bottom:5px;}
    #main .law .list dl dd a {font-size:14px;height:auto;line-height:1.6em;max-height:3.2em;overflow:hidden;white-space:normal;}
    #main .law .more {text-align:center;margin-top:20px;}
    #main .law .more a {display:inline-block;width:140px;height:40px;line-height:40px;color:#fff;text-align:center;background:#ccc;font-size:14px;transition:0.3s;}
    #main .law .more a:hover {background:#222;}

    #main .code h4 {height:auto;padding-bottom:10px;}

    #main .code .__search {margin-bottom:20px;}
    #main .code .__search input[type=text] {padding-left:10px;}
    #main .code .tab {margin:15px -20px;padding:0 20px;height:auto;}
    #main .code .tab a {margin-right:10px;}

    #main .code .list li a {height:auto;line-height:1.6em;white-space:normal;padding:15px 0;}
    #main .code .list li a em {position:relative;left:0;top:0;font-size:12px;}
    #main .code .list li a span {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
    #main .code .list li.gray a em {color:#ccc;}

    #main .code .qa {padding-top:0;}
    #main .code .qa .slick-list:before {top:10px;height:calc(100% - 10px);}
    #main .code .qa .slick-list {margin-left:-5px;padding-left:25px;}
    #main .code .qa .slick-slide {padding-left:0;}
    #main .code .area ~ .area {margin-top:30px;}

    #main .code .qa .box {height:auto;padding:15px;margin-left:0;}
    #main .code .qa .box strong,
    #main .code .qa .box span {font-size:14px;color:#222;font-weight:normal;padding-right:0;}/* 2021-01-14 수정 */

    #main .code .qa .box span {margin-top:10px;}
    #main .code .qa .box em {width:74px;line-height:28px;height:28px;position:relative;right:0;top:0;margin-top:15px;}

    #main .food .dotTxt {margin:20px 0 25px;}
}

#sub {padding:80px 15px 100px;}
#sub > .inner {max-width:1120px;margin:0 auto;min-height:60vh;position:relative;}/* 2020-09-24 수정 */
/* 2020-09-24 추가 */
#sub .myApp {position:absolute;top:-80px;right:-15px;width:150px;height:33px;border:none;background:#f37022;border-radius:0 0 10px 10px;font-size:14px;color:#fff;letter-spacing:-0.05em;font-weight:500;z-index:10;}

#tit {text-align:center;color:#222;border-bottom:2px solid #222;padding-bottom:30px;margin-bottom:70px;}
#tit p {font-size:18px;font-weight:300;margin-bottom:7px;}
#tit h2 {font-size:47px;font-weight:500;line-height:1em;letter-spacing:-0.075em;}
#tit h2 .error {width:153px;} /* 2020-10-05 수정 */
#tit .tag {margin-top:30px;}
#tit .tag span {display:inline-block;margin-right:10px;font-size:18px;font-weight:300;}
#tit .tag span:last-child {margin-right:0;}
#tit .__likeHate {text-align:right;margin:10px 0 -15px;}
#tit.type2 {text-align:left;position:relative;padding-bottom:0;border-bottom:none;margin-bottom:35px;}
#tit.type2 .rig {position:absolute;right:0;top:13px;}
#tit.type2 .rig .__btn3 ~ .__btn3 {margin-left:7px;}
#tit.type3 {border-bottom:none;padding-bottom:0;margin-bottom:40px;position:relative;}
#tit.type3 .rig {position:absolute;right:0;bottom:0;}

@media screen and (max-width:1024px){
    #sub {padding-top:60px;}
    #tit.type2 h2 {font-size:34px;}
    #tit.type2 .rig {top:5px;}
    #tit.type2 .rig .__btn3 ~ .__btn3 {margin-left:5px;}
}

@media screen and (max-width:768px){
    #sub {padding:35px 20px;}

    #tit {padding-bottom:25px;margin-bottom:30px;}
    #tit p {font-size:14px;margin-bottom:7px;}
    #tit h2 {font-size:24px;line-height:1.3em;}
    #tit .tag {margin-top:15px;margin-bottom:-5px;}
    #tit .tag span {margin-right:7px;font-size:14px;margin-bottom:5px;}
    #tit.type2 {text-align:left;}
    /* 2020-09-24 추가 */
    #sub .myApp {right:0;width:120px;top:-35px;}

    #tit.type2 {text-align:center;margin-bottom:30px;}
    #tit.type2 h2 {font-size:24px;}
    #tit.type2 .rig {position:relative;margin-top:10px;text-align:center;}
    #tit.type2 .rig .__btn3 ~ .__btn3 {margin-left:5px;}
    
    #tit.type3 {margin-bottom:30px;}
    #tit.type3 .rig {position:relative;margin-top:20px;}
}

#svis {background:url(../images/svis-hospital.jpg) no-repeat 50% 50%;padding:0 20px;}
#svis .inner {max-width:1120px;margin:0 auto;height:300px;font-size:0;}
#svis .inner:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#svis dl {display:inline-block;vertical-align:middle;white-space:normal;max-width:100%;color:#222;}
#svis dl dt {font-size:34px;letter-spacing:-0.05em;font-weight:500;}
#svis dl dd {font-size:18px;letter-spacing:-0.05em;line-height:1.4em;margin-top:15px;}
#svis.community {background-image:url(../images/svis-community.jpg);}
#svis.talk {background-image:url(../images/svis-talk.jpg);}

@media screen and (max-width:768px){
    #svis {background-size:cover;}
    #svis .inner {height:120px;}
    #svis dl dt {font-size:24px;}
    #svis dl dd {font-size:14px;margin-top:5px;}
}

.__dotlist + .__themeSel {margin-top:30px;}
.__themeSel {padding:0 0 0 100px;position:relative;}
.__themeSel .sel {position:absolute;left:0;top:0;width:100px;text-align:center;}
.__themeSel .sel span {display:block;font-size:14px;color:#222;}
.__themeSel .sel strong {display:inline-block;color:#fff;width:34px;height:34px;line-height:34px;border-radius:50%;color:#fff;background:#f37022;font-size:18px;font-weight:normal;margin-top:8px;}
.__themeSel .area {margin:0 -5px;font-size:0;}/* 2020-08-14 수정 */
.__themeSel .area .box {display:inline-block;vertical-align:top;width:12.5%;padding:0 5px;text-align:center;position:relative;} /* 2020-08-14 수정 */
.__themeSel .area .box label,
.__themeSel .area .box a {display:block;position:relative;}
.__themeSel .area .box label input {position:absolute;left:-9999px;top:0;}
.__themeSel .area .box label span {display:block;border-radius:5px;white-space:nowrap;height:60px;padding:0 10px;border:1px solid #ccc;color:#222;}
.__themeSel .area .box label span:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__themeSel .area .box label span em {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;font-size:14px;}
.__themeSel .area .box label input:checked + span {border-color:#f37022;background:#f37022;color:#fff;}
.__themeSel .area .box a {display:block;border-radius:5px;white-space:nowrap;height:60px;padding:0 10px;background:#00314d;color:#fff;}
.__themeSel .area .box a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__themeSel .area .box a span {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;font-size:14px;}
.__themeSel .area .box a:after {content:"\f105";font-family:axicon;display:inline-block;vertical-align:middle;margin-left:8px;font-size:16px;}
.__themeSel .area .box:last-child:before {content:"";display:block;width:1px;height:18px;position:absolute;left:0;top:50%;margin-top:-9px;background:#333;}

.__themeSel .area .box.red label input:checked + span {border-color:#e05c55;background:#e05c55;}
.__themeSel .area .box.violet label input:checked + span {border-color:#a466a5;background:#a466a5;}
.__themeSel .area .box.blue label input:checked + span {border-color:#0f579c;background:#0f579c;}
.__themeSel .area .box.red2 label input:checked + span {border-color:#ff4343;background:#ff4343;}
.__themeSel .area .box.green label input:checked + span {border-color:#00a651;background:#00a651;}
.__themeSel .area .box.black label input:checked + span {border-color:#00314d;background:#00314d;}
.__themeSel .area .box.skyblue label input:checked + span {border-color:#5aafd6;background:#5aafd6;} /* 2020-08-14 추가 */
.__themeSel .area .box.yellow label input:checked + span {border-color:#e3ba4b;background:#e3ba4b;} /* 2020-08-14 추가 */

.__themeSel.type2 .area .box:last-child:before {display:none;}

/* [S] 2020-08-14 추가 */
@media screen and (min-width:769px) and (max-width:1024px){
    .__themeSel .area .box a:after {display:none;}
}
/* [E] 2020-08-14 추가 */

@media screen and (max-width:768px){
    .__themeSel {padding:0;}
    .__themeSel .sel {width:auto;position:relative;padding-bottom:10px;border-bottom:2px solid #222;}
    .__themeSel .sel span {display:inline-block;}
    .__themeSel .sel strong {display:inline-block;font-size:18px;margin:0 0 0 5px;}
    .__themeSel .area {margin:0 -5px;font-size:0;}
    .__themeSel .area .box {width:50%;padding:0 5px;margin-top:10px;}
    .__themeSel .area .box label span,
    .__themeSel .area .box a {height:50px;}
    .__themeSel .area .box:last-child:before {display:none;}
}


.__pop {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;text-align:center;font-size:0;white-space:nowrap;padding:0 15px;overflow:auto;display:none;}
.__pop:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__pop .bg {position:fixed;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.8);}
.__pop > .inner {display:inline-block;vertical-align:middle;white-space:normal;width:570px;max-width:100%;border-radius:30px;border:5px solid #f37022;background:#fff;padding:35px 15px;font-size:14px;text-align:left;position:relative;z-index:10;}
.__pop .wrap {max-width:400px;margin:0 auto;}
.__pop .close {font-size:30px;color:#f37022;border:none;background:none;z-index:50;position:absolute;right:20px;top:20px;}
.__pop .title {text-align:center;border-bottom:2px solid #222;padding-bottom:35px;margin-bottom:30px;}
.__pop .title h3 {font-size:24px;font-weight:normal;color:#222;line-height:1.2em;letter-spacing:-0.05em;}
.__btnArea {text-align:center;margin:45px -10px 0;font-size:0;}
.__btnArea li {display:inline-block;vertical-align:top;max-width:260px;width:50%;padding:0 10px;}
.__btnArea li button,
.__btnArea li a {display:block;width:100%;height:60px;color:#fff;background:#ccc;line-height:60px;text-align:center;font-size:16px;border:none;letter-spacing:-0.075em;}
.__btnArea li .orange {background:#f37022;}
.__btnArea li .blue {background:#00314d;}
.__btnArea li .black {background:#333;}
.__btnArea li .white {background:#fff;border:1px solid #ccc;line-height:58px;color:#222;}

.__pop .__btnArea li button,
.__pop .__btnArea li a {font-size:24px;}

.__btnTaste {display:inline-block;width:240px;height:60px;line-height:60px;color:#fff;font-size:16px;font-weight:500;background:#f37022;text-align:center;}
.__btnTaste:before {content:"";display:inline-block;width:26px;height:24px;background:url(../images/ico-write.png) no-repeat 50% 50%;background-size:contain;margin-right:10px;vertical-align:middle;}


.__pop.inq .head dt {font-size:14px;line-height:1.8em;color:#222;font-weight:300;}
.__pop.inq .head dd {margin-top:15px;}
.__pop.inq .head dd ul li {position:relative;padding-left:1em;font-size:14px;color:#222;}
.__pop.inq .head dd ul li ~ li {margin-top:10px;}
.__pop.inq .head dd ul li:before {content:"-";position:absolute;left:0;top:0;}
.__pop.inq .ta {margin-top:30px;}
.__pop.inq .ta h4 {font-size:14px;color:#222;font-weight:500;margin-bottom:15px;}
.__pop.inq .ta textarea {height:120px;border:1px solid #ccc;padding:10px;font-size:14px;width:100%;}

.__pop.myApp {display:block;position:relative;padding:0;overflow:auto;height:auto;}
.__pop.myApp:after {display:none;}
.__pop.myApp > .inner {width:100%;display:block;border-radius:0;min-height:100vh;}
.__pop.myApp .wrap {max-width:630px;}
.__pop.myApp .sum {display:table;width:100%;}
.__pop.myApp .sum > * {display:table-cell;vertical-align:middle;color:#222;}
.__pop.myApp .sum dl dt {font-size:14px;font-weight:500;}
.__pop.myApp .sum dl dd {font-size:14px;margin-top:10px;font-weight:300;}
.__pop.myApp .sum .total {text-align:right;}
.__pop.myApp .sum .total span {display:inline-block;vertical-align:middle;margin-right:5px;}
.__pop.myApp .sum .total strong {font-size:28px;color:#f37022;display:inline-block;vertical-align:middle;}
.__pop.myApp .cont h4 {font-size:18px;font-weight:normal;color:#222;position:relative;padding-left:12px;padding-bottom:20px;letter-spacing:-0.05em;}
.__pop.myApp .cont h4:before {content:"";display:block;width:4px;height:23px;background:#222;position:absolute;left:0;top:0;}
.__pop.myApp .cont {margin-top:40px;}
.__pop.myApp .__botArea {margin-top:15px;}

/* [S] 2021-01-14 추가 */
.__pop.cart .tac {font-size:16px;margin-bottom:15px;line-height:1.3em;}
.__pop.cart .cart {max-height:160px;overflow:auto;}
.__pop.cart .cart a {display:block;}
.__pop.cart .cart a ~ a {margin-top:15px;}
.__pop.cart .cart a dl dt {font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;}
.__pop.cart .cart a dl dd {font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#999;margin-top:5px;}
/* [E] 2021-01-14 추가 */

.__pop.cancel .txt {font-size:14px;line-height:2em;text-align:center;color:#222;}
.__pop.cancel .txt strong {font-weight:500;}

.__pop.monthapp .txt {font-size:14px;line-height:2em;text-align:center;color:#222;}
.__pop.monthapp .txt strong {font-weight:500;}

.__pop.already .txt {font-size:14px;line-height:2em;text-align:center;color:#222;}
.__pop.already .txt strong {font-weight:500;}

.__pop.alarmOk .txt {font-size:14px;line-height:2em;text-align:center;color:#222;}
.__pop.alarmOk .txt strong {font-weight:500;}

.__pop.alarmapp .head li ~ li {margin-top:17px;}
.__pop.alarmapp .head label span {font-size:14px;font-weight:500;color:#222;}
.__pop.alarmapp .foot {border-top:1px solid #ccc;margin-top:20px;padding-top:20px;}
.__pop.alarmapp .foot label span {font-size:18px;font-weight:500;color:#222;}
.__pop.alarmapp .txt {text-align:center;margin-top:30px;font-size:16px;color:#222;font-weight:500;}

.__pop.alarmapp2 .head li ~ li {margin-top:17px;}
.__pop.alarmapp2 .head label span {font-size:14px;font-weight:500;color:#222;}
.__pop.alarmapp2 .foot {border-top:1px solid #ccc;margin-top:20px;padding-top:20px;}
.__pop.alarmapp2 .foot label span {font-size:18px;font-weight:500;color:#222;}
.__pop.alarmapp2 .txt {text-align:center;margin-top:30px;font-size:16px;color:#222;font-weight:500;}

.__pop.alarmapp3 .txt {color:#222;text-align:center;}
.__pop.alarmapp3 .txt dt {font-size:18px;line-height:1.5em;}
.__pop.alarmapp3 .txt dd {font-size:14px;line-height:2.4em;margin-top:25px;}

.__pop.calendar .title {position:relative;}
.__pop.calendar .title button {font-size:34px;color:#222;background:none;border:none;position:absolute;top:-7px;}
.__pop.calendar .title .prev {right:50%;margin-right:60px;}
.__pop.calendar .title .next {left:50%;margin-left:60px;}
.__pop.calendar .month {font-size:0;margin:0 -35px -20px;}
.__pop.calendar .month li {display:inline-block;vertical-align:top;width:25%;text-align:center;padding:0 35px;margin-bottom:5px;position:relative;}
.__pop.calendar .month li button {font-size:14px;color:#222;border:none;background:none;padding-top:20px;text-align:center;position:relative;padding-bottom:10px;display:block;width:100%;z-index:10;}
.__pop.calendar .month .active button {color:#f37022;}
.__pop.calendar .month .active button:before {content:"";display:block;width:4px;height:4px;border-radius:50%;position:absolute;left:50%;margin-left:-2px;background:#f37022;top:10px;}
.__pop.calendar.type2 .month .active button {color:#fff;background:#212121;}
.__pop.calendar.type2 .month .active button:before {background:#fff;}
.__pop.calendar.type2 .month .active.first ~ li button {color:#fff;background:#212121;}
.__pop.calendar.type2 .month .active.last ~ li button {color:#222;background:none;}
.__pop.calendar.type2 .month .active.last ~ li button:before {display:none;}
.__pop.calendar.type2 .month .active:before {content:"";display:block;position:absolute;left:50%;width:50%;height:100%;top:0;background:#212121;}
.__pop.calendar.type2 .month .active:after {content:"";display:block;position:absolute;right:50%;width:50%;height:100%;top:0;background:#212121;}
.__pop.calendar.type2 .month .active:nth-child(4n+4):before,
.__pop.calendar.type2 .month .active:nth-child(4n+1):after {display:none;}
.__pop.calendar.type2 .month .active.first:after {border-radius:23px 0 0 23px;}
.__pop.calendar.type2 .month .active.last:before {border-radius:0 23px 23px 0;}

.__pop.dataApp .content .lst li {position:relative;padding-left:1.2em;font-size:14px;}
.__pop.dataApp .content .lst li strong {font-weight:500;color:#333;}
.__pop.dataApp .content .lst li ~ li {margin-top:10px;}
.__pop.dataApp .content .lst li:before {content:'■';position:absolute;left:0;top:1px;color:#333;}
.__pop.dataApp .content .lst li p {margin-top:5px;}
.__pop.dataApp .content .lst .__lab span {display:inline;color:#666;}
.__pop.dataApp .content .lst .__lab i {margin:0 0 0 5px;width:16px;height:16px;}
.__pop.dataApp .content .lst .__lab i:before {width:10px;height:10px;margin:-5px 0 0 -5px;}
.__pop.dataApp .content .foot {border-top:1px solid #ccc;margin-top:20px;padding-top:20px;}

@media screen and (max-width:768px){
    .__pop {padding:0 10px;}
    .__pop > .inner {border-radius:15px;padding:20px;}
    .__pop .close {font-size:30px;top:15px;}
    .__pop .title {padding-bottom:20px;margin-bottom:20px;}
    .__pop .title h3 {font-size:20px;}
    .__btnArea {margin:20px -5px 0;}
    .__btnArea li {padding:0 5px;}
    .__btnArea li button,
    .__btnArea li a {height:40px;line-height:40px;font-size:14px;}
    .__btnArea li .white {line-height:38px;}
    .__btnArea.leng3 li {width:33.333333%;}
    
    .__pop .__btnArea li button,
    .__pop .__btnArea li a {font-size:16px;}


    .__pop.inq .ta {margin-top:15px;}
    .__pop.inq .ta h4 {margin-bottom:10px;}

    .__btnTaste {display:block;width:auto;}

    .__pop.myApp .sum {display:block;}
    .__pop.myApp .sum > * {display:block;}
    .__pop.myApp .sum .total {text-align:left;margin-top:15px;}
    .__pop.myApp .cont {margin-top:30px;}

    .__pop.alarmapp2 .txt {text-align:center;margin-top:20px;}
    .__pop.alarmapp3 .txt dd {line-height:1.8em;margin-top:15px;}

    /* [S] 2021-01-14 추가 */
    .__pop.cart .cart {max-height:150px;}
    .__pop.cart .cart a dl dt {font-size:16px;}
    /* [E] 2021-01-14 추가 */
    
    .__pop.calendar .month {margin:0 -20px -20px;}
    .__pop.calendar .month li {padding:0 20px;}
}

.__tblApp {width:100%;border-top:2px solid #222;border-bottom:1px solid #ccc;table-layout:fixed;}
.__tblApp tr > * {text-align:center;padding:15px 5px;font-size:14px;}
.__tblApp tr th {border-bottom:1px solid #ccc;font-weight:500;color:#222;}
.__tblApp tr td {padding:10px 5px;}
.__tblApp tbody tr:first-child td {padding-top:20px;}
.__tblApp tbody tr:last-child td {padding-bottom:20px;}
.__tblApp .subject {text-align:left;}
.__tblApp .subject a {display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:90%;}
.__tblApp .subject a.on {white-space:normal;}
.__tblApp .noMore {text-align:center;}

/* 2020-09-03 추가 */
.__tblApp .a {display:none;}
.__tblApp .q.active + .a {display:table-row;}
/* 2020-09-03 추가 */

@media screen and (max-width:768px){
    .__tblApp {border-bottom:none;}
    .__tblApp,
    .__tblApp tbody,
    .__tblApp tr > * {display:block;}
    .__tblApp thead,
    .__tblApp colgroup {display:none;}
    .__tblApp tr {display:flex;flex-wrap:wrap;border-bottom:1px solid #ccc;padding:15px 0;}
    .__tblApp tr .cate {font-weight:bold;color:#222;margin-right:7px;}
    .__tblApp tr .cate:before {content:"[";}
    .__tblApp tr .cate:after {content:"]";}
    .__tblApp tr .date {font-weight:bold;color:#222;margin-right:7px;}
    .__tblApp tr .subject {order:10;flex-basis:100%;width:0;margin-top:7px;}
    .__tblApp tr .subject a {display:block;max-width:100%;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5em;max-height:3em;} /* 2020-09-03 수정 */
    .__tblApp tr .gray {color:#ccc;}
    .__tblApp tr .orange {color:#f37022;}
    .__tblApp tr td {padding:0 !important;}
    
/* 2020-09-03 추가 */
    .__tblApp .q.active + .a {display:flex;}
    .__tblApp .a .subject a {display:block;}
    /* 2020-09-03 추가 */
}

.__webzine {position:relative;padding-bottom:60px;}
.__webzine:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:120px;background:#f0f1f6;}
.__webzine .inner {position:relative;z-index:10;}
.__webzine .roll {max-width:770px;margin:0 auto;}
.__webzine .slick-list {margin:0 -15px;}
.__webzine .slick-slide {padding:0 15px;}
.__webzine .box {padding-left:470px;min-height:600px;position:relative;}
.__webzine .box:after {content:"";display:block;clear:both;}
.__webzine .box .img {position:absolute;left:0;top:0;width:425px;}
.__webzine .box .img a {display:block;position:relative;}
.__webzine .box .img a .new {display:block;width:47px;height:69px;font-size:15px;text-align:center;color:#fff;padding-top:27px;background:url(../images/ico-new.png) no-repeat 50% 0;background-size:contain;position:absolute;left:10px;top:0;z-index:10;}
.__webzine .box .info {color:#222;padding-top:125px;}
.__webzine .box .info dl dt {font-size:18px;}
.__webzine .box .info dl dd {font-size:48px;font-weight:500;}
.__webzine .box .info ul {margin-top:40px;}
.__webzine .box .info ul li {border-bottom:1px solid #ccc;}
.__webzine .box .info ul li a {display:block;font-size:14px;height:53px;line-height:53px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-right:30px;position:relative;}
.__webzine .box .info ul li a:before {content:"\e114";font-family:axicon;display:block;right:0;top:50%;margin-top:-0.5em;line-height:1em;font-size:18px;position:absolute;}
.__webzine .btn button {position:absolute;top:280px;font-size:14px;color:#222;background:none;border:none;transition:0.3s;}
.__webzine .btn button:before,
.__webzine .btn button:after {content:"";width:30px;height:57px;display:inline-block;vertical-align:middle;font-family:axicon;font-size:32px;}
.__webzine .btn button span {display:inline-block;vertical-align:middle;}
.__webzine .btn .prev {left:40px;}
.__webzine .btn .next {right:40px;}
.__webzine .btn .prev:before {background-image:url(../images/webzine-prev.png);margin-right:15px;}
.__webzine .btn .next:after {background-image:url(../images/webzine-next.png);margin-left:15px;}
.__webzine .btn .slick-disabled {opacity:0.25;}


.__webPrev {margin-top:100px;}
.__webPrev h3 {text-align:center;font-size:24px;font-weight:normal;color:#222;letter-spacing:-0.05em;margin-bottom:35px;}
/* [S] 2020-08-06 수정 및 추가 */
.__webPrev .tab {text-align:center;font-size:0;margin-bottom:60px;}
.__webPrev .tab button {border:none;background-repeat:no-repeat;background-color:transparent;background-size:contain;display:inline-block;vertical-align:middle;text-indent:-9999px;width:14px;height:27px;}
.__webPrev .tab .prev {background-image:url(../images/webzine-prev.png);background-position:100% 50%;}
.__webPrev .tab .next {background-image:url(../images/webzine-next.png);background-position:0 50%;}
.__webPrev .tab ul {display:inline-block;vertical-align:middle;margin:0 30px;}
.__webPrev .tab li {display:inline-block;vertical-align:top;padding:0 10px;}
.__webPrev .tab li a {display:block;width:240px;height:60px;line-height:58px;text-align:center;border:1px solid #ccc;color:#999;font-size:16px;font-weight:bold;transition:0.3s;}
.__webPrev .tab .active a {border-color:#f37022;background:#f37022;color:#fff;}
/* [E] 2020-08-06 수정 및 추가 */
.__webPrev .area {font-size:0;margin-bottom:-60px;}
.__webPrev .area .box {display:inline-block;width:25%;margin-bottom:60px;}
.__webPrev .area .box a {display:block;border:1px solid #ccc;max-width:214px;margin:0 auto;}

@media screen and (max-width:1024px){
    .__webPrev .area {margin:0 -10px -40px;}
    .__webPrev .area .box {margin-bottom:40px;padding:0 10px;}
}

@media screen and (max-width:768px){
    .__webzine {padding-bottom:0;}
    .__webzine:before {display:none;}
    .__webzine .box {padding-left:0;min-height:0;}
    .__webzine .box .img {position:relative;width:auto;}
    .__webzine .box .img a img {display:block;width:100%;}
    .__webzine .box .img a .new {display:block;width:47px;height:69px;font-size:15px;text-align:center;color:#fff;padding-top:27px;background:url(../images/ico-new.png) no-repeat 50% 0;background-size:contain;position:absolute;left:10px;top:0;z-index:10;}
    .__webzine .box .info {padding-top:0;margin-top:35px;}
    .__webzine .box .info ul {margin-top:10px;}

    .__webzine .btn button {position:absolute;top:calc(141vw - 40px);width:48px;height:48px;background:rgba(255,255,255,0.8);overflow:hidden;}
    .__webzine .btn button ~ button {margin-left:0;}
    .__webzine .btn button span {position:absolute;left:-9999px;top:0;text-indent:-9999px;}
    .__webzine .btn button:before,
    .__webzine .btn button:after {width:auto;height:auto;background:none;background:none !important;margin:0 !important;}
    .__webzine .btn .prev:before {content:"\f104";}
    .__webzine .btn .next:after {content:"\f105";}
    .__webzine .btn .prev {left:0;}
    .__webzine .btn .next {right:0;}

    .__webPrev {margin-top:60px;}
    .__webPrev h3 {text-align:left;margin-bottom:25px;font-size:18px;}
    /* [S] 2020-08-06 수정 및 추가 */
    .__webPrev .tab {margin-bottom:30px;}
    .__webPrev .tab button {width:14px;}
    .__webPrev .tab ul {width:calc(100% - 58px);margin:0 15px;}
    .__webPrev .tab li {width:50%;padding:0;}
    .__webPrev .tab li a {width:auto;height:40px;line-height:38px;font-size:14px;}
    /* [E] 2020-08-06 수정 및 추가 */
    
    .__webPrev .area {white-space:nowrap;margin:0 -20px;padding-left:20px;margin-bottom:0;overflow:auto;}
    .__webPrev .area .box {width:213px;margin:0 10px 0 0;padding:0;}
    .__webPrev .area .box a {max-width:100%;}
}

._tabBox {display:none;}
._tabBox.active {display:block;}


.__search * {outline:none;}
.__search {position:relative;height:60px;margin-bottom:40px;}
.__search input[type=text] {border:1px solid #ccc;display:block;width:100%;background:none;height:100%;padding-left:115px;padding-right:59px;font-size:14px;transition:0.3s;}
.__search button[type=submit] {position:absolute;right:0;top:0;width:59px;height:100%;background:url(../images/code-btn.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px;border:none;}
.__search button[type=submit]:before {content:"";display:block;width:1px;height:30px;position:absolute;left:0;top:50%;margin-top:-15px;background:#ccc;}
.__search .ico {background:url(../images/ico-sch-talk.png) no-repeat 50% 50%;width:24px;height:24px;background-size:contain;position:absolute;left:20px;top:50%;margin-top:-12px;}
.__search .ico:before {content:"";display:block;width:1px;height:30px;position:absolute;left:44px;top:50%;margin-top:-15px;background:#ccc;}
.__search .ico + input[type=text] {padding-left:85px;}
.__search label {position:absolute;left:0;width:100px;text-align:center;top:0;height:58px;line-height:58px;font-size:14px;color:#222;}
.__search label:before {content:"";display:block;width:1px;height:30px;position:absolute;right:0;top:50%;margin-top:-15px;background:#ccc;}
.__search.detail {margin-bottom:0;}
.__search.detail input[type=text] {padding-right:120px;}
.__search.detail button[type=submit]:before {display:none;}
.__search.detail .dt {color:#f37022;position:absolute;right:60px;top:0;height:100%;border:none;background:none;font-size:14px;}
.__search input[type=text]:focus {border-color:#f37022;}
.__search.sel {padding-right:81px;border:1px solid #ccc;}
.__search.sel:after {content:"";display:block;clear:both;}
.__search.sel button[type=submit] {width:81px;border-left:1px solid #ccc;}
.__search.sel button[type=submit]:before {display:none;}
.__search.sel .sel {width:50%;float:left;position:relative;}
.__search.sel .sel ~ .sel {border-left:1px solid #ccc;position:relative;}
.__search.sel .sel > span {display:block;height:58px;line-height:58px;padding:0 35px 0 18px;font-size:14px;color:#222;cursor:pointer;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/* 2020-09-22 수정 */
.__search.sel .sel > span:before {content:"\f107";position:absolute;right:15px;top:0;font-family:axicon;font-size:18px;}
.__search.sel .sel select {position:absolute;top:0;left:0;width:100%;height:100%;font-size:14px;color:#333;letter-spacing:-0.1em;filter:alpha(opacity=0);opacity:0;z-index:1;}
.__search.sel.type2 {padding-right:0;margin-bottom:15px;} /* 2021-01-14 추가 */

.__searchSel {position:relative;padding-left:160px;}
.__searchSel .inpsel {position:absolute;left:0;top:0;width:150px;height:60px;appearance:none;background:#fff url(../images/ico-sel.png) no-repeat 100% 50%;background-size:23.5px auto;border:1px solid #ccc;padding-left:10px;}

.__searchSel2 {position:relative;padding-right:380px;}
.__searchSel2 .during {position:absolute;right:0;top:0;width:360px;}
.__searchSel2 .during input[type=text] {background:#fff url(../images/ico-calendar.png) no-repeat 15px 50%;background-size:30px auto;padding-left:45px;}
.__searchSel2 .during .inpsel {width:100%;height:60px;appearance:none;background:#fff url(../images/ico-calendar.png) no-repeat 100% 50%;background-size:30px auto;border:1px solid #ccc;padding-left:15px;}

.__search2 {position:relative;padding-right:51px;}
.__search2 button {position:absolute;right:0;top:0;width:52px;height:100%;background:url(../images/code-btn.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px;border:1px solid #ccc;}

@media screen and (max-width:768px){
    .__search {margin-bottom:30px;}
    .__search label,
    .__search .ico {left:-9999px;}
    .__search input[type=text] {padding-left:10px !important;padding-right:46px;}
    .__search button[type=submit] {width:46px;}

    .__search.detail {margin-bottom:20px;height:auto;}
    .__search.detail:after {content:"";display:block;clear:both;}
    .__search.detail input[type=text] {padding-right:0;float:left;margin-bottom:20px;height:60px;}
    .__search.detail .dt {float:left;position:relative;right:0;top:0;width:calc(50% - 5px);height:40px;line-height:38px;background:#f8f8f8;border:1px solid #ccc;text-align:center;color:#222;font-size:14px;}
    .__search.detail button[type=submit] {float:right;position:relative;width:calc(50% - 5px);height:40px;line-height:38px;background:#f37022;text-indent:0;border:1px solid #f37022;color:#fff;}
    .__search.detail button[type=submit]:before {content:"\e036";display:inline-block;font-family:axicon;width:auto;height:auto;position:relative;top:-2px;margin:0 5px 0 0;background:none;font-size:18px;vertical-align:middle;}

    .__search.sel {padding-right:46px;}
    .__search.sel button[type=submit] {width:47px;}
    .__search.sel .sel > span {height:58px;line-height:58px;padding:0 20px 0 10px;}/* 2020-09-22 수정 */

    .__searchSel {padding-left:120px;}
    .__searchSel .inpsel {width:110px;}

    .__searchSel2 {padding-right:0;}
    .__searchSel2 .__search {margin-bottom:10px;}
    .__searchSel2 .during {position:relative;width:auto;}
    .__searchSel2 .during input[type=text] {padding-left:45px !important;}
}

.__schDetail {border:1px solid #ccc;border-top:none;padding:20px 20px 25px;display:none;}
.__schDetail dl {margin-bottom:10px;}
.__schDetail dl:last-child {margin-bottom:0;}
.__schDetail dl dt {font-size:14px;color:#222;font-weight:bold;}
.__schDetail dl dd {margin-top:13px;}
.__schDetail dl dd label {margin-right:25px;margin-bottom:10px;}
.__schDetail dl dd label:last-child {margin-right:0;}

@media screen and (max-width:768px){
    .__schDetail {border:none;padding:0;}
    .__schDetail dl dd label {min-width:calc(32% - 5px);margin-right:5px;}
}


.__schResult {margin-top:60px;}
.__schResult .head {text-align:center;}
.__schResult .head h3 {font-size:24px;font-weight:normal;color:#222;margin-bottom:30px;}
.__schResult .result {margin:60px -10px -20px;font-size:0;}
.__schResult .result .box {display:inline-block;vertical-align:top;padding:0 10px;width:33.33333%;margin-bottom:20px;}
.__schResult .result .box .in {border:1px solid #ccc;border-radius:10px;padding:19px;}
.__schResult .result .box .subject {font-size:16px;color:#222;font-weight:500;letter-spacing:-0.05em;}
.__schResult .result .box .subject a {display:block;color:#222;letter-spacing:-0.05em;}
.__schResult .result .box .add {margin-top:5px;font-size:14px;color:#888;letter-spacing:-0.05em;}
.__schResult .result .box .tag {margin-top:8px;margin-bottom:-5px;}
.__schResult .result .box .tag a {display:inline-block;height:23px;line-height:23px;color:#fff;padding:0 10px;border-radius:11.5px;font-size:14px;margin:0 5px 5px 0;background:#ccc;letter-spacing:-0.05em;}
.__schResult .result .box .cc {margin-top:7px;}
.__schResult .result .box .cc .roll {white-space:nowrap;display:inline-block;position:relative;}
.__schResult .result .box .cc .roll li {display:inline-block;vertical-align:top;margin-right:20px;}
.__schResult .result .box .cc .roll li:last-child {margin-right:0;}
.__schResult .result .box .cc .roll.slick-slider {display:block;white-space:normal;padding:0 25px;}
.__schResult .result .box .cc .roll.slick-slider .slick-slide {margin-right:20px;}
.__schResult .result .box .cc .roll.slick-slider .slick-slide:last-child {margin-right:0;}
.__schResult .result .box .cc .slick-arrow {position:absolute;width:20px;top:50%;margin-top:-12px;height:24px;display:block;text-align:left;color:#333;font-size:0;border:none;background:#fff;text-indent:-9999px;overflow:visible;line-height:0;z-index:100;}
.__schResult .result .box .cc .slick-arrow:after {font-family:axicon;display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;text-indent:0;line-height:24px;text-align:center;font-size:18px;}
.__schResult .result .box .cc .slick-arrow.slick-prev {left:0;}
.__schResult .result .box .cc .slick-arrow.slick-next {right:0;}
.__schResult .result .box .cc .slick-arrow.slick-prev:after {content:"\f104";}
.__schResult .result .box .cc .slick-arrow.slick-next:after {content:"\f105";}
.__schResult .result .box .cc a {font-size:14px;color:#222;}

.__schResult .result .box .bot {margin-top:20px;}
.__schResult .result .box .bot:after {content:"";display:block;clear:both;}
.__schResult .result .box .bot .word {float:left;}
.__schResult .result .box .bot .word span {display:inline-block;width:20px;height:20px;line-height:19px;text-align:center;color:#fff;border-radius:3px;font-size:14px;margin-right:5px;}
.__schResult .result .box .bot .word span:last-child {margin-right:0;}
.__schResult .result .box .bot .word span.red {background:#e05c55;}
.__schResult .result .box .bot .word span.violet {background:#a466a5;}
.__schResult .result .box .bot .word span.blue {background:#0f579c;}
.__schResult .result .box .bot .word span.red2 {background:#ff4343;}
.__schResult .result .box .bot .word span.green {background:#00a651;}
.__schResult .result .box .bot .word span.black {background:#00314d;}
.__schResult .result .box .bot .word span.skyblue {background:#5aafd6;} /* 2020-08-14 추가 */
.__schResult .result .box .bot .word span.yellow {background:#e3ba4b;} /* 2020-08-14 추가 */

.__schResult .result .box .bot .__likeHate {float:right;}

.__likeHate button {display:inline-block;background:none;border:none;position:relative;font-size:14px;color:#222;padding-left:20px;letter-spacing:-0.05em ;}
.__likeHate button ~ button {margin-left:20px;}
.__likeHate button:before {content:"";display:block;width:14px;height:14px;position:absolute;left:0;top:50%;margin-top:-7px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
.__likeHate .like:before {background-image:url(../images/ico-like.png);}
.__likeHate .hate:before {background-image:url(../images/ico-hate.png);}


@media screen and (max-width:1024px){
    .__schResult {margin-top:40px;}
    .__schResult .head h3 {margin-bottom:20px;}
    .__schResult .result .box {width:50%;}
}

@media screen and (max-width:768px){
    .__schResult .result {margin-top:30px;}
    .__schResult .result .box {width:100%;margin-bottom:10px;}
    .__schResult .result .box .in {padding:14px;}
    .__schResult .result .box .subject,
    .__schResult .result .box .subject a {font-size:20px;}
    .__schResult .result .box .add {font-size:12px;}
}


.__tit {padding-bottom:20px;margin-top:70px;position:relative;}
.__tit h3 {letter-spacing:-0.05em;color:#222;font-size:24px;font-weight:normal;position:relative;padding-left:19px;line-height:1em;}
.__tit h3:before {content:"";display:block;width:4px;height:23px;position:absolute;left:0;top:2px;background:#f37022;}
.__tit h3 em {font-size:14px;font-weight:normal;color:#ccc;display:inline-block;font-weight:300;letter-spacing:-0.025em;margin-left:10px;}
.__tit h3 .__icoPm {margin:0 3px;}
.__tit h3 button {position:absolute;top:0;right:0;}
.__tit .txt {font-size:14px;margin-top:10px;line-height:1.5em;}
.__tit .rig {position:absolute;right:0;bottom:20px;font-size:14px;color:#222;}
.__tit .rig2 {position:absolute;right:0;bottom:20px;}

.__tit.type2 {background:#00314d;padding:20px;margin-bottom:0;border-bottom:none;}
.__tit.type2 h3 {color:#fff;padding-left:0;display:inline-block;vertical-align:middle;}
.__tit.type2 h3:before {display:none;}
.__tit.type2 h3 em {color:#fff;display:inline-block;vertical-align:middle;}
.__tit.type2 .txt {color:#fff;}

.__tit.type3 {background:#00314d;padding:20px;margin-bottom:0;border-bottom:none;}
.__tit.type3 h3 {color:#fff;padding-left:0;display:inline-block;vertical-align:middle;margin-right:15px;}
.__tit.type3 h3 a {color:#fff;}
.__tit.type3 h3:before {display:none;}
.__tit.type3 .txt {color:#fff;display:inline-block;vertical-align:middle;}
.__tit.type3 .qa {display:block;width:240px;height:60px;line-height:56px;border:2px solid #fff;text-align:center;font-size:16px;font-weight:500;position:absolute;right:20px;top:50%;margin-top:-30px;color:#fff;}

.__tit.line {border-bottom:2px solid #222;}
.__tit.policy .__btn5 {position:absolute;right:251px;top:0;}

.__tit2 {text-align:center;margin-bottom:30px;position:relative;}
.__tit2 h3 {font-size:33px;font-weight:normal;color:#222;letter-spacing:-0.05em;}
.__tit2 .rig {position:absolute;right:0;top:4px;}
.__tit2 .rig .__btn3 ~ .__btn3 {margin-left:7px;}

@media screen and (max-width:1024px){
    .__tit2 .rig {position:relative;top:0;margin-top:20px;text-align:center;}
    .__tit2 .rig .__btn3 ~ .__btn3 {margin-left:5px;}
}

@media screen and (max-width:768px){
    .__tit {margin-top:30px;padding-bottom:15px;}
    .__tit h3 {font-size:18px;padding-left:12px;}
    .__tit h3:before {top:-1px;height:22px;}
    .__tit h3 em {display:block;margin:5px 0 0;}

    .__tit.type2 {padding:20px;margin:-1px -20px;}
    .__tit.type2 h3 {color:#fff;padding-left:0;}
    .__tit.type2 h3:before {display:none;}
    .__tit.type2 h3 em {color:#fff;margin-top:5px;line-height:1.6em;display:block;}
    .__tit.type2 .txt {color:#fff;}

    .__tit.type3 {padding:20px;margin:-1px -20px 0;}
    .__tit.type3 .txt {line-height:1.6em;}
    .__tit.type3 .qa {width:auto;position:relative;right:0;top:0;margin-top:15px;}
    .__double + .__tit.type3 {margin-top:30px;}

    .__botArea + .__tit.type3 {margin-top:20px;}

    .__tit h3 .__icoPm {width:22px;height:22px;line-height:20px;font-size:14px;}/* 2021-01-14 추가 */
    .__tit .rig2 {position:relative;bottom:0;margin:15px 0}

    .__tit2 {margin-bottom:20px;}
    .__tit2 h3 {font-size:18px;}

    .__tit.policy .__btn5 {right:0;top:-3px;}
}

.__list {border-top:1px solid #222;}
.__list .box {position:relative;display:block;padding:0 10px;border-bottom:1px solid #ccc;font-size:0;}
.__list .box.arr {padding-right:40px;}
.__list .box.arr:before {content:"\f105";display:block;font-family:axicon;position:absolute;right:15px;top:50%;margin-top:-0.5em;line-height:1em;font-size:20px;color:#555;}
.__list .box .tbl {display:table;width:100%;table-layout:fixed;}
.__list .box .tbl > li {display:table-cell;height:54px;line-height:54px;font-size:14px;color:#222;padding:0 5px;}
.__list .box .tbl > li strong {margin-right:3px;}
.__list .box .subject {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.__list .box .ico {width:85px;}
.__list .box .date {width:180px;}
.__list .box .rel {width:220px;}
.__list .box .hit {width:90px;}
.__list .box .btn {text-align:center;width:40px;}
.__list .box .__ico1 {margin-right:10px;}

/* [S] 2020-01-14 추가 */
.__list .box.plus {padding-right:40px;}
.__list .box.plus:before {content:"\e114";display:block;font-family:axicon;position:absolute;right:15px;top:50%;margin-top:-0.5em;line-height:1em;font-size:20px;color:#555;}
.__list .box .rank {width:48px;height:24px;line-height:22px;border-radius:3px;border:1px solid #f37022;text-align:center;font-size:14px;color:#f37022;display:inline-block;margin-right:10px;}
/* [E] 2020-01-14 추가 */

@media screen and (max-width:768px){
    .__list .box {padding:15px 0;}
    .__list .box.arr {padding-right:0;}
    .__list .box.arr:before {display:none;}
    .__list .box .tbl > li {height:auto;line-height:1.6em;padding:0;}
    .__list .box .subject {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
    .__list .box .btn {text-align:right;width:40px;vertical-align:middle;}
    .__list .box .tbl > li strong {display:block;margin-right:0;}
    .__list .box .__ico1 {margin:0;display:block;border:none;width:auto;line-height:1.6em;border-radius:0;text-align:left;}

    .__list .box .ico,
    .__list .box .date,
    .__list .box .rel,
    .__list .box .hit,
    .__list .box .rel + .subject {display:table !important;width:100%;table-layout:fixed;}
    
    .__list .box .ico > *,
    .__list .box .date > *,
    .__list .box .rel > *,
    .__list .box .hit  > *,
    .__list .box .rel + .subject > * {display:table-cell !important;white-space:normal;}
    
    .__list .box .ico > strong,
    .__list .box .date > strong,
    .__list .box .rel > strong,
    .__list .box .hit  > strong,
    .__list .box .rel + .subject > strong {width:6.5em;font-weight:500;}

    
    /* [S] 2020-01-14 추가 */
    .__list .box.plus {padding-right:0;}
    .__list .box.plus:before {display:none;}
    .__list .box .rank {margin:0;display:block;border:none;width:auto;line-height:1.6em;border-radius:0;text-align:left;}
    /* [E] 2020-01-14 추가 */
}


.__ico1 {width:73px;height:24px;line-height:22px;border-radius:3px;border:1px solid #f37022;text-align:center;font-size:14px;color:#f37022;display:inline-block;}
.__ico1.orange {background:#f37022;border-color:#f37022;color:#fff;}
.__ico1.gray {background:#ccc;border-color:#ccc;color:#fff;}
.__icoPm {display:inline-block;width:28px;height:28px;border:1px solid #ccc;text-align:center;line-height:26px;font-size:16px;color:#222;background:none;}
.__icoPm i {font-style:normal;}
.__icoPm i:before {content:"\e114";font-family:axicon;}
.__icoPm.white {border-color:#fff;color:#fff;}


.__botArea {margin-top:40px;position:relative;}
.__botArea .cen {text-align:center;}
.__botArea .rig {position:absolute;right:0;top:0;}
.__botArea .__sort {margin-top:-5px;}

@media screen and (max-width:768px){
    .__botArea {margin-top:20px;text-align:center;}
    .__botArea > div {position:relative !important;}
    .__botArea > div ~ div {margin-top:15px;}
    .__botArea .__sort {margin-top:-5px;}
}

.__more {display:inline-block;width:140px;height:40px;line-height:38px;border:1px solid #ccc;text-align:center;font-size:14px;color:#222;transition:0.3s;}
.__more:before {content:"\e114";font-family:axicon;display:inline-block;margin-right:7px;}
.__more:hover {border-color:#000;}

.__foodMap {margin-top:75px;}
.__foodMap .head {margin-bottom:15px;}
.__foodMap .head h3 {text-align:center;font-size:24px;color:#222;font-weight:normal;}
.__foodMap .head .sch {position:relative;font-size:0;margin-top:25px;}
.__foodMap .head .sch .area {display:inline-block;vertical-align:middle;width:calc(100% - 130px);position:relative;padding-right:34px;}
.__foodMap .head .sch .area input[type='text'] {display:block;width:100%;height:34px;border:none;font-size:14px;padding-left:15px;border:1px solid #ccc;letter-spacing:-0.05em;}
.__foodMap .head .sch .area button {width:34px;height:34px;border:none;position:absolute;right:0;top:0;font-size:18px;background:#666;color:#fff;}
.__foodMap .head .sch ul {display:inline-block;vertical-align:middle;width:130px;}
.__foodMap .head .sch ul {text-align:right;font-size:0;}
.__foodMap .head .sch ul li {display:inline-block;vertical-align:middle;position:relative;font-size:14px;color:#222;}
.__foodMap .head .sch ul li ~ li {margin-left:10px;padding-left:11px;}
.__foodMap .head .sch ul li ~ li:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-4px;background:#aaa;}
.__foodMap .head .sch ul li img {margin-right:7px;width:17px;}
.__foodMap .head .sch ul li a,
.__foodMap .head .sch ul li span {display:inline-block;vertical-align:middle;color:#222;}
.__foodMap .loc {height:560px;position:relative;}
.__foodMap .loc .marker {width:32px;height:46px;background:url(../images/ico-marker-black.png) no-repeat;background-size:100% 100%;position:absolute;cursor:pointer;}
.__foodMap .loc .marker strong {display:block;text-align:center;color:#fff;height:30px;line-height:30px;font-weight:normal;font-size:14px;}
.__foodMap .loc .marker span {position:absolute;left:100%;top:0;display:none;}
.__foodMap .loc .marker span em {display:block;margin-left:10px;background:#fff;border:2px solid #222;height:34px;line-height:30px;padding:0 7px;color:#222;font-size:14px;position:relative;text-indent:-2px;white-space:nowrap;}
.__foodMap .loc .marker span em:before {content:"";border:8px solid transparent;border-right:9px solid #222;margin-top:-8px;display:block;height:0;width:0;top:50%;position:absolute;right:100%;}
.__foodMap .loc .marker span em:after {content:"";border:5px solid transparent;border-right:6px solid #fff;margin-top:-5px;display:block;height:0;width:0;top:50%;position:absolute;right:100%;z-index:10;}
.__foodMap .loc .marker.active {background-image:url(../images/ico-marker-red.png);}
.__foodMap .loc .marker.active span {display:block;}
.__foodMap .loc .marker.active span em {border-color:#fe6f61;color:#fe6f61;}
.__foodMap .loc .marker.active span em:before {border-right-color:#fe6f61;}
.__foodMap .loc .marker:hover {z-index:100;}
.__foodMap .loc .marker:hover span {display:block;}

/* [S] 2021-03-29 수정 */
.__foodMap .sort .box {display:block;border-bottom:1px solid #ccc;padding:18px 40px 18px 55px;position:relative;}
.__foodMap .sort .box .click {display:block;}
.__foodMap .sort .box .go {position:absolute;right:10px;top:50%;margin-top:-15px;width:30px;height:30px;line-height:30px;font-size:24px;display:block;text-align:center;}
.__foodMap .sort .box strong {display:block;width:25px;height:25px;border-radius:50%;position:absolute;left:20px;top:18px;color:#fff;background:#222;text-align:center;line-height:25px;font-size:16px;font-weight:normal;}
.__foodMap .sort .box span {display:block;color:#444;}
/* [E] 2021-03-29 수정 */

.__foodMap .sort .subject {font-size:16px;}
.__foodMap .sort .tag {font-size:14px;margin-top:5px;}
.__foodMap .sort .tag em {display:inline-block;margin-right:7px;}
.__foodMap .sort .active {background:#e3e3e3;}
.__foodMap .sort .active strong {background-color:#f37022;}
.__foodMap .link {text-align:right;margin-bottom:15px;}
.__foodMap .link li {display:inline-block;vertical-align:top;margin-right:20px;}
.__foodMap .link li:last-child {margin-right:0;}
.__foodMap .link li a:before {content:"";display:inline-block;width:25px;height:25px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;vertical-align:middle;margin-right:5px;}
.__foodMap .link li a span {display:inline-block;vertical-align:middle;font-size:14px;color:#222;}
.__foodMap .link li.info a:before {background-image:url(../images/ico-maphead1.png);}
.__foodMap .link li.find a:before {background-image:url(../images/ico-maphead2.png);}
.__foodMap .link li.ground a:before {background-image:url(../images/ico-maphead3.png);}

@media screen and (max-width:768px){
    .__foodMap {margin-top:40px;}
    .__foodMap .head {margin-bottom:10px;}
    .__foodMap .head ul {margin:0;}/* 2021-03-29 수정 */
    .__foodMap .head .sch .area {width:auto;display:block;}
    .__foodMap .head .sch ul {display:block;width:auto;margin-top:10px;text-align:center;}
    .__foodMap .head .sch .area input[type='text'] {padding-left:5px;letter-spacing:-0.075em;font-size:13px;word-spacing:-0.05em;}/* 2021-03-29 수정 */
    .__foodMap .loc {height:350px;margin:0;}/* 2020-09-24 */

    .__foodMap .sort .box {padding:15px 45px 15px 55px;}/* 2021-03-29 수정 */
    .__foodMap .sort .box strong {top:12px;}

    .__foodMap .link {text-align:left;margin:-40px 0 40px;}
    .__foodMap .link li {display:block;margin:0;border:1px solid #ccc;}
    .__foodMap .link li a {display:block;height:58px;line-height:58px;padding-left:calc(50% - 60px);}
    .__foodMap .link li a:before {margin-right:15px;}
    .__foodMap .link li a span {vertical-align:baseline;}
    .__foodMap .link li ~ li {margin-top:-1px;}
}


.__lab {display:inline-block;position:relative;vertical-align:middle;}
.__lab input {position:absolute;left:-9999px;top:0;}
.__lab i {display:inline-block;vertical-align:middle;width:24px;height:24px;border:1px solid #ccc;position:relative;margin-right:5px;font-style:normal;}
.__lab i:before {content:"";display:block;width:16px;height:16px;position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px;background:#fe6f61;opacity:0;transform:scale(0.5);transition:0.3s;}
.__lab span {display:inline-block;vertical-align:middle;font-size:14px;color:#222;}
.__lab input:checked ~ i:before {opacity:1;transform:scale(1);}
.__lab.rad i,
.__lab.rad i:before {border-radius:50%;}
.__lab.chk2 i:before {content:"\f1af";background:none;color:#f37123;left:0;top:0;margin:0;width:100%;height:100%;line-height:22px;font-family:axicon;font-size:16px;text-align:center;}


.__plhs {text-align:center;max-width:560px;margin:0 auto 50px;font-size:0;}
.__plhs li {display:inline-block;vertical-align:top;width:25%;position:relative;}
.__plhs li a {display:inline-block;}
.__plhs li a i {display:inline-block;width:26px;height:26px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
.__plhs li a span {display:block;font-size:16px;color:#222;margin-top:12px;}
.__plhs .phone a i {background-image:url(../images/plhs-phone.png);}
.__plhs .share a i {background-image:url(../images/plhs-share.png);}
.__plhs .like a i {background-image:url(../images/plhs-like.png);}
.__plhs .hate a i {background-image:url(../images/plhs-hate.png);}
.__plhs .like a:hover i {background-image:url(../images/plhs-like-on.png);}
.__plhs .hate a:hover i {background-image:url(../images/plhs-hate-on.png);}

@media screen and (max-width:768px){
    .__plhs {margin-bottom:40px;}
    .__plhs li ~ li:before {content:"";display:block;width:1px;height:22px;background:#ccc;position:absolute;left:0;top:0;}
    .__plhs li a i {width:22px;height:22px;}
    .__plhs li a span {font-size:14px;}
}

.__write dl ~ dl {margin-top:20px;}
.__write dl dt {font-size:14px;color:#222;}
.__write .tbl {display:table;width:100%;table-layout:fixed;}
.__write .tbl > * {display:table-cell;vertical-align:middle;}
.__write .tbl dt {width:100px;}
.__write .tbl .__lab {margin-right:30px;}
.__write .box dd {margin-top:12px;}

.__write.type2 {border-top:1px solid #ccc;}
.__write.type2 dl > * {border-bottom:1px solid #ccc;padding:20px;}
.__write.type2 dl ~ dl {margin-top:0;}
.__write.type2 dl dt {border-right:1px solid #ccc;width:130px;line-height:1.5em;}
.__write.type2 .pass {display:inline-block;vertical-align:middle;}
.__write.type2 .pass span {display:inline-block;vertical-align:middle;margin-right:10px;}
.__write.type2 .pass .__inp {width:200px;vertical-align:middle;}
.__write.type2 textarea.__inp {height:250px;}
.__write.type2 .tel {width:410px;display:inline-block;vertical-align:middle;margin-right:20px;}
.__write.type2 .email {width:700px;display:inline-block;vertical-align:middle;margin-right:20px;}
.__write.type2 .line ~ .line {margin-top:10px;}
.__write.type2 .dib {display:inline-block;vertical-align:middle;}

.__write.type3 {border-top:2px solid #222;padding-top:25px;}
.__write.type3 .tbl dt ~ dt {width:200px;padding-left:120px;}
.__write.type3 .tbl dt strong {font-weight:500;}
.__write.type3 textarea.__inp {height:280px;}
.__write.type3 ~ .__write.type3 {border-top-width:1px;margin-top:25px;}
.__write.type3 .labwid {margin-bottom:-20px;}
.__write.type3 .labwid label {min-width:24%;margin-bottom:20px;margin-right:0;padding-right:10px;}
.__write.type3 .labwid .last {display:inline-block;vertical-align:top;font-size:14px;color:#f37022;padding-top:2px;}
.__write.type3 .labwid .last.db {width:auto;display:block;margin-bottom:20px;}

.__inp {display:inline-block;width:100%;max-width:100%;height:40px;border:1px solid #ccc;font-size:14px;padding-left:10px;}
textarea.__inp {padding:10px;height:120px;}
select.__inp {appearance:none;background:#fff url(../images/ico-sel.png) no-repeat 100% 50%;background-size:23.5px auto;}
select.__inp::-ms-expand {display:none;}

@media screen and (max-width:1200px){
    .__write.type2 .email {width:600px;}
}

@media screen and (max-width:1024px){
    .__write.type2 .tel {width:100%;margin:0 0 5px;}
    .__write.type2 .email {width:100%;margin:0 0 5px;}
}

@media screen and (max-width:768px){
    .__write .tbl {display:block;}
    .__write .tbl > * {display:block;}
    .__write .tbl dt {width:auto;margin-bottom:5px;}
    .__write dl ~ dl {margin-top:15px;}

    .__write.type2 {border-top:1px solid #ccc;}
    .__write.type2 dl {border-bottom:1px solid #ccc;padding:15px 0;}
    .__write.type2 dl > * {border-bottom:none;padding:0;}
    .__write.type2 dl dt {border-right:none;width:auto;margin-bottom:5px;}
    .__write.type2 dl dt br {display:none;}
    .__write.type2 .pass {display:block;margin-top:15px;}
    .__write.type2 .pass span {display:block;margin:0 0 10px 0;}
    .__write.type2 .pass .__inp {width:100%;}
    .__write.type2 .email .__form {display:block;font-size:0;}
    .__write.type2 .email .__form li {display:inline-block;width:calc(50% - 12.5px);font-size:14px;}
    .__write.type2 .email .__form .gol {width:25px;}
    .__write.type2 .email .__form li:nth-child(4) {display:none;}
    .__write.type2 .email .__form li:nth-child(5) {display:block;margin-top:5px;width:100%;}

    .__write.type3 {padding-top:15px;}
    .__write.type3 .tbl dt ~ dt {width:auto;padding-left:0;margin-top:15px;}
    .__write.type3 textarea.__inp {height:150px;}

    textarea.__inp {height:100px;}
}

.__star {position:relative;display:inline-block;width:119px;height:19px;}
.__star label {position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0;background-size:contain;text-indent:-9999px;}
.__star input {position:absolute;left:-9999px;top:0;}
.__star .star1 {width:20%;z-index:5;}
.__star .star2 {width:40%;z-index:4;}
.__star .star3 {width:60%;z-index:3;}
.__star .star4 {width:80%;z-index:2;}
.__star .star5 {width:100%;z-index:1;}
.__star .bg {position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/star0.png);background-size:contain;z-index:0;}
.__star .starRating1:checked ~ .bg {background-image:url(../images/star1.png);}
.__star .starRating2:checked ~ .bg {background-image:url(../images/star2.png);}
.__star .starRating3:checked ~ .bg {background-image:url(../images/star3.png);}
.__star .starRating4:checked ~ .bg {background-image:url(../images/star4.png);}
.__star .starRating5:checked ~ .bg {background-image:url(../images/star5.png);}

.__rating {display:inline-block;position:relative;}
.__rating i {display:inline-block;width:119px;height:19px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-image:url(../images/star0.png);vertical-align:middle;margin-right:10px;}
.__rating.star1 i {background-image:url(../images/star1.png);}
.__rating.star2 i {background-image:url(../images/star2.png);}
.__rating.star3 i {background-image:url(../images/star3.png);}
.__rating.star4 i {background-image:url(../images/star4.png);}
.__rating.star5 i {background-image:url(../images/star5.png);}
.__rating span {font-size:14px;color:#222;font-weight:500;display:inline-block;vertical-align:middle;}


.__photo {margin:0 -10px;}
.__photo:after {content:"";display:block;clear:both;}
.__photo li {float:left;width:33.33333%;padding:0 10px;}
.__photo li label {display:block;position:relative;padding-top:100%;}
.__photo li label .upload {position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../images/upload.png);background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#f1f1f1;}
.__photo li label input {position:absolute;left:-9999px;top:0;}
.__photo li label .del {width:18px;height:18px;line-height:18px;background:#222;border:none;color:#fff;position:absolute;right:0;top:0;font-size:12px;display:none;}
.__photo li label .del:before {content:"\e937";font-family:axicon;}
.__photo li label.active .del {display:block;}


.__hospital .head {text-align:center;}
.__hospital .head .sum {display:none;}
.__hospital .mid {text-align:center;margin-top:80px;}
.__hospital .tit {text-align:center;margin:60px 0;}
.__hospital .tit h3 {font-size:28px;font-weight:normal;color:#222;}
.__hospital .tit h3 span {color:#f37022;}
.__hospital .tit p {font-size:14px;color:#222;margin-top:10px;line-height:1.5em;}
.__hospital .inq {max-width:970px;margin:0 auto;border:5px solid #f37022;border-radius:30px;padding:40px;}
.__hospital .inq h3 {text-align:center;padding-bottom:35px;border-bottom:2px solid #222;margin-bottom:30px;font-size:24px;font-weight:normal;color:#222;letter-spacing:-0.05em;}

@media screen and (max-width:768px){
    .__hospital .head .sum {display:block;text-align:center;}
    .__hospital .head .sum p {font-size:14px;line-height:1.8em;font-weight:300;color:#222;}
    .__hospital .head .sum p span {font-weight:normal;font-size:18px;}
    .__hospital .head .sum img {display:inline-block;margin:50px 0;}
    .__hospital .head .sum strong {display:block;font-size:18px;color:#222;line-height:1.6em;font-weight:normal;}
    .__hospital .mid {margin-top:40px;}

    .__hospital .tit {text-align:left;margin:60px 0 30px;}
    .__hospital .tit h3 {font-size:18px;}
    .__hospital .tit p {font-size:14px;margin-top:5px;}

    .__hospital .inq {border:none;border-radius:0;padding:0;}
    .__hospital .inq h3 {display:none;}
}

.__orange {color:#f37022 !important;}
.__black {color:#222 !important;}



.__appNdata {margin:0 -10px;}
.__appNdata:after {content:"";display:block;clear:both;}
.__appNdata > div {padding:0 10px;float:left;}
.__appNdata .app {width:78%;}/* 2021-01-14  수정 */
.__appNdata .app .area {border:2px solid #222;padding:3px 0 0;}/* 2021-01-14  수정 */
.__appNdata .app .area li {font-size:14px;border-bottom:1px solid #ccc;position:relative;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:43px;line-height:42px;color:#222;}/* 2021-01-14  수정 */
.__appNdata .app .area li:last-child {border-bottom:none;}
.__appNdata .app .area .del {display:inline-block;position:absolute;right:0;top:50%;margin-top:-14px;width:40px;height:28px;border:1px solid #ccc;text-align:center;line-height:26px;font-size:16px;color:#fff;background:#ccc;}/* 2021-01-14 수정 */
.__appNdata .app .area .del i {font-style:normal;}
.__appNdata .app .area .del i:before {content:"\e115";font-family:axicon;}
.__appNdata .app .area .noMore {font-size:14px;color:#ccc;}
/* [S] 2021-01-14 추가 */
.__appNdata .app .area .head {position:relative;padding:10px 0;margin:0 35px;border-bottom:1px solid #ccc;}
.__appNdata .app .area .list {overflow:auto;height:128px;padding:0 35px;}
.__appNdata .app .area li label {vertical-align:baseline;}
/* [E] 2021-01-14 추가 */
.__appNdata .btn {width:22%;}
.__appNdata .btn button {width:100%;display:block;border:none;background:#6b81e4 url(../images/app-bg.png) no-repeat 50% 50%;background-size:cover;height:180px;text-align:center;color:#fff;font-size:18px;line-height:1.4em;}
.__appNdata .btn button:before {content:"";display:block;width:74px;height:48px;background:url(../images/ico-app-book.png) no-repeat;margin:0 auto 15px;}


.__schWord {text-align:center;font-size:24px;color:#222;}

@media screen and (max-width:768px){
    .__appNdata {margin:0;}
    .__appNdata > div {padding:0;float:none;}
    .__appNdata .app {width:auto;}
    .__appNdata .app .area {padding:3px 0 0;}/* 2021-01-14  수정 */
    .__appNdata .app .area li {overflow:visible;white-space:normal;height:auto;line-height:1.6em;padding:15px 40px 15px 0;}
    .__appNdata .app .area li strong {display:block;}
    .__appNdata .app .area li .txt {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
    .__appNdata .app .area .noMore {padding-right:0;}
    .__appNdata .btn {position:fixed;left:0;bottom:0;width:100%;box-shadow:0 -3px 5px rgba(0,0,0,0.2);z-index:300;}
    .__appNdata .btn button {margin:0;height:50px;background-image:url(../images/data-bg2-m.png);background-size:cover;background-color:#6b81e4;font-size:18px;}
    .__appNdata .btn button br,
    .__appNdata .btn button:before {display:none;}

    /* [S] 2021-01-14 추가 */
    .__appNdata .app .area .head {margin:0 15px;}
    .__appNdata .app .area .list {padding:0 15px;height:198px;}
    /* [E] 2021-01-14 추가 */

    .__appNdata .rig {margin-top:10px;}

    .__schWord {font-size:18px;}
}


.__boardView {border-bottom:1px solid #ccc;}
.__boardView .info {text-align:right;font-size:0;margin-bottom:13px;}
.__boardView .info li {display:inline-block;margin-right:30px;font-size:14px;color:#222;font-weight:300;}
.__boardView .info li strong {font-weight:500;}
.__boardView .info li:last-child {margin-right:0;}
.__boardView .head {border-top:1px solid #222;border-bottom:1px solid #ccc;padding:15px 20px;}
.__boardView .head h3 {font-size:14px;font-weight:normal;color:#222;line-height:1.4em;}
.__boardView .con {padding:35px 20px;font-size:14px;color:#222;line-height:1.8em;}
.__boardView .con * {max-width:100% !important; }
/* [S] 2021-01-14 추가 */
.__boardView .con .addcart {text-align:right;margin-bottom:20px;}
.__boardView .con .addcart button {display:inline-block;padding:0 15px;height:40px;color:#fff;background:#666;line-height:40px;text-align:center;font-size:16px;border:none;letter-spacing:-0.075em;}
.__boardView .con .addcart button i {margin-right:5px;}
.__boardView ~ .__file {margin-top:-1px;}
/* [E] 2021-01-14 추가 */

.__link {margin-top:30px;}
.__link li > * {display:inline-block;vertical-align:middle;font-size:14px;}
.__link li ~ li {margin-top:15px;}
.__link li span {position:relative;padding-left:0.8em;color:#222;margin-right:15px;font-weight:600;}
.__link li span:before {content:"·";position:absolute;left:0;top:0;}
.__link li a {height:24px;line-height:24px;color:#fff;background:#00314d;padding:0 10px;border-radius:5px;}

@media screen and (max-width:768px){
    .__boardView .info:after {content:"";display:block;clear:both;}
    .__boardView .info {text-align:left;}
    .__boardView .info li {float:left;}
    .__boardView .info li:last-child {margin-right:0;float:right;}
    .__boardView .head {padding:15px 0;}
    .__boardView .head h3 {font-size:14px;line-height:1.6em;}
    .__boardView .con {padding:20px 0;line-height:1.6em;}

    .__link li ~ li {margin-top:10px;}


    /* [S] 2021-01-14 추가 */
    .__boardView .con .addcart {text-align:center;margin-bottom:15px;}
    .__boardView .con .addcart button {padding:0 10px;height:34px;line-height:34px;font-size:14px;}
    /* [E] 2021-01-14 추가 */
    .__boardView .con img {height:auto !important;}
}

.__double {margin:70px -20px 0;}
.__double:after {content:"";display:block;clear:both;}
.__double .box {float:left;width:50%;padding:0 20px;}
.__double .box .__tit {margin-top:0;}
.__double .list {border-top:1px solid #222;}
.__double .list li {border-bottom:1px solid #ccc;}
.__double .list li a {display:block;position:relative;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:57px;line-height:57px;font-size:14px;color:#222;padding:0 50px 0 80px;}
.__double .list li a strong {position:absolute;left:15px;top:50%;margin-top:-12px;width:48px;height:24px;line-height:22px;border-radius:5px;border:1px solid #f37022;text-align:center;font-size:14px;color:#f37022;font-weight:normal;}
.__double .list li a:before {content:"\e114";font-family:axicon;display:block;right:15px;top:50%;margin-top:-0.5em;line-height:1em;font-size:18px;position:absolute;}

@media screen and (max-width:1024px){
    .__double {margin:70px 0 0;}
    .__double .box {float:none;width:auto;padding:0;}
    .__double .box ~ .box {margin-top:40px;}
 }

@media screen and (max-width:768px){
    .__double {margin:30px 0 0;}
    .__double .box {float:none;width:auto;padding:0;}
    .__double .box ~ .box {margin-top:40px;}
    .__double .list li a {height:auto;line-height:1.6em;padding:15px 0;}
    .__double .list li a strong {position:relative;left:0;top:0;margin-top:0;width:auto;height:auto;line-height:1.6em;border-radius:0;border:none;text-align:left;color:#f37022;display:block;}
    .__double .list li a span {display:block;overflow:hidden;line-height:1.6em;max-height:3.2em;white-space:normal;}
    .__double .list li a:before {display:none;}
 }

.__qaHead {display:table;width:100%;position:relative;margin:35px 0;font-size:14px;color:#222;}
.__qaHead .all {display:table-cell;padding:0 20px;}
.__qaHead .tab {display:table-cell;text-align:right;padding:0 20px;}
.__qaHead .tab li {display:inline-block;vertical-align:top;position:relative;}
.__qaHead .tab li a {color:#222;}
.__qaHead .tab li ~ li {margin-left:10px;padding-left:12px;}
.__qaHead .tab li ~ li:before {content:"";display:block;width:1px;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;background:#ccc;}
.__qaHead .tab .active a {color:#f37022;}
.__qaHead .__search {margin-bottom:0;}

@media screen and (max-width:768px){
    .__qaHead {margin:15px 0;}
    .__qaHead .all {padding:0;}
    .__qaHead .tab {padding:0;}
}

.__qa {border-top:1px solid #ccc;}
.__qa .box {border-bottom:1px solid #ccc;}
.__qa .box .q {position:relative;padding:20px 160px 20px 15px;}
.__qa .box .a {background:#f1f1f1;padding:20px;display:none;}
.__qa .box .a > dl ~ dl {margin-top:20px;padding-top:20px;border-top:1px dashed #aaa;}
.__qa .box .a > dl > dt {font-size:14px;color:#222;font-weight:500;}
.__qa .box .a > dl > dd {margin-top:13px;font-size:14px;line-height:1.8em;}
.__qa .box .subject {background:none;border:none;font-size:14px;font-weight:500;color:#222;letter-spacing:-0.05em;}
.__qa .box .info {margin-top:13px;font-size:0;}
.__qa .box .info li {display:inline-block;position:relative;font-size:14px;color:#888;}
.__qa .box .info li ~ li {margin-left:10px;padding-left:11px;}
.__qa .box .info li ~ li:before {content:"";display:block;width:1px;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;background:#ccc;}
.__qa .box .state {width:74px;height:24px;line-height:24px;text-align:center;color:#fff;background:#ccc;font-size:14px;font-weight:normal;position:absolute;right:20px;top:50%;margin-top:-12px;}
.__qa .box .state.orange {background-color:#f37022;}
.__qa .box .lock {display:block;width:22px;height:24px;background:url(../images/ico-lock.png) no-repeat 50% 50%;background-size:contain;position:absolute;right:110px;top:50%;margin-top:-12px;}
.__qa .box.active .a {display:block;}

@media screen and (max-width:768px){
    .__qa .box .q {padding:15px 0;}
    .__qa .box .a {padding:0;}
    .__qa .box .a > dl {padding:15px 10px;}
    .__qa .box .a > dl ~ dl {margin-top:0;padding-top:15px;}
    .__qa .box .subject {display:block;width:100%;text-align:left;line-height:1.6em;}
    .__qa .box .info {margin:5px 0 10px;}
    .__qa .box .state {display:inline-block;position:relative;right:0;top:0;margin-top:0;vertical-align:bottom;}
    .__qa .box .lock {display:inline-block;position:relative;right:0;top:0;margin-top:0;vertical-align:bottom;margin-right:10px;}
}


.__dotlist > li {position:relative;padding-left:0.8em;}
.__dotlist > li:before {content:'·';display:block;position:absolute;left:0;top:0;text-indent:0;color:#f37022;}
.__dotlist > li ~ li {margin-top:0.25em;}
.__dotlist.dash > li:before {content:'-';}
.__dotlist.star > li:before {content:'*';}
.__dotlist.type2 {margin-top:-20px;padding-left:20px;line-height:1.6em;}

@media screen and (max-width:768px){
    .__dotlist.type2 {padding-left:0;}
}

.__paging {font-size:0;}
.__paging .arr,
.__paging .num {display:inline-block;box-sizing:border-box;vertical-align:middle;text-align:center;color:#222;z-index:0;margin:0 10px;position:relative;}
.__paging .num {font-size:14px;font-weight:500;}
.__paging .arr i {font-size:18px;display:block;}
.__paging .num.active {color:#f37022;font-weight:500;}
.__paging .prev {margin-right:20px;}
.__paging .next {margin-left:20px;}


.__sort {display:inline-block;border:1px solid #ccc;height:28px;padding-left:5px;font-size:14px;color:#000;}

.__tblCode {width:100%;table-layout:fixed;border-top:1px solid #222;}
.__tblCode col:nth-child(1) {width:170px;}
.__tblCode tr > * {border-bottom:1px solid #ccc;padding:15px 20px;color:#222;}
.__tblCode tr > * ~ * {border-left:1px solid #ccc;font-size:14px;}
.__tblCode tr th {font-weight:normal;text-align:left;}
.__tblCode tr th h4 {font-weight:normal;font-size:18px;}

@media screen and (max-width:768px){
    .__tblCode,
    .__tblCode thead,
    .__tblCode tbody,
    .__tblCode tr,
    .__tblCode tr > * {display:block;}
    .__tblCode colgroup {display:none;}
    .__tblCode tr {border-bottom:1px solid #ccc;padding:15px 0;}
    .__tblCode tr > * {border-bottom:none;padding:0;line-height:1.6em;}
    .__tblCode tr > * ~ * {border-left:none;}
}

.__cont {padding:35px 20px;}
.__cont h4 {font-size:18px;color:#222;font-weight:normal;}
.__cont h4 ~ h4 {margin-top:40px;}
.__cont h4 + .con {margin-top:15px;}
.__cont .con {font-size:14px;line-height:1.9em;color:#222;}
.__cont .con * {max-width:100% !important;}

@media screen and (max-width:768px){
    .__cont {padding:20px 0;}
    .__cont .con {font-size:14px;line-height:1.6em;}
}

.__stanHead {border-top:1px solid #222;border-bottom:1px solid #ccc;padding:20px 30px;}
.__stanHead strong {color:#f37022;font-weight:normal;margin-right:10px;}
.__stanHead span {color:#222;}

@media screen and (max-width:768px){
    .__stanHead {padding:15px 0;}
}


.__file {position:relative;padding-left:85px;}
.__file h3 {position:absolute;left:0;top:0;height:100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:17px 0 0 20px;width:85px;font-weight:normal;color:#222;}
.__file .tbl {width:100%;table-layout:fixed;}
.__file .tbl col:nth-child(1) {width:110px;}
.__file .tbl tr > * {border:1px solid #ccc;border-right:none;padding:13px 20px;}
.__file .tbl tr > td:first-child {text-align:center;}
.__file .tbl tr > td strong {font-weight:500;color:#222;}
.__file .tbl .down {position:relative;}/* 2021-03-29 수정 */

@media screen and (max-width:768px){
    .__file {padding-left:0;}
    .__file h3 {display:none;}
    .__file .tbl col:nth-child(1) {width:40px;}
    .__file .tbl tr > * {padding:15px 10px;}
    .__file .tbl tr > td:first-child {text-align:left;padding:15px 0;border-left:none;}
    .__file .tbl .down {padding-right:0;}
    .__file .tbl .down span {display:block;line-height:1.5em;}
    .__file .tbl .down a {position:relative;top:0;margin-top:10px;}
}

.__attach {position:relative;padding-right:130px;}
.__attach input[type=file] {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;opacity:0;}
.__attach button {position:absolute;right:0;top:0;width:110px;height:100%;border:1px solid #ccc;background:#fff;font-size:14px;color:#222;}

.__jgAlarm {border-top:2px solid #222;border-bottom:1px solid #ddd;padding:15px 0;overflow:hidden;}
.__jgAlarm ._all {position:relative;padding-right:20px;}
.__jgAlarm ._all:before {content:"";display:block;width:1px;height:20px;background:#333;position:absolute;right:0;top:50%;margin-top:-10px;}
.__jgAlarm .__lab {margin:5px 15px 5px 0;}
.__jgAlarm .__lab:last-child {margin-right:0;}

@media screen and (max-width:768px){
    .__attach {padding-right:89px;}
    .__attach button {width:90px;}
}

.__form {display:table;table-layout:fixed;width:100%;}
.__form > li {display:table-cell;vertical-align:middle;text-align:center;}
.__form .dash {width:15px;}
.__form .gol {width:25px;}
.__form .space {width:10px;}

/* [S] 2021-01-14 추가 */
.__form.telmod .mod {width:100px;}
.__btn1 {width:100%;height:40px;border:none;background:#999;color:#fff;font-size:14px;}
.__btn2 {display:inline-block;width:74px;height:24px;line-height:24px;color:#fff;text-align:center;border-radius:5px;background:#f37022;font-size:14px;}/* 2021-03-29 추가 */
.__btn2.grayline {color:#ccc;border:1px solid #ccc;background:#fff;line-height:22px;}
.__btn2.orangeline {color:#f37022;border:1px solid #f37022;background:#fff;line-height:22px;}
.__btn2.blue {background:#00314d;border-color:#00314d;}
.__btn2.type2 {min-width:48px;}
/* [E] 2021-01-14 추가 */
.__btn3 {display:inline-block;width:105px;height:32px;line-height:32px;color:#fff;text-align:center;border-radius:16px;background:#f37022;font-size:16px;font-weight:500;}
.__btn3.blue {background:#00314d;}
.__btn4 {display:inline-block;width:154px;height:48px;line-height:48px;border-radius:24px;text-align:center;color:#fff;background:#f37022;font-size:24px;}
.__btn4 i {display:inline-block;vertical-align:middle;font-size:1.1em;position:relative;top:-2px;margin-right:5px;}

.__btn5 {display:inline-block;padding:0 15px;height:30px;line-height:28px;color:#222;text-align:center;background:#fff;border:1px solid #222;font-size:16px;font-weight:normal;}
.__btn5.orange {background:#f37022;border-color:#f37022;color:#fff;}
.__btn5 ~ .__btn5 {margin-left:5px;}
.__btn5.question:after {content:"";display:inline-block;width:19px;height:19px;background:url(../images/ico-question.png) no-repeat 50% 50%;background-size:contain;margin-left:7px;vertical-align:middle;position:relative;top:-2px;}

.__btn6 {display:inline-block;padding:0 15px;height:40px;line-height:38px;color:#fff;text-align:center;background:#ccc;border:1px solid #ccc;font-size:18px;font-weight:normal;letter-spacing:-0.05em;}
.__btn6 ~ .__btn6 {margin-left:5px;}
.__btn6.orange {background:#f37022;border-color:#f37022;}

.__foodInfo h4 {position:relative;padding-left:42px;}
.__foodInfo h4 img {position:absolute;left:0;top:3px;width:22px;}
.__foodInfo h4 strong {font-weight:500;letter-spacing:-0.05em;}
.__foodInfo .line {margin-top:15px;}
.__foodInfo .line:after {content:"";display:block;clear:both;}
.__foodInfo .con {letter-spacing:-0.05em;}
.__foodInfo .box {position:relative;font-size:16px;line-height:1.6em;color:#222;}
.__foodInfo .box.float {padding-left:140px;}
.__foodInfo .box.float h4 {position:absolute;left:0;top:0;}
.__foodInfo .ico {display:inline-block;vertical-align:top;height:28px;line-height:28px;color:#fff;background:#ccc;font-size:16px;padding:0 15px;border-radius:14px;margin:0 5px 10px 0;font-weight:normal;}
.__foodInfo .line.two .box {width:50%;float:left;}
.__foodInfo .menu {display:table;width:100%;margin-top:-7px;table-layout:fixed;}
.__foodInfo .menu dl {display:table-row;}
.__foodInfo .menu dl > * {display:table-cell;vertical-align:middle;padding:3px 0;}
.__foodInfo .menu dl dd {text-align:right;position:relative;}
.__foodInfo .menu dl dd:before {content:"";display:block;position:absolute;left:0;top:50%;width:100%;border-top:1px dashed #ccc;}
.__foodInfo .menu dl dd span {display:inline-block;position:relative;background:#fff;z-index:10;padding-left:15px;}
.__foodInfo .portal {text-align:center;margin-top:45px;}
.__foodInfo .portal dt {font-size:18px;color:#222;}
.__foodInfo .portal dt span {color:#1ec800;}
.__foodInfo .portal dd {margin-top:40px;}
.__foodInfo .portal dd a {display:inline-block;width:240px;height:60px;line-height:60px;text-align:center;color:#fff;font-size:16px;background:#00dd5a;font-weight:500;}
.__foodInfo .portal dd a:before {content:"";display:inline-block;width:30px;height:27px;background:url(../images/ico-portal.gif) no-repeat 50% 50%;background-size:contain;margin-right:5px;vertical-align:middle;}
.__foodInfo .portal dd a span {display:inline-block;vertical-align:baseline;}

@media screen and (max-width:768px){
    .__btn3 {width:90px;height:30px;line-height:30px;border-radius:15px;font-size:14px;}
    .__btn5 {padding:0 7px;height:28px;line-height:26px;font-size:14px;letter-spacing:-0.05em;}
    .__btn5.question:after {width:14px;height:14px;top:-2px;}

    .__foodInfo h4 {padding-left:30px;}
    .__foodInfo h4 img {top:1px;}
    .__foodInfo .box {font-size:14px;}
    .__foodInfo .line.two .box {float:none;width:auto;}
    .__foodInfo .line.two .box ~ .box {margin-top:15px;}
    .__foodInfo .box.float {padding-left:90px;}
    .__foodInfo .ico {height:23px;line-height:23px;font-size:14px;padding:0 12px;border-radius:11.5px;margin:0 3px 5px 0;}

    .__foodInfo .menu {display:block;}
    .__foodInfo .menu dl {display:block;}
    .__foodInfo .menu dl > * {display:inline-block;vertical-align:top;padding:0;}
    .__foodInfo .menu dl dt {width:auto !important;margin-right:5px;}
    .__foodInfo .menu dl dd {text-align:left;position:relative;}
    .__foodInfo .menu dl dd:before {display:none;}
    .__foodInfo .menu dl dd span {padding-left:0;}

    .__foodInfo .portal {margin-top:40px;}
    .__foodInfo .portal dd {margin-top:35px;}
    .__foodInfo .portal dd a {display:block;width:auto;}
}

.__foodReview {border-top:1px solid #222;}
.__foodReview .head {display:table;width:100%;border-bottom:1px solid #ccc;}
.__foodReview .head > div {display:table-cell;vertical-align:middle;padding:18px 15px;font-size:14px;color:#222;}
.__foodReview .head .rig {text-align:right;}
.__foodReview .head .rig strong {color:#f37022;font-weight:500;}
.__foodReview .area .box {border-bottom:1px solid #ccc;padding:20px 10px;}
.__foodReview .area .box .in {display:table;width:100%;table-layout:fixed;}
.__foodReview .area .box .in > div {display:table-cell;vertical-align:middle;padding:0 10px;}
.__foodReview .area .box .img {width:140px;}
.__foodReview .area .box .img img {display:block;width:120px !important;height:auto !important;}
.__foodReview .area .box .btn {width:94px;}
.__foodReview .area .box .btn p ~ p {margin-top:10px;}
.__foodReview .area .box .info {}
.__foodReview .area .box .info .subject {font-size:16px;color:#222;font-weight:500;margin-bottom:2px;}
.__foodReview .area .box .info .con {margin-top:12px;color:#222;font-size:14px;line-height:1.5em;}
.__foodReview .area .box .info .sum {margin-top:15px;font-size:0;}
.__foodReview .area .box .info .sum li {display:inline-block;vertical-align:top;position:relative;font-size:14px;color:#888;}
.__foodReview .area .box .info .sum li ~ li {margin-left:8px;padding-left:9px;}
.__foodReview .area .box .info .sum li ~ li:before {content:"";display:block;width:1px;position:absolute;left:0;top:50%;margin-top:-5px;background:#ccc;height:10px;}
.__foodReview .area .box .info .con + .rating {margin-top:15px;}

@media screen and (max-width:768px){
    .__foodReview {margin-top:30px;}
    .__foodReview .head > div {padding:15px 0;}
    .__foodReview .area .box {padding:15px 10px;}
    .__foodReview .area .box .in {display:block;position:relative;}
    .__foodReview .area .box .in > div {display:block;padding:0;}
    .__foodReview .area .box .img {width:120px;}
    .__foodReview .area .box .btn {width:73px;position:absolute;right:0;top:0;}
    .__foodReview .area .box .btn p ~ p {margin-top:10px;}
    .__foodReview .area .box .info {margin-top:15px;}
    .__foodReview .area .box .info .con {margin-top:10px;color:#222;font-size:14px;line-height:1.5em;}
    .__foodReview .area .box .info .sum {margin-top:15px;font-size:0;}
    .__foodReview .area .box .info .sum li {display:inline-block;vertical-align:top;position:relative;font-size:14px;color:#888;}
    .__foodReview .area .box .info .sum li ~ li {margin-left:8px;padding-left:9px;}
    .__foodReview .area .box .info .sum li ~ li:before {content:"";display:block;width:1px;position:absolute;left:0;top:50%;margin-top:-5px;background:#ccc;height:10px;}
    .__foodReview .area .box .info .con + .rating {margin-top:15px;}

    .__btn4 {width:100px;height:30px;line-height:30px;border-radius:15px;font-size:16px;}
}

.__downFile {font-size:14px;color:#222;line-height:1.6em;white-space:normal;word-break:break-all;}/* 2021-03-29 수정 */
.__downFile li ~ li {margin-top:5px;}
.__downFile p {margin-top:10px;}

/* 2020-09-03 추가 */
.__error {text-align:center;}
.__error h4 {font-size:24px;font-weight:500;color:#333;}
.__error .img {margin:70px 0;display:inline-block;text-align:left;text-indent:-9999px;width:170px;height:200px;background:url(../images/error.png) no-repeat 50% 50%;background-size:contain;}
.__error .txt {font-size:18px;line-height:1.6em;color:#333;}

@media screen and (max-width:768px){
    .__error h4 {font-size:16px;}
    .__error h4 span {display:block;font-size:20px;margin-bottom:5px;}
    .__error .img {margin:35px 0;}
    .__error .txt {font-size:14px;line-height:1.5em;}
}
/* //2020-09-03 추가 */

/* 2020-09-24 추가 */
.__noMore {text-align:center;padding:30px 0;}
/* //2020-09-24 추가 */

/* [S] 2020-11-09 */
#sub.type2 {padding-top:0;padding-right:0;padding-left:0;}
.__hospital2 {overflow:hidden;}
.__hospital2 .vis {background:url(../images/hospital-vis.jpg) no-repeat 50% 0;background-size:cover;padding:0 20px;}
.__hospital2 .vis .inner {max-width:1120px;margin:0 auto;height:442px;white-space:nowrap;font-size:0;color:#fff;}
.__hospital2 .vis .inner:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__hospital2 .vis .ver {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;}
.__hospital2 .vis .ver dl dt {font-size:65px;letter-spacing:-0.05em;}
.__hospital2 .vis .ver dl dd {font-size:24px;line-height:1.5em;margin:25px 0 40px;letter-spacing:-0.05em;}
.__hospital2 .vis .ver p {font-size:18px;line-height:2em;font-weight:300;}
.__hospital2 .vis .ver p strong {font-weight:500;}
.__hospital2 .quick {padding:0 15px;}
.__hospital2 .quick .inner {max-width:1120px;margin:0 auto 55px;border-bottom:2px solid #333;padding:55px 0;}
.__hospital2 .quick ul {font-size:0;margin:0 -10px -20px;}
.__hospital2 .quick ul li {display:inline-block;vertical-align:top;width:20%;padding:0 10px;margin-bottom:20px;text-align:center;}
.__hospital2 .quick ul li .in {border:1px solid #ccc;height:208px;padding-top:45px;}
.__hospital2 .quick ul li img {width:50px;}
.__hospital2 .quick ul li dl {color:#222;}
.__hospital2 .quick ul li dl dt {font-size:18px;margin-top:25px;}
.__hospital2 .quick ul li dl dd {font-size:14px;line-height:1.5em;margin-top:10px;letter-spacing:-0.075em;}
.__hospital2 .slogan {padding:0 15px;}
.__hospital2 .slogan .inner {max-width:1120px;margin:0 auto;height:526px;background:url(../images/hospital-slogan.jpg) no-repeat 50% 50%;background-size:cover;padding:40px 0 0 200px;}
.__hospital2 .slogan dl dt {font-size:32px;line-height:1.38em;color:#333;letter-spacing:-0.05em;}
.__hospital2 .slogan dl dt span {color:#f37022;letter-spacing:-0.05em;}
.__hospital2 .slogan dl dt strong {letter-spacing:-0.05em;}
.__hospital2 .slogan dl dd img {width:125px;margin-top:20px;}
.__hospital2 .ban {margin-bottom:35px;}
.__hospital2 .ban .inner {max-width:1120px;margin:0 auto;}
.__hospital2 .ban ul {display:table;width:100%;background:url(../images/hospital-ban.jpg) no-repeat 50% 0;background-size:cover;height:163px;}
.__hospital2 .ban ul li {display:table-cell;vertical-align:middle;padding:0 35px;font-size:24px;line-height:1.42em;font-weight:500;color:#fff;letter-spacing:-0.05em;}
.__hospital2 .ban ul li span {color:#ffd200;letter-spacing:-0.05em;}

.__hospital2 .inq {padding:0 15px;}
.__hospital2 .inq .inner {max-width:970px;margin:0 auto;}
.__hospital2 .inq h3 {padding-bottom:35px;border-bottom:2px solid #222;margin-bottom:30px;font-size:24px;font-weight:normal;color:#222;letter-spacing:-0.05em;}

@media screen and (max-width:768px){
    .__hospital2 .vis {background-image:url(../images/hospital-vis-m.jpg);background-position:50% 100%;text-align:center;}
    .__hospital2 .vis .inner {height:0;padding-top:122%;position:relative;}
    .__hospital2 .vis .ver {display:block;position:absolute;left:0;top:0;width:100%;top:9%;}
    .__hospital2 .vis .ver dl dt {font-size:24px;}
    .__hospital2 .vis .ver dl dd {font-size:18px;line-height:1.5em;margin:15px 0;letter-spacing:-0.05em;}
    .__hospital2 .vis .ver p {font-size:14px;line-height:1.5em;font-weight:300;}

    .__hospital2 .quick .inner {margin:0 auto 30px;padding:30px 0;}
    .__hospital2 .quick ul {margin:0;}
    .__hospital2 .quick ul li {display:block;width:auto;padding:0;margin-bottom:0;}
    .__hospital2 .quick ul li ~ li {margin-top:-1px;}
    .__hospital2 .quick ul li .in {height:auto;padding:20px 15px 20px 100px;position:relative;text-align:left;}
    .__hospital2 .quick ul li .in img {display:block;position:absolute;left:25px;top:50%;margin-top:-25px;}
    .__hospital2 .quick ul li dl dt {font-size:18px;margin-top:0;}
    .__hospital2 .quick ul li dl dd {font-size:14px;line-height:1.4em;margin-top:5px;}

    .__hospital2 .slogan {padding:0 15px;}
    .__hospital2 .slogan .inner {height:auto;background:url(../images/hospital-slogan-m.jpg) no-repeat 50% 100%;background-size:280px auto;padding:0 30px 160px;}
    .__hospital2 .slogan dl dt {font-size:20px;line-height:1.33em;}
    .__hospital2 .slogan dl dd img {width:125px;margin-top:15px;}

    .__hospital2 .ban {margin-bottom:35px;}
    .__hospital2 .ban .inner {padding:0 30px;}
    .__hospital2 .ban ul {display:block;background:url(../images/hospital-ban-m.jpg) no-repeat 50% 100%;background-size:cover;height:auto;}
    .__hospital2 .ban ul li {display:block;padding:15px 15px 80px;font-size:14px;line-height:1.4em;}

    .__hospital2 .inq h3 {font-size:18px;padding-bottom:15px;}
}

/* [E] 2020-11-09 */

/* [S] 2021-01-14 */
.__uplist {margin:0 -10px -20px;font-size:0;}
.__uplist .box {display:inline-block;vertical-align:top;width:33.33333%;padding:0 10px;margin-bottom:20px;}
.__uplist .box .in {display:block;text-align:center;border:1px solid #e0e0e0;color:#222;border-radius:5px;white-space:nowrap;height:100px;padding:0 15px;}
.__uplist .box .in:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.__uplist .box .ver {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal}
.__uplist .box .ver span {font-size:14px;line-height:1.8em;max-height:5.6em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}

.__more2 {margin-top:20px;text-align:center;}
.__more2 a {display:inline-block;width:140px;height:40px;line-height:40px;color:#fff;text-align:center;background:#ccc;font-size:14px;transition:0.3s;}
.__more2 a:hover {background:#222;}

.__stanHead ~ .__stanInfo {margin-top:-1px;}
.__stanInfo {border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px 30px;font-size:0;}
.__stanInfo li {display:inline-block;vertical-align:top;font-size:14px;margin-right:15px;padding-right:16px;position:relative;}
.__stanInfo li:last-child {margin-right:0;padding-right:0;}
.__stanInfo li:before {content:"";display:block;width:1px;height:12px;position:absolute;right:0;top:50%;margin-top:-5px;background:#ccc;}
.__stanInfo li:last-child:before {display:none;}
.__stanInfo strong {color:#222;font-weight:500;margin-right:10px;}
.__stanInfo span {color:#222;}

@media screen and (max-width:768px){
    .__stanHead {padding:15px 0;}
    .__stanInfo {padding:15px 0;}
    .__stanInfo li {display:block;margin-right:0;padding-right:0;}
    .__stanInfo li ~ li {margin-top:5px;}
    .__stanInfo li:before {display:none;}
}


.__boardPn {border-top:1px solid #ccc;margin-top:30px;}
.__boardPn dl {position:relative;display:table;width:100%;border-bottom:1px solid #ccc;table-layout:fixed;}
.__boardPn dl > * {display:table-cell;font-size:15px;vertical-align:middle;padding:15px 10px;}
.__boardPn dl dt {background:#f3f3f3;width:130px;text-align:center;}
.__boardPn a {color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media all and (max-width:1024px){
    .__boardPn {margin-top:15px;}
    .__boardPn dl > * {font-size:14px;padding:8px 5px;}
    .__boardPn dl dt {width:70px;}
}

@media screen and (max-width:768px){
    .__uplist {margin:0;}
    .__uplist .box {display:block;width:auto;margin-bottom:10px;padding:0;}
    .__uplist .box:last-child {margin-bottom:0;}
    .__uplist .box .in {height:auto;padding:10px 15px;}
    .__uplist .box .in:after {display:none;}
    .__uplist .box .ver {display:block;}
    .__uplist .box .ver span {font-size:14px;line-height:1.8em;max-height:5.6em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}

    
    .__more2 a {display:inline-block;width:140px;height:40px;line-height:40px;color:#fff;text-align:center;background:#ccc;font-size:14px;transition:0.3s;}
    .__more2 a:hover {background:#222;}
}

.__tblList {width:100%;table-layout:fixed;border-top:1px solid #222;}
.__tblList tr > * {border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:18px 15px;font-size:14px;color:#222;text-align:center;}
.__tblList tr > *:last-child {border-right:none;}
.__tblList tr th {background:#f37022;color:#fff;border-bottom:none;font-weight:500;}
.__tblList tr .subject {text-align:left;padding:18px 35px;}
.__tblList tr .subject a {display:inline-block;vertical-align:middle;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;}
.__tblList tr td .__ico1 {width:50px;margin-right:5px;}
.__tblList.grayType tr th {background:#f1f1f1;color:#222;}

.__tblList2 {width:100%;table-layout:fixed;border-top:2px solid #222;}
.__tblList2 tr > * {border-bottom:1px solid #ccc;padding:18px 15px;font-size:14px;color:#222;text-align:center;line-height:1.85em;}
.__tblList2 tr th {font-weight:normal;}
.__tblList2 tr .subject {text-align:left;padding:18px 35px;}
.__tblList2 tr .subject a {display:inline-block;vertical-align:middle;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;}
.__tblList2 .a {display:none;}
.__tblList2 .a .re {position:relative;padding-left:90px;text-align:left;}
.__tblList2 .a .re:before {content:"┖";font-family:axicon;position:absolute;left:0;top:-2px;color:#ccc;}
.__tblList2 .a .re:after {content:"답변내용";position:absolute;left:20px;top:0;font-weight:500;}
.__tblList2 .a .re.question:after {content:"문의내용";position:absolute;left:20px;top:0;font-weight:500;}
.__tblList2 .a .re ~ .re {border-top:1px dashed #ccc;margin-top:15px;padding-top:15px;}
.__tblList2 .a .re ~ .re:before {top:15px;}
.__tblList2 .a .re ~ .re:after {top:15px;}
.__tblList2 .a .re .btn {margin-bottom:5px;}
.__tblList2 .a .re .btn a ~ a {margin-left:3px;}

.__tblList2 .q.active + .a {display:table-row;}
.__tblList2 .lock {display:inline-block;width:19px;height:25px;background:url(../images/ico-lock2.png) no-repeat 50% 50%;background-size:contain;}
.__tblList2 .lockoff {display:inline-block;width:19px;height:25px;background:url(../images/ico-lock2-off.png) no-repeat 50% 50%;background-size:contain;}

@media screen and (max-width:768px){
    .__tblList colgroup,
    .__tblList thead {display:none;}
    .__tblList,
    .__tblList tbody {display:block;}
    .__tblList tr {display:flex;flex-wrap:wrap;padding:15px 0 10px;position:relative;border-bottom:1px solid #ccc;font-size:0;}
    .__tblList tr > * {border-bottom:none;border-right:none;padding:0;text-align:left;}
    .__tblList tr td {display:inline-block;margin-right:8px;padding-right:9px;position:relative;color:#888;font-size:12px;margin-bottom:5px;}
    .__tblList tr td .__ico1 {width:auto;height:auto;line-height:1.1em;border:none;margin-right:3px;font-size:12px;}
    .__tblList tr td:after {content:"";display:block;width:1px;height:10px;position:absolute;right:0;top:50%;margin-top:-4px;background:#ddd;}
    .__tblList tr td:last-child {margin-right:0;padding-right:0;}
    .__tblList tr td:last-child:after {display:none;}
    .__tblList tr .subject {order:-1;width:100%;margin:0 0 5px;font-size:0;padding:0;}
    .__tblList tr .subject:after {display:none;}
    .__tblList tr .subject a {font-size:15px;font-weight:300;color:#333;}
    .__tblList [data-th]:before {content:""attr(data-th)" : ";color:#222;}
    
    .__tblList.m_nth2_barHide tr td:nth-child(2) {margin-right:0;padding-right:0;}
    .__tblList.m_nth2_barHide tr td:nth-child(2):after {display:none;}

    .__tblList2.responsive1 tr > * {padding:10px 5px;font-size:14px;line-height:1.6em;}
    .__tblList2.responsive1 tr .subject {padding:10px 5px;}
    .__tblList2.responsive1 .a .re {padding:27px 0 0;}
    .__tblList2.responsive1 .a .re:before {display:none;}
    .__tblList2.responsive1 .a .re:after {left:0;}

    .__tblList2.responsive2 {display:block;}
    .__tblList2.responsive2 colgroup,
    .__tblList2.responsive2 thead {display:none;}
    .__tblList2.responsive2 tbody {display:block;}
    .__tblList2.responsive2 tbody tr {display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #ccc;flex-wrap:wrap;}
    .__tblList2.responsive2 tbody tr td {border:none;padding:0;margin-right:8px;padding-right:9px;position:relative;}
    .__tblList2.responsive2 tbody tr td:not(.subject) {display:inline-block;}
    .__tblList2.responsive2 tbody tr td:not(.subject):before {content:"";display:block;width:1px;height:10px;position:absolute;right:0;top:50%;margin-top:-5px;background:#ccc;}
    .__tblList2.responsive2 tbody tr td:last-child:before {display:none;}
    .__tblList2.responsive2 tbody tr .subject {order:-1;display:block;width:100%;}
    .__tblList2.responsive2 tbody tr .class {display:block;width:100%;text-align:left;color:#999;font-size:13px;letter-spacing:-0.03em;}
    .__tblList2.responsive2 tbody tr    td.class:before {content:""attr(data-th)" : ";position:relative;top:0;margin-top:0;width:auto;height:auto;background:none;display:inline-block;margin:0 3px 0 0;}
    .__tblList2.responsive2 .a {display:none;}
    .__tblList2.responsive2 .q.active + .a {display:flex;}
    .__tblList2.responsive2 .a .re {padding:27px 0 0;}
    .__tblList2.responsive2 .a .re:before {display:none;}
    .__tblList2.responsive2 .a .re:after {left:0;}
    .__tblList2.responsive2 .a .re ~ .re {padding-top:42px;}

    .__tblList2 .a .re .btn {position:absolute;right:0;top:0;}
}

/* [E] 2021-01-14 */

/* [S] 2021-02-24 */
.__popup {position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;font-size:0;white-space:nowrap;text-align:center;padding:20px;}
.__popup:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.__popup .bg {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:0;}
.__popup .inner {display:inline-block;vertical-align:middle;z-index:10;position:relative;text-align:left;}
.__popup .pop_close {width:30px;height:30px;border-radius:50%;font-size:14px;position:absolute;right:-15px;top:-15px;background:#000;color:#fff;font-size:18px;border:none;}
.__popup .area {background:#fff;border:1px solid #ddd;padding:10px;font-size:14px;line-height:1.5em;max-width:100%;overflow-y:auto;}
.__popup .area * {max-width:100%;height:auto !important;}
.__popup .bot {background:#00314d;text-align:right;padding:7px 10px;}
.__popup .bot > * {display:inline-block;vertical-align:middle;color:#fff;font-size:14px;}
.__popup .bot button {border:none;background:none;color:#fff;}
.__popup .bot label {margin-right:20px;}
.__popup .bot label input {vertical-align:middle;}
/* [E] 2021-02-24 */


/* [S] 2021-04-23 */
.__popup {-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior:contain;}
.__popup::-webkit-scrollbar {display:none;}
.__popup.type2 {background:rgba(0,0,0,0.7);}
.__popup.type2 .wrap {display:inline-block;vertical-align:middle;max-width:100%;}
.__popup.type2 .inner {margin-top:10px;margin-bottom:10px;}
.__popup.type2 .inner ~ .inner {margin-left:15px;}
.__popup .all {width:100%;margin-top:30px;}
.__popup .all button {width:200px;height:50px;border-radius:25px;color:#fff;border:none;background:#000;font-size:18px;}

@media screen and (max-width:1320px){
    .__popup {white-space:normal;}
    .__popup:after {display:none;}
}
/* [E] 2021-04-23 */


.__dashboard {}
.__dashboard .summ {text-align:right;margin-bottom:10px;}
.__dashboard .summ li {display:inline-block;margin-right:15px;}
.__dashboard .summ li > * {display:inline-block;vertical-align:middle;margin-right:6px;}
.__dashboard .summ li em {display:inline-block;width:20px;height:20px;border-radius:5px;background:#20ab7e;}
.__dashboard .summ li span {font-size:16px;font-weight:500;color:#222;}
.__dashboard .summ li i {font-size:30px;}
.__dashboard .summ li .axi-ion-arrow-up-c {color:#ff6262;}
.__dashboard .summ li .axi-ion-arrow-down-c {color:#3544a0;}
.__dashboard .board .tbl {box-shadow:inset 1px 0 0 #d5d5d5,inset -1px 0 0 #d5d5d5;position:relative;}
.__dashboard .board .tbl:before,
.__dashboard .board .tbl:after {content:"";display:block;width:7px;height:7px;top:0;border-radius:50%;background:#d5d5d5;position:absolute;}
.__dashboard .board .tbl:before {left:-3.5px;}
.__dashboard .board .tbl:after {right:-3.5px;}
.__dashboard .board .head {display:table;width:100%;table-layout:fixed;border-collapse:collapse;}
.__dashboard .board .head > li {display:table-cell;vertical-align:middle;text-align:center;border-collapse:collapse;box-shadow:inset 1px 0 0 #eee;}
.__dashboard .board .head > li:first-child {box-shadow:none;}
.__dashboard .board .head > li > span {display:block;height:37px;line-height:37px;color:#333;font-size:14px;font-weight:500;}
.__dashboard .board .head > .active > span {background:#00314d;color:#fff;}
.__dashboard .board .body {display:table;width:100%;table-layout:fixed;border-collapse:collapse;}
.__dashboard .board .row {display:table-row;}
.__dashboard .board .row > li {display:table-cell;vertical-align:middle;border-collapse:collapse;padding-bottom:10px;box-shadow:inset 1px 0 0 #eee;}
.__dashboard .board .row > li:first-child {box-shadow:none;}
.__dashboard .board .row .con {position:relative;height:54px;}
.__dashboard .board .row .info {display:block;position:absolute;left:0;top:0;border:1px solid #ccc;border-radius:5px;padding:0 15px 0 45px;background:#fff;}
.__dashboard .board .row .info i {font-size:30px;position:absolute;left:15px;top:50%;margin-top:-0.5em;line-height:1em;font-style:normal;}
.__dashboard .board .row .info i:before {content:"";font-family:axicon;}
.__dashboard .board .row .info .up {color:#ff6262;}
.__dashboard .board .row .info .up:before {content:"\f19a";}
.__dashboard .board .row .info .down {color:#3544a0;}
.__dashboard .board .row .info .down:before {content:"\f13f";}
.__dashboard .board .row .info span {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#222;font-size:18px;height:54px;line-height:54px;}
.__dashboard .board .row .info.active {background:#20ab7e;border-color:#20ab7e;}
.__dashboard .board .row .info.active span {color:#fff;}

@media screen and (max-width:1024px){
    .__dashboard .summ li {margin-right:10px;}
    .__dashboard .summ li em {width:16px;height:16px;border-radius:3px;}
    .__dashboard .summ li span {font-size:14px;}
    .__dashboard .summ li i {font-size:24px;}
    .__dashboard .board .row .con {height:40px;}
    .__dashboard .board .row .info {padding:0 10px 0 35px;}
    .__dashboard .board .row .info i {font-size:24px;left:10px;}
    .__dashboard .board .row .info span {font-size:14px;height:40px;line-height:40px;}
}

@media screen and (min-width:769px){
    .__dashboard .board .ova {overflow-y:auto;max-height:576px;}
}

@media screen and (max-width:768px){
    .__dashboard .board .tbl:before,
    .__dashboard .board .tbl:after {display:none;}
    .__dashboard .summ {margin-top:10px;text-align:left;}
    .__dashboard .summ li em {width:14px;height:14px;}
    .__dashboard .summ li span {font-size:13px;}
    .__dashboard .summ li i {font-size:20px;}
    .__dashboard .board {margin:0 -20px;overflow:auto;}
    .__dashboard .board .tbl {min-width:680px;}
    .__dashboard .board .row .con {height:36px;}
    .__dashboard .board .row .info {padding:0 5px 0 25px;}
    .__dashboard .board .row .info i {font-size:20px;left:8px;}
    .__dashboard .board .row .info span {font-size:13px;height:36px;line-height:36px;}
}

.__yearRoll {margin:0 -10px;font-size:0;position:relative;}
.__yearRoll .box {display:inline-block;vertical-align:top;width:25%;padding:0 10px;}
.__yearRoll .box .in {display:block;height:150px;position:relative;border:1px solid #ddd;text-align:center;padding:0 20px;white-space:nowrap;}
.__yearRoll .box .in:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__yearRoll .box .in span {display:inline-block;vertical-align:middle;white-space:normal;}
.__yearRoll .box .in span em {display:block;font-size:18px;line-height:1.5em;max-height:4.5em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;}
.__yearRoll .slick-arrow {position:absolute;top:50%;margin-top:-18px;width:36px;height:36px;display:block;text-align:left;color:#333;background-color:transparent;font-size:0;border:none;text-indent:-9999px;line-height:0;z-index:10;}
.__yearRoll .slick-arrow:after {font-family:axicon;display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:0;line-height:36px;text-align:center;font-size:36px;}
.__yearRoll .slick-arrow.slick-prev {left:-30px;}
.__yearRoll .slick-arrow.slick-next {right:-30px;}
.__yearRoll .slick-arrow.slick-prev:after {content:"\f104";}
.__yearRoll .slick-arrow.slick-next:after {content:"\f105";}

@media screen and (max-width:1240px){
    .__yearRoll .slick-arrow.slick-prev {left:0;}
    .__yearRoll .slick-arrow.slick-next {right:0;}
}

@media screen and (max-width:768px){
    .__yearRoll {margin:0 -5px;}
    .__yearRoll .box {padding:0 5px;}
    .__yearRoll .box .in {height:100px;}
    .__yearRoll .box .in span em {font-size:14px;}
}


.__process {font-size:0;margin-bottom:-60px;}
.__process > div {display:inline-block;vertical-align:middle;margin-bottom:60px;position:relative;}
.__process .box {width:300px;}
.__process .box dl dt {border:1px solid #ccc;border-radius:5px 5px 0 0;text-align:center;height:50px;line-height:50px;background:#00314d;color:#fff;font-size:18px;}
.__process .box dl dd {border:1px solid #ccc;border-top:none;border-radius:0 0 5px 5px;padding:20px 15px;height:185px;}
.__process .box dl dd ul li {position:relative;font-size:16px;line-height:1.75em;color:#222;letter-spacing:-0.05em;padding-left:0.8em;}
.__process .box dl dd ul li:before {content:"·";position:absolute;left:0;top:0;}
.__process .arr {text-align:center;width:calc((100% - 900px) / 2);font-size:30px;color:#00314d;}

.__succDoc {position:relative;margin:0 -10px;font-size:0;}
.__succDoc .box {display:inline-block;vertical-align:top;padding:0 10px;}
.__succDoc .box .in {display:block;border:1px solid #ccc;border-radius:10px;overflow:hidden;}
.__succDoc .box .head {position:relative;padding-right:90px;background:#f8f8f8;padding:18px;font-size:12px;font-weight:500;}
.__succDoc .box .head .subject {color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.__succDoc .box .head .date {position:absolute;right:18px;top:50%;margin-top:-0.5em;line-height:1em;color:#222;}
.__succDoc .box .sum {padding:18px;}
.__succDoc .box .sum p {font-size:14px;line-height:1.7em;height:6.8em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.__succDoc .slick-arrow {position:absolute;top:50%;margin-top:-18px;width:36px;height:36px;display:block;text-align:left;color:#333;background-color:transparent;font-size:0;border:none;text-indent:-9999px;line-height:0;z-index:100;}
.__succDoc .slick-arrow:after {font-family:axicon;display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:0;line-height:36px;text-align:center;font-size:36px;}
.__succDoc .slick-arrow.slick-prev {left:-30px;}
.__succDoc .slick-arrow.slick-next {right:-30px;}
.__succDoc .slick-arrow.slick-prev:after {content:"\f104";}
.__succDoc .slick-arrow.slick-next:after {content:"\f105";}

@media screen and (max-width:1240px){
    .__succDoc .slick-arrow.slick-prev {left:0;}
    .__succDoc .slick-arrow.slick-next {right:0;}
}


@media screen and (max-width:1024px){
    .__process .box {width:calc((100% - 120px) / 3);}
    .__process .arr {width:60px;}
}

@media screen and (min-width:769px){
    .__process .box3:before {content:"\f078";position:absolute;left:0;top:100%;width:100%;margin-top:11px;font-size:30px;color:#00314d;font-family:axicon;text-align:center;}
}

@media screen and (max-width:768px){
    .__process {margin-bottom:-40px;}
    .__process > div {margin-bottom:40px;}
    .__process .box {width:calc((100% - 40px) / 2);}
    .__process .box dl dt {height:40px;line-height:40px;font-size:16px;}
    .__process .box dl dd {padding:10px;height:125px;}
    .__process .box dl dd ul li {font-size:13px;line-height:1.6em;}
    .__process .arr {width:40px;font-size:20px;}

    .__process .box2:before,
    .__process .box4:before {content:"\f078";position:absolute;left:0;top:100%;width:100%;margin-top:6px;font-size:20px;color:#00314d;font-family:axicon;text-align:center;}
}

.__fileAdd {position:relative;padding-right:55px;}
.__fileAdd ~ .__fileAdd {margin-top:10px;}
.__fileAdd .bt {width:40px;height:40px;position:absolute;right:0;top:0;font-size:18px;color:#222;background:#fff;border:1px solid #ccc;}

.__movList {font-size:0;margin:0 -10px -35px;}
.__movList .box {display:inline-block;vertical-align:top;width:20%;padding:0 10px;margin-bottom:35px;}
.__movList .box .in {display:block;}
.__movList .box .img {border:1px solid #ccc;}
.__movList .box .img span {display:block;padding-bottom:56.25%;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#fff;}
.__movList .box .info {margin-top:10px;}
.__movList .box .info .subject {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#222;}

.__movList2 {font-size:0;margin:0 -15px -40px;}
.__movList2 .box {display:inline-block;vertical-align:top;width:50%;padding:0 15px;margin-bottom:40px;}
.__movList2 .box .in {display:block;}
.__movList2 .box .in:after {content:'';display:block;clear:both;}
.__movList2 .box .img {border:1px solid #ccc;float:left;width:208px;}
.__movList2 .box .img span {display:block;padding-bottom:56.25%;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#fff;}
.__movList2 .box .info {float:left;width:calc(100% - 208px);padding-left:20px;}
.__movList2 .box .info .subject {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:#222;font-weight:500;letter-spacing:-0.05em;}
.__movList2 .box .info .sum {font-size:14px;line-height:1.8em;max-height:3.6em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#222;margin-top:10px;}
.__movList2.type2 .box {width:100%;}

.__movBan1 {font-size:0;margin:50px -10px 0;font-size:0;}
.__movBan1 .box {display:inline-block;width:50%;vertical-align:top;padding:0 10px;}
.__movBan1 .box a {display:block;}
.__movBan1 .box a img {display:block;width:100%;}
.__movBan1 .slick-dots {font-size:0;margin-top:20px;z-index:100;bottom:40px;text-align:center;}
.__movBan1 .slick-dots li {display:inline-block;vertical-align:top;margin:0 3px;}
.__movBan1 .slick-dots li button {box-sizing:border-box;width:8px;height:8px;border-radius:50%;background:#ccc;border:none;text-indent:-9999px;}
.__movBan1 .slick-dots .slick-active button {background:#00314d;}

.__movBan2 {margin-top:50px;}
.__movBan2.type2 {margin:0 0 50px;}
.__movBan2 .slick-dots {font-size:0;margin-top:20px;z-index:100;bottom:40px;text-align:center;}
.__movBan2 .slick-dots li {display:inline-block;vertical-align:top;margin:0 3px;}
.__movBan2 .slick-dots li button {box-sizing:border-box;width:8px;height:8px;border-radius:50%;background:#ccc;border:none;text-indent:-9999px;}
.__movBan2 .slick-dots .slick-active button {background:#00314d;}

.__movBan2 + .__tit {margin-top:50px !important;}
.__movList + .__tit {margin-top:50px !important;}

@media screen and (min-width:1025px){
    .__movBan1 .slick-list {max-height:120px;}
}

@media screen and (max-width:1024px){
    .__movList {margin:0 -5px -30px;}
    .__movList .box {width:25%;padding:0 5px;margin-bottom:30px;}
    
    .__movBan1 {margin:40px -5px 0;}
    .__movBan1 .box {padding:0 5px;}
    .__movBan2 {margin-top:40px;}
}

@media screen and (min-width:769px) and (max-width:1024px){
    .__movList .box:nth-child(8) ~ .box {display:none;}
}

@media screen and (max-width:768px){
    .__movList {margin:0 -5px -20px;}
    .__movList .box {width:50%;margin-bottom:20px;}
    
    .__movBan1 {margin:30px -5px 0;}
    .__movBan2 {margin-top:30px;}
    
    .__movList2 {margin:0;}
    .__movList2 .box {display:block;width:auto;padding:0;margin-bottom:30px;}
    .__movList2 .box .img {width:80px;}
    .__movList2 .box .info {width:calc(100% - 80px);padding-left:15px;}
    .__movList2 .box .info .subject {font-size:16px;}
    .__movList2 .box .info .sum {font-size:13px;line-height:1.6em;max-height:3.2em;}

    .__movBan2 + .__tit {margin-top:30px !important;}
    .__movList + .__tit {margin-top:30px !important;}
}

.__movView {margin-top:70px;}
.__movView .mov {position:relative;padding-top:56.25%;}
.__movView .mov iframe {display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:none;}
.__movView .head {margin-top:30px;position:relative;padding-right:120px;}
.__movView .head .subject {font-size:24px;color:#222;line-height:1.4em;letter-spacing:-0.075em;}
.__movView .head .date {position:absolute;right:0;top:12px;font-size:14px;color:#222;font-weight:300;}
.__movView .head .date strong {font-weight:500;}
.__movView .sum {border-top:1px solid #ccc;border-bottom:2px solid #f1f1f1;padding:30px 0;font-size:18px;line-height:1.85em;margin-top:30px;letter-spacing:-0.05em;}
.__movView .sum img {max-width:100% !important;height:auto !important;}

@media screen and (max-width:1024px){
    .__movView {margin-top:20px;}
    .__movView .head {margin-top:20px;padding-right:0;}
    .__movView .head .subject {font-size:18px;}
    .__movView .head .date {position:relative;top:0;font-size:14px;margin-top:5px;}
    .__movView .sum {padding:20px 0;font-size:14px;line-height:1.6em;margin-top:20px;}
}

.__comment {margin-top:50px;}
.__comment .tit {margin-bottom:35px;position:relative;}
.__comment .tit h3 {font-size:18px;font-weight:normal;color:#222;}
.__comment .tit h3 span {color:#fe6f61;}
.__comment .tit .rig {position:absolute;right:0;bottom:0;}
.__comment .write {position:relative;padding-right:173px;}
.__comment .write .ta {position:relative;border:1px solid #ccc;padding-right:110px;background:#fff;}
.__comment .write .ta textarea {display:block;width:100%;padding:17px 15px;height:58px;font-size:14px;line-height:1.6em;border:none;}
.__comment .write .ta label {position:absolute;right:15px;top:50%;margin-top:-7px;}
.__comment .write .ta label input {position:absolute;left:-9999px;top:0;}
.__comment .write .ta label span {font-size:14px;line-height:1em;font-size:14px;color:#ccc;display:block;position:relative;padding-left:28px;}
.__comment .write .ta label span:before {content:"";display:block;width:19px;height:25px;background:url(../images/ico-lock2-off.png) no-repeat 50% 50%;background-size:contain;position:absolute;left:0;top:50%;margin-top:-12.5px;}
.__comment .write .ta label input:checked ~ span {color:#222;}
.__comment .write .ta label input:checked ~ span:before {background-image:url(../images/ico-lock2.png);}
.__comment .write .btn {position:absolute;right:0;top:0;width:154px;height:100%;background:#00314d;border:1px solid #00314d;color:#ccc;font-size:14px;font-weight:normal;}
.__comment .list {margin-top:40px;}
.__comment .box > .box {position:relative;padding-left:30px;}
.__comment .box > .box:before {content:"┖";font-family:axicon;position:absolute;left:5px;top:15px;color:#ccc;}
.__comment .box > .box {background:#f1f1f1;}
.__comment .more {}
.__comment .more button {display:block;width:100%;height:40px;background:none;border:none;color:#333;font-size:18px;text-align:left;}
.__comment .item {padding:15px 15px 15px 0;}
.__comment .item .head {}
.__comment .item .head > * {display:inline-block;vertical-align:middle;margin-right:13px;color:#222;}
.__comment .item .head strong {font-weight:500;font-size:14px;}
.__comment .item .head span {font-weight:300;font-size:12px;}
.__comment .item .head .info {margin-top:0;margin-left:5px;}
.__comment .item .cont {font-size:14px;line-height:1.85em;color:#222;letter-spacing:-0.05em;margin-top:10px;word-break:break-all;}
.__comment .item .cont.caution {color:#ccc;}
.__comment .item .info {margin-top:15px;font-size:0;}
.__comment .item .info li {display:inline-block;vertical-align:middle;margin-right:15px;}
.__comment .item .info li button {border:none;background:none;}
.__comment .item .info li i {width:14.5px;height:14.5px;display:inline-block;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;vertical-align:middle;margin-right:5px;}
.__comment .item .info li span {font-size:12px;font-weight:500;color:#222;display:inline-block;vertical-align:middle;}
.__comment .item .info .info1 i {background-image:url(../images/ico-comm1.png);}
.__comment .item .info .info1 .active i {background-image:url(../images/ico-comm1on.png);}
.__comment .item .info .info2 i {background-image:url(../images/ico-comm2.png);}
.__comment .item .info .info3 i {background-image:url(../images/ico-comm3.png);}
.__comment .item .info .rebtn {width:74px;height:28px;border:1px solid #ccc;text-align:center;font-size:14px;color:#222;background:#fff;}
.__comment .item .info .info5 {font-size:0;position:relative;top:-1px;}
.__comment .item .info .info5 span {display:inline-block;position:relative;}
.__comment .item .info .info5 span ~ span {margin-left:10px;padding-left:11px;}
.__comment .item .info .info5 span ~ span:before {content:"";display:block;width:1px;height:10px;background:#222;position:absolute;left:0;top:50%;margin-top:-3px;}
.__comment .item .info .info5 button {font-size:12px;color:#222;font-weight:500;}
.__comment .item .write {display:none;margin-top:20px;}
.__comment .item.active .write {display:block;}
.__comment .tit ._commentHide:before {content:"댓글 숨기기";}
.__comment .__btn5 {width:90px;padding:0;font-size:14px;letter-spacing:-0.05em;height:26px;line-height:24px;margin-left:10px;vertical-align:middle;position:relative;top:-1px;background:#ccc;border-color:#ccc;color:#fff;border-radius:5px;}

.__comment .sort {position:relative;margin-top:30px;}
.__comment .sort select {width:150px;}
.__comment .sort .__btn1 {position:absolute;right:0;top:0;width:154px;text-align:center;line-height:40px;background:#ccc;}

.__comment.none .tit ._commentHide:before {content:"댓글 보기";}
.__comment.none .write,
.__comment.none .list {display:none;}

@media screen and (max-width:768px){
    .__comment {margin-top:30px;}
    .__comment .tit {margin-bottom:15px;}
    .__comment .tit .rig {bottom:-4px;}
    .__comment .write {padding-right:80px;}
    .__comment .write .ta {position:relative;border:none;padding-right:0;}
    .__comment .write .ta textarea {display:block;width:100%;padding:10px;height:60px;font-size:14px;line-height:1.5em;border:1px solid #ccc;}
    .__comment .write .ta label {position:relative;right:0;top:0;margin-top:10px;display:inline-block;margin-top:10px;}
    .__comment .write .ta label span {padding-left:20px;}
    .__comment .write .ta label span:before {width:13px;height:22px;}
    .__comment .write .btn {width:70px;height:60px;}
    .__comment .list {margin-top:30px;}
    .__comment .box > .box {padding-left:20px;}
    .__comment .item {}
    .__comment .item .cont {line-height:1.6em;margin-top:15px;}
    .__comment .item .head .info {margin-top:10px;}
    .__comment .item .info .rebtn {width:40px;height:22px;font-size:12px;}
    .__comment .item .info li {margin-right:10px;}

    .__comment .sort {margin-top:20px;}
    .__comment .sort select {width:100%;}
    .__comment .sort .__btn1 {width:140px;}
}

.__tab {font-size:0;margin-bottom:35px;padding-left:1px;}
.__tab a {display:inline-block;margin-left:-1px;width:154px;height:40px;line-height:38px;border:1px solid #ccc;font-size:14px;color:#222;letter-spacing:-0.05em;text-align:center;position:relative;}
.__tab .active {background:#f37022;border-color:#f37022;color:#fff;z-index:10;}

.__txt {font-size:14px;color:#222;line-height:1.5em;}

.__line {clear:both;border:none;border-top:1px solid #ccc;margin:0;}

@media screen and (max-width:768px){
    .__tab {margin-bottom:15px;}
    .__tab a {width:80px;height:34px;line-height:32px;}
}




input:focus,a:focus,button:focus {outline:none;}


@media screen and (min-width:1025px){
    #wrap.main2 {padding-top:221px;}

    #header2 {position:absolute;left:0;top:0;width:100%;z-index:100;background:#fff;height:221px;overflow:hidden;transition:0.3s;border-bottom:1px solid #00314d;}
    #header2 .head {padding:0 20px;}
    #header2 .head .inner {max-width:1200px;margin:0 auto;position:relative;height:140px;}
    #header2 .head .logo2 {position:absolute;left:0;top:0;z-index:200;display:block;}
    #header2 .head .logo {position:absolute;left:0;top:34px;display:none;}
    #header2 .head .logo a {display:block;}
    #header2 .head .logo .title {left:0;top:0;width:170px;height:57px;background:url(../images/logo2.png) no-repeat;background-size:contain;text-indent:-9999px;}
    #header2 .head .logo .ban img {max-width:none;}
    #header2 .head .logo .txt {font-size:12px;color:#838383;position:absolute;left:61px;top:65px;white-space:nowrap;font-weight:normal;}
    #header2 .head .logo .ban {position:absolute;left:100%;bottom:0;margin-left:10px;}

    #header2 .nav {border-top:2px solid #00314d;padding:0 20px;}
    #header2 .nav .inner {position:relative;max-width:1200px;margin:0 auto;z-index:201;}
    #header2 .nav .inner:after {content:"";display:block;clear:both;}
    #header2 .nav .gnb {font-size:0;float:right;margin-right:-20px;}
    #header2 .nav .gnb > li {display:inline-block;vertical-align:top;position:relative;}
    #header2 .nav .gnb > li > a {display:block;font-size:18px;font-weight:bold;color:#222;padding:0 45px;height:78px;line-height:78px;}
    #header2 .nav .gnb > li > ul {position:absolute;left:0;top:100%;width:100%;padding-left:45px;white-space:nowrap;}
    #header2 .nav .gnb > li > ul > li {padding:10px 0;}
    #header2 .nav .gnb > li > ul > li > a {font-size:17px;color:#222;font-weight:bold;}
    #header2 .nav .tnb {position:absolute;right:0;top:-80px;white-space:nowrap;}
    #header2 .nav .tnb li {display:inline-block;vertical-align:top;position:relative;}
    #header2 .nav .tnb li ~ li {margin-left:12px;padding-left:13px;}
    #header2 .nav .tnb li ~ li:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-5px;background:#222;}
    #header2 .nav .tnb li a {display:block;font-size:14px;color:#222;letter-spacing:-0.025em;}

    #header2 .mnu {display:block;position:absolute;top:153px;left:0;width:130px;height:56px;border:none;background:none;z-index:900;font-size:0;}
    #header2 .mnu:before,
    #header2 .mnu:after {display:block;position:absolute;left:0;width:28px;height:2px;background:#00314d;transition:.3s;content:'';}
    #header2 .mnu:before {top:50%;margin-top:10px;}
    #header2 .mnu:after {bottom:50%;margin-bottom:10px;}
    #header2 .mnu span {display:inline-block;width:28px;height:2px;transition:.3s;text-indent:-9999px;background:#00314d;vertical-align:middle;position:absolute;left:0;top:50%;margin:-1px 0 0 0;}
    #header2 .mnu strong {font-size:18px;color:#222;font-weight:bold;display:inline-block;padding-left:60px;}
    
    #header2 .hmp {display:none;}

    .navOn #header2 {height:400px;}
    .navOn #header2 .mnu:before {margin-top:-1px;transform:rotate(315deg);}
    .navOn #header2 .mnu:after {margin-bottom:-1px;transform:rotate(-315deg);}
    .navOn #header2 .mnu span {width:0;margin-left:0;}
}

@media screen and (max-width:1200px) and (min-width:1025px){
    #header2 .nav .gnb > li > a {padding:0 40px;}
    #header2 .nav .gnb > li > ul {padding-left:40px;}
}


@media screen and (max-width:1024px){
    #wrap.main2 {padding-top:100px;}
    #header2 {position:fixed;left:0;top:0;width:100%;z-index:1000;border-bottom:1px solid #ddd;height:auto;background:#fff;height:100px;}
    #header2 .head .logo2 {position:absolute;left:20px;top:0;z-index:900;display:block;}
    #header2 .head .logo2 img {max-height:99px;}
    #header2 .head .logo {display:none;position:absolute;left:20px;top:22px;z-index:900;}
    #header2 .head .logo a {display:block;}
    #header2 .head .logo .title {left:0;top:0;width:160px;height:54px;background:url(../images/logo2.png) no-repeat;background-size:contain;text-indent:-9999px;}
    #header2 .head .logo .ban {position:absolute;left:100%;bottom:0;margin-left:10px;}
    #header2 .head .logo .ban img {max-width:none;}
    #header2 .head .logo .txt {display:none;}

    #header2 .nav {visibility:hidden;opacity:0;transition:0.3s;position:fixed;left:0;top:0;width:100%;height:100%;background:#00314d;z-index:800;padding:80px 20px 0;overflow:auto;}
    #header2 .nav .inner {position:static;}
    #header2 .nav .tnb {text-align:center;font-size:0;padding:10px 0;border-bottom:1px solid #0c293a;}
    #header2 .nav .tnb li {display:inline-block;vertical-align:middle;position:relative;}
    #header2 .nav .tnb li ~ li {margin-left:10px;padding-left:11px;}
    #header2 .nav .tnb li ~ li:before {content:"";display:block;width:1px;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;background:rgba(255,255,255,0.3);}
    #header2 .nav .tnb li a {display:block;color:#fff;font-size:14px;}
    #header2 .gnb.p {display:none !important;}
    #header2 .gnb {border-bottom:1px solid #0d3d58;border-top:1px solid #0d3d58;}
    #header2 .gnb > li {border-bottom:1px solid #0c293a;border-top:1px solid #0d3d58;}
    #header2 .gnb > li:first-child {border-top:none;}
    #header2 .gnb > li > a {font-size:20px;padding:10px 20px;color:#fff;display:block;font-weight:bold;font-weight:500;position:relative;}
    #header2 .gnb > li > ul {background:#022438;border-top:1px solid rgba(0,0,0,0.15);padding:10px 0;display:none;}
    #header2 .gnb > li > ul > li > a {display:block;font-size:16px;padding:3px 20px;color:rgba(255,255,255,0.6);letter-spacing:-0.05em;}
    #header2 .gnb > li > ul > li > a:before {content:"- ";}
    #header2 .gnb > .chi > a:before {content:"\f107";display:block;font-family:axicon;position:absolute;right:15px;top:50%;margin-top:-0.5em;line-height:1em;color:rgba(255,255,255,0.5);}
    #header2 .gnb > .chi.active > a:before {content:"\f106";}
    #header2 .gnb > .active > ul {display:block;}
    #header2 .slogan {padding:15px 20px 0;color:rgba(255,255,255,0.4);}
    #header2 .slogan p {font-size:12px;line-height:1.5em;}
    #header2 .slogan dl {margin-top:10px;}
    #header2 .slogan dl dt {font-weight:500;}
    #header2 .slogan dl dd {margin-top:10px;}
    #header2 .slogan dl dd a {color:rgba(255,255,255,0.4);}

    #header2 .mnu {display:block;position:absolute;top:21px;right:15px;width:60px;height:56px;border:none;background:none;z-index:900;font-size:0;}
    #header2 .mnu:before,
    #header2 .mnu:after {display:block;position:absolute;left:50%;width:40px;height:2px;margin-left:-20px;background:#222;transition:.3s;content:'';}
    #header2 .mnu:before {top:50%;margin-top:10px;}
    #header2 .mnu:after {bottom:50%;margin-bottom:10px;}
    #header2 .mnu span {display:inline-block;width:40px;height:2px;transition:.3s;text-indent:-9999px;background:#222;vertical-align:middle;}
    #header2 .mnu strong {display:none;}
    
    #header2 .hmp {position:absolute;right:90px;top:50%;margin-top:-0.5em;line-height:1em;color:#333;font-size:16px;z-index:910;}

    .navOn #header2 {top:0 !important;}
    .navOn #header2 .head .logo .title {background-image:url(../images/logo.png);}
    .navOn #header2 .mnu:before {margin-top:-1px;transform:rotate(315deg);background:#fff;}
    .navOn #header2 .mnu:after {margin-bottom:-1px;transform:rotate(-315deg);background:#fff;}
    .navOn #header2 .mnu span {width:0;margin-left:0;background:#fff;}
    .navOn #header2 .nav {visibility:visible;opacity:1;}
    .navOn #header2 .logo2 {display:none;}
    .navOn #header2 .logo {display:block;}
    .navOn #header2 .hmp {display:none;}
    
    #main2 .tit .sch.short {width:250px !important;}
}

@media screen and (max-width:768px){
    #wrap.main2 {padding-top:50px;}
    #header2 {padding:0 20px;height:50px;}
    #header2 .inner {height:50px;}
    #header2 .head .logo2 {display:none;}
    #header2 .head .logo {top:9px;display:block;}
    #header2 .head .logo .title {width:103px;height:30px;}
    #header2 .head .logo .ban {display:none;}
    #header2 .nav {padding:50px 20px;}
    #header2 .slogan p {letter-spacing:-0.075em;}

    #header2 .mnu {width:30px;height:30px;top:10px;}
    #header2 .mnu:before,
    #header2 .mnu:after {width:30px;height:2px;margin-left:-15px;}
    #header2 .mnu:before {margin-top:8px;}
    #header2 .mnu:after {margin-bottom:8px;}
    #header2 .mnu span {width:30px;}
    
    #header2 .hmp {right:65px;font-size:14px;}
}

#main2 {background:#f0f1f6;padding:10px 20px;}
#main2 > .inner {max-width:1200px;margin:0 auto;}

#main2 .tit {position:relative;}
#main2 .tit h3 {margin-bottom:23px;}
#main2 .tit h3 img {width:39px;display:inline-block;vertical-align:middle;margin-right:7px;}
#main2 .tit h3 strong {font-size:20px;color:#333;letter-spacing:-0.05em;display:inline-block;vertical-align:middle;}
#main2 .tit .sch {width:250px;height:40px;border-radius:20px;border:1px solid #ccc;padding-right:38px;position:absolute;right:0;top:-4px;overflow:hidden;}
#main2 .tit .sch.short {width:150px;}
#main2 .tit .sch input[type='text'] {display:block;width:100%;height:38px;border:none;font-size:14px;padding-left:15px;}
#main2 .tit .sch button {display:block;width:38px;height:38px;position:absolute;right:0;top:0;border:none;color:#222;font-size:20px;background:none;}
#main2 .tit .slogan {font-size:14px;color:#222;position:relative;border-bottom:2px solid #222;padding-bottom:15px;padding-right:40px;letter-spacing:-0.05em;}
#main2 .tit .slogan strong {display:inline-block;margin-right:10px;font-weight:500;}
#main2 .tit .slogan .more {position:absolute;right:0;bottom:8px;width:28px;height:28px;border:1px solid #ccc;text-align:center;line-height:26px;font-size:16px;color:#000;}
#main2 .tbl {width:100%;table-layout:fixed;display:table;}
#main2 .tbl .tr {display:table-row;}
#main2 .tbl .td {display:table-cell;vertical-align:middle;height:52px;border-bottom:1px solid #ccc;text-align:center;padding:0 5px;color:#222;}
#main2 .tbl .th {display:table-cell;vertical-align:middle;height:52px;border-bottom:1px solid #ccc;text-align:center;font-size:14px;color:#222;}
#main2 .tbl .tr:last-child .td {border-bottom:none;}
#main2 .tbl .ico {width:65px;}
#main2 .tbl .ico .icon {display:inline-block;width:55px;height:24px;border:2px solid #879eab;border-radius:3px;color:#00314d;text-align:center;line-height:20px;font-size:14px;}
#main2 .tbl .ico .icon.greenLine {border-color:#88d2ba;color:#20ab7e;}
#main2 .tbl .ico .icon.orange {border-color:#f37022;background:#f37022;color:#fff;}
#main2 .tbl .ico .icon.yellow {border-color:#f3c422;background:#f3c422;color:#fff;}

#main2 .tbl .num {width:45px;}
#main2 .tbl .date {width:60px;}
#main2 .tbl .date2 {width:70px;}

#main2 .tbl .td.num {font-size:12px;width:45px;}
#main2 .tbl .td.date {font-size:12px;width:60px;}
#main2 .tbl .td.date2 {font-size:12px;width:70px;}
#main2 .tbl .td.subject {text-align:left;}
#main2 .tbl .td.subject a {display:inline-block;vertical-align:middle;max-width:100%;font-size:14px;color:#222;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

#main2 .one {position:relative;padding-left:350px;font-size:0;}
#main2 .one .vis {border-radius:10px;overflow:hidden;position:relative;}
#main2 .one .vis .box a,
#main2 .one .vis .box span {display:block;height:269px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#main2 .one .vis .cont {position:absolute;right:30px;bottom:20px;z-index:100;background:rgba(0,0,0,0.2);text-align:center;height:40px;width:185px;border-radius:20px;}
#main2 .one .vis .cont button {width:40px;height:40px;border:none;background:none;font-size:28px;color:#fff;position:absolute;top:0;}
#main2 .one .vis .cont .prev {left:0;}
#main2 .one .vis .cont .next {right:0;}
#main2 .one .vis .cont .page {height:40px;line-height:40px;color:#fff;font-size:18px;}
#main2 .one .ban {margin:10px -5px 0;font-size:0;}
#main2 .one .ban li {display:inline-block;vertical-align:top;width:50%;padding:0 5px;}
#main2 .one .ban li a {height:70px;display:block;position:relative;border-radius:10px;overflow:hidden;}
#main2 .one .ban li a span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}

#main2 .one .lef {position:absolute;left:0;top:0;width:340px;}
#main2 .one .lef .alarm a {display:block;text-indent:-9999px;background:url(../images/ban-main1.jpg) no-repeat 50% 50%;background-size:cover;height:269px;border-radius:10px;}
#main2 .one .lef .mypage {margin-top:10px;}
#main2 .one .lef .mypage a {display:block;height:70px;line-height:70px;color:#fff;padding:0 30px;border-radius:10px;background:url(../images/ban-main2.jpg) no-repeat 50% 50%;background-size:cover;font-size:20px;font-weight:bold;}
#main2 .one .lef .mypage img {display:inline-block;width:39px;vertical-align:middle;margin-right:5px;position:relative;top:-2px;}

#main2 .two {margin-top:13px;position:relative;padding-left:350px;}
#main2 .two .issue {position:absolute;left:0;top:0;width:340px;height:334px;background:#fff;border-radius:10px;padding:20px 30px 0;}
#main2 .two .area {font-size:0;background:#fff;border-radius:10px;padding-top:20px;}
#main2 .two .area > .tit {margin:0 30px;}
#main2 .two .area > .tit > h3 {margin-bottom:13px;}
#main2 .two .area .box {display:inline-block;vertical-align:top;width:50%;padding:0 5px;}
#main2 .two .area .box .in {height:269px;border-radius:10px;padding:10px 30px 0;overflow:hidden;}
#main2 .two .qa .roll {margin-top:15px;}
#main2 .two .qa .slick-list {margin-left:-5px;padding-left:5px;position:relative;}
#main2 .two .qa .slick-list:before {content:"";display:block;position:absolute;left:5px;top:0;width:1px;height:100%;background:#20ab7e;}
#main2 .two .qa .slick-slide {margin-bottom:8px;padding-left:20px;}
#main2 .two .qa .box {display:block;height:80px;border-radius:10px;border:1px solid #ccc;padding:15px 17px 0;position:relative;}
#main2 .two .qa .box:before {content:"";display:block;width:9px;height:9px;border-radius:50%;position:absolute;left:-26px;top:50%;margin-top:-4.5px;background:#20ab7e;}
#main2 .two .qa .box:after {content:"";border:7px solid transparent;border-right:9px solid #ccc;margin-top:-7px;display:block;height:0;width:0;top:50%;position:absolute;right:100%;}
#main2 .two .qa .box strong:after {content:"";border:6px solid transparent;border-right:8px solid #fff;margin-top:-6px;display:block;height:0;width:0;top:50%;position:absolute;right:100%;z-index:10;}
#main2 .two .qa .box > * {display:block;}
#main2 .two .qa .box strong,
#main2 .two .qa .box span {font-size:14px;color:#222;font-weight:normal;padding-right:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/* 2021-01-04 수정*/
#main2 .two .qa .box span {margin-top:12px;color:#888;}
#main2 .two .qa .box em {width:74px;line-height:28px;height:28px;position:absolute;right:20px;top:50%;margin-top:-14px;background:#ccc;color:#fff;font-size:14px;text-align:center;}
#main2 .two .qa .box.ok em {background:#20ab7e;}

#main2 .thr {margin-top:10px;position:relative;padding-left:350px;}
#main2 .thr > div {padding:20px 30px 0;height:474px;border-radius:10px;background:#fff;overflow:hidden;}
#main2 .thr .news {position:absolute;left:0;top:0;width:340px;font-size:0;}
#main2 .thr .news .tit h3 img {width:90px;}
#main2 .thr .news .img {font-size:0;margin:0 -5px;}
#main2 .thr .news .img .box {display:inline-block;width:50%;padding:0 5px;}
#main2 .thr .news .img .box a {display:block;}
#main2 .thr .news .img .box a span {display:block;height:80px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
#main2 .thr .news .img .box a strong {font-size:14px;line-height:1.6;max-height:3.2;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:7px;font-weight:normal;color:#222;}
#main2 .thr .news .num {border-top:2px solid #222;margin-top:15px;}
#main2 .thr .news .num .box {display:block;position:relative;border-bottom:1px solid #ccc;padding-left:25px;height:52px;line-height:52px;padding-left:27px;font-size:14px;color:#222;}
#main2 .thr .news .num .box strong {display:block;position:absolute;left:0;top:0;color:#f37022;}
#main2 .thr .news .num .box span {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;}
#main2 .thr .tv .roll {position:static;}
#main2 .thr .tv .item {font-size:0;}
#main2 .thr .tv .item ~ .item {margin-top:30px;}
#main2 .thr .tv .item .area {font-size:0;padding:0 20px;margin-top:20px;position:relative;}
#main2 .thr .tv .item .area .box {display:block;padding:0 10px;}
#main2 .thr .tv .item .area .box .in {display:block;}
#main2 .thr .tv .item .area .box .img {border:1px solid #ccc;}
#main2 .thr .tv .item .area .box .img span {display:block;padding-top:55.172413%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#main2 .thr .tv .item .area .box .txt {font-size:14px;color:#222;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:10px;}
#main2 .thr .tv .slick-arrow {position:absolute;top:30px;width:20px;height:30px;display:block;text-align:left;color:#333;font-size:0;border:none;background:transparent;text-indent:-9999px;overflow:visible;line-height:0;z-index:100;}
#main2 .thr .tv .slick-arrow:after {font-family:axicon;display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:0;line-height:28px;text-align:center;font-size:30px;}
#main2 .thr .tv .slick-arrow.slick-prev {left:0;}
#main2 .thr .tv .slick-arrow.slick-next {right:0;}
#main2 .thr .tv .slick-arrow.slick-prev:after {content:"\f104";}
#main2 .thr .tv .slick-arrow.slick-next:after {content:"\f105";}
#main2 .thr.newsnone {padding-left:0;}
#main2 .thr.newsnone .tv {height:auto;padding-bottom:20px;}

#main2 .fou {margin:10px -5px 0;font-size:0;}
#main2 .fou ul {display:table;width:100%;table-layout:fixed;}
#main2 .fou ul > li {display:table-cell;vertical-align:middle;padding:0 5px;}
#main2 .fou a {display:block;text-align:center;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;height:100px;border-radius:10px;}
#main2 .fou a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#main2 .fou a span {display:inline-block;vertical-align:middle;position:relative;font-size:28px;color:#fff;padding-top:10px;letter-spacing:-0.05em;}
#main2 .fou a span:before {content:"";display:block;width:20px;height:2px;position:absolute;left:50%;margin-left:-10px;top:0;background:#fff;}
#main2 .fou .guide a {background-image:url(../images/bg-bot-guide.jpg);}
#main2 .fou .month a {background-image:url(../images/bg-bot-month.jpg);}

#main2 .fiv {position:relative;padding-right:350px;margin-top:10px;}
#main2 .fiv .sec {padding:20px 30px 0;background:#fff;height:275px;border-radius:10px;}
#main2 .fiv .sec .area {font-size:0;margin:0 -10px;}
#main2 .fiv .sec .box {width:50%;display:inline-block;vertical-align:top;padding:0 10px;vertical-align:top;}
#main2 .fiv .ban {position:absolute;right:0;top:0;width:340px;}
#main2 .fiv .ban a {display:block;}
#main2 .fiv .ban a span {display:block;height:276px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:10px;}
#main2 .fiv .notice {margin-top:8px;}
#main2 .fiv .notice .item {border:1px solid #ccc;border-radius:5px;height:42px;padding:0 15px 0 47px;display:block;position:relative;}
#main2 .fiv .notice .item ~ .item {margin-top:10px;}
#main2 .fiv .notice .item:before {content:"";display:block;width:22.5px;height:21px;background:url(../images/ico-notice.png) no-repeat 0 0;background-size:22.5px auto;position:absolute;left:12px;top:10px;}
#main2 .fiv .notice .item span {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;color:#222;position:relative;padding-left:15px;height:40px;line-height:40px;}
#main2 .fiv .notice .item span:before {content:"";display:block;width:2px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background:#dadada;}
#main2 .fiv .notice .item.ico:before {background-position:0 -21px;}
#main2 .fiv .payment .item {font-size:0;}
#main2 .fiv .payment .item ~ .item {border-top:1px solid #ccc;}
#main2 .fiv .payment .item > * {display:inline-block;vertical-align:top;position:relative;height:54px;height:53px;line-height:53px;font-size:14px;font-weight:normal;color:#222;}
#main2 .fiv .payment .item strong {width:95px;}
#main2 .fiv .payment .item strong:before {content:"";display:block;width:2px;height:12px;position:absolute;right:0;top:50%;margin-top:-6px;background:#dadada;}
#main2 .fiv .payment .item span {padding-left:17px;}

#main2 .six {margin:10px -5px 0;font-size:0;}
#main2 .six .box {display:inline-block;vertical-align:top;width:50%;padding:0 5px;}
#main2 .six .box .in {display:block;background:#fff;border-radius:10px;height:475px;padding:20px 30px 0;}
#main2 .six .tab {position:absolute;right:15px;bottom:100%;margin-bottom:42px;font-size:0;white-space:nowrap;}
#main2 .six .tab button {border:none;background:none;font-size:24px;color:#000;display:inline-block;vertical-align:middle;}
#main2 .six .tab ul {display:inline-block;vertical-align:middle;margin:0 10px;position:relative;}
#main2 .six .tab li {display:inline-block;vertical-align:top;position:relative;margin:0 7px;}
#main2 .six .tab ul:before {content:"";display:block;width:1px;height:12px;position:absolute;left:50%;top:50%;margin-top:-5.5px;background:#222;}
#main2 .six .tab li a {font-size:14px;color:#ccc;display:block;line-height:1em;}
#main2 .six .tab .active a {color:#f37022;}
#main2 .six .with {margin:30px -15px 0;position:relative;}
#main2 .six .with .slick-slide {padding:0 15px;}
#main2 .six .with .box {padding-left:230px;position:relative;min-height:310px;}
#main2 .six .with .box:after {content:"";display:block;clear:both;}
#main2 .six .with .box .img {position:absolute;left:0;top:0;border:1px solid #f3f3f3;width:210px;}
#main2 .six .with .box .img a {display:block;position:relative;}
#main2 .six .with .box .img a .new {display:block;width:47px;height:69px;font-size:15px;text-align:center;color:#fff;padding-top:27px;background:url(../images/ico-new.png) no-repeat 50% 0;background-size:contain;position:absolute;left:10px;top:0;z-index:10;}
#main2 .six .with .box .info .list li {border-bottom:1px solid #ccc;}
#main2 .six .with .box .info .list li a {display:block;font-size:14px;color:#222;height:50px;line-height:50px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;padding-right:30px;letter-spacing:-0.05em;}
#main2 .six .with .box .info .list li a:before {content:"\e114";font-family:axicon;display:block;right:0;top:50%;margin-top:-0.5em;line-height:1em;font-size:18px;position:absolute;}
#main2 .six .with .btn {display:flex;position:absolute;left:245px;width:calc(100% - 245px);bottom:8px;justify-content:center;}
#main2 .six .with .btn button {display:inline-block;font-size:14px;color:#222;background:none;border:none;transition:0.3s;}
#main2 .six .with .btn button:before,
#main2 .six .with .btn button:after {display:inline-block;vertical-align:middle;font-family:axicon;font-size:32px;}
#main2 .six .with .btn button span {display:inline-block;vertical-align:middle;}
#main2 .six .with .btn button.prev {order:-1;margin-right:45px;}
#main2 .six .with .btn button.prev:before {content:"\f104";margin-right:15px;}
#main2 .six .with .btn button.next:after {content:"\f105";margin-left:15px;}
#main2 .six .with .btn button.slick-disabled {opacity:0.25;}
#main2 .six .rev .item {display:block;font-size:14px;line-height:2;padding:15px 0;}
#main2 .six .rev .item ~ .item {border-top:1px solid #ccc;}
#main2 .six .rev .item .info li {display:inline-block;vertical-align:top;position:relative;color:#20ab7e;}
#main2 .six .rev .item .info li ~ li {margin-left:5px;padding-left:5px;}
#main2 .six .rev .item .info li ~ li:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;}
#main2 .six .rev .item .txt {max-height:4em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#222;}

@media screen and (max-width:1240px){
    #main2 .two .issue {padding:20px;}
    #main2 .two .area .box .in {padding:10px 20px 0;}
    #main2 .thr > div {padding:20px 20px 0;}
    #main2 .fiv .sec {padding:20px 20px 0;}
    #main2 .six .box .in {padding:20px 20px 0;}
}

@media screen and (max-width:1240px) and (min-width:1111px){
    #main2 .tit .sch {width:110px;}
    #main2 .tit .sch input::-webkit-input-placeholder {color:#fff;}
    #main2 .tit .sch input:-moz-placeholder {color:#fff;}
    #main2 .tit .sch input::-moz-placeholder {color:#fff;}
    #main2 .tit .sch input:-ms-input-placeholder {color:#fff;}
}

@media screen and (max-width:1024px){
    #main2 .one {padding-left:0;}
    #main2 .one .vis .box a,
    #main2 .one .vis .box span {height:auto;padding-top:31.64705%;}
    #main2 .one .vis .box a {position:relative;}
    #main2 .one .vis .box a span {height:100%;display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
    #main2 .one .ban li a {height:auto;padding-top:16.666666%;}

    #main2 .one .lef {position:relative;width:auto;margin:10px -5px 0;font-size:0;}
    #main2 .one .lef > div {display:inline-block;vertical-align:top;width:50%;padding:0 5px;}
    #main2 .one .lef .alarm a {height:70px;line-height:70px;border-radius:10px;text-indent:0;text-align:center;color:#fff;background:url(../images/ban-main1.png) 50% 0 no-repeat !important;;background-size:cover !important;;font-size:20px;font-weight:500;}
    #main2 .one .lef .mypage {margin-top:0;}
    #main2 .one .lef .mypage a {padding:0;border-radius:10px;text-align:center;font-weight:500;}
    #main2 .one .lef .mypage img {display:none;}


    #main2 .two {padding-left:0;}
    #main2 .two .issue {width:auto;height:334px;position:relative;margin-bottom:10px;}

    #main2 .thr {padding-left:0;}
    #main2 .thr .news {position:relative;width:auto;margin-bottom:10px;height:auto;padding-bottom:20px;}
    #main2 .thr .news .img .box a span {height:auto;padding-top:59.259259%;}

    #main2 .fiv {padding-right:0;}
    #main2 .fiv .sec {padding:20px 30px 0;background:#fff;height:275px;border-radius:10px;}
    #main2 .fiv .sec .area {font-size:0;margin:0 -10px;}
    #main2 .fiv .sec .box {width:50%;display:inline-block;vertical-align:top;padding:0 10px;vertical-align:top;}
    #main2 .fiv .ban {position:relative;width:auto;margin-top:10px;}
    #main2 .fiv .ban a span {height:auto;padding-top:81.17647%;}

    #main2 .six {margin:0;}
    #main2 .six .box {display:block;width:auto;padding:0;margin-top:10px;}
}

@media screen and (max-width:768px){
    #main2 {padding:10px 15px;}
    
    #main2 .tit h3 {margin-bottom:15px;}
    #main2 .tit .slogan strong {display:block;margin:0 0 5px;}
    #main2 .tit .sch {width:110px;height:30px;border-radius:15px;padding-right:30px;top:2px;}
    #main2 .tit .sch.short {width:110px !important;}
    #main2 .tit .sch input[type='text'] {height:28px;padding-left:10px;}
    #main2 .tit .sch input::-webkit-input-placeholder {color:#fff;}
    #main2 .tit .sch input:-moz-placeholder {color:#fff;}
    #main2 .tit .sch input::-moz-placeholder {color:#fff;}
    #main2 .tit .sch input:-ms-input-placeholder {color:#fff;}
    #main2 .tit .sch button {width:28px;height:28px;right:3px;font-size:18px;}

    #main2 .one .vis .cont {right:15px;bottom:15px;height:30px;width:100px;border-radius:15px;}
    #main2 .one .vis .cont button {width:30px;height:30px;font-size:20px;}
    #main2 .one .vis .cont .page {height:30px;line-height:30px;font-size:16px;}

    #main2 .one .lef .alarm a,
    #main2 .one .lef .mypage a {height:40px;font-size:16px;line-height:40px;letter-spacing:-0.05em;}

    #main2 .two .area > .box {display:block;width:auto;padding-left:0;padding-right:0;}
    #main2 .two .area > .box ~ .box {margin-top:10px;}
    #main2 .two .issue {height:auto;padding:20px;}
    #main2 .two .area {padding:20px;}
    #main2 .two .area > .tit {margin:0;}
    #main2 .two .area .box .in {padding:10px 0 0;height:auto;}

    #main2 .thr > div {height:auto;padding:20px;}
    #main2 .thr .tv .item .area .box {padding:0 5px;}

    #main2 .fou a {height:70px;border-radius:10px;}
    #main2 .fou a span {font-size:16px;}

    #main2 .fiv .sec {height:auto;padding:20px;}
    #main2 .fiv .sec .box {display:block;width:auto;}
    #main2 .fiv .sec .box img {display:block;width:100%;}
    #main2 .fiv .sec .box ~ .box {margin-top:30px;}

    
    #main2 .six .box .in {padding:20px;height:auto;}
    #main2 .six .tab {right:0;bottom:100%;margin-bottom:-17px;width:100%;text-align:center;z-index:2;}
    #main2 .six .with {margin:20px -10px 0;font-size:0;}
    #main2 .six .with .roll {padding-top:20px;}
    #main2 .six .with .slick-slide {padding:0 10px;}
    #main2 .six .with .box {padding-left:0;min-height:0;position:relative;}
    #main2 .six .with .box .img {position:relative;width:auto;}
    #main2 .six .with .box .img img {width:100%;}
    #main2 .six .with .box .info .list li a {display:block;font-size:14px;color:#222;height:50px;line-height:50px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;padding-right:30px;letter-spacing:-0.05em;}
    #main2 .six .with .box .info .list li a:before {content:"\e114";font-family:axicon;display:block;right:0;top:50%;margin-top:-0.5em;line-height:1em;font-size:18px;position:absolute;}

    #main2 .six .with .btn {display:block;position:static;left:auto;bottom:auto;}
    #main2 .six .with .btn button {position:absolute;top:calc(70vw - 35px) !important;width:48px;height:48px;background:rgba(255,255,255,0.8);overflow:hidden;}
    #main2 .six .with .btn button ~ button {margin-left:0;}
    #main2 .six .with .btn button span {position:absolute;left:-9999px;top:0;text-indent:-9999px;}
    #main2 .six .with .btn button:before, 
    #main2 .six .with .btn button:after {margin:0 !important;}
    #main2 .six .with .btn .prev {left:10px;}
    #main2 .six .with .btn .next {right:10px;}

    #main2 .six .rev .item {display:block;font-size:14px;line-height:2;padding:15px 0;}
    #main2 .six .rev .item ~ .item {border-top:1px solid #ccc;}
    #main2 .six .rev .item .info li {display:inline-block;vertical-align:top;position:relative;color:#20ab7e;}
    #main2 .six .rev .item .info li ~ li {margin-left:5px;padding-left:5px;}
    #main2 .six .rev .item .info li ~ li:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;}
    #main2 .six .rev .item .txt {max-height:4em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#222;}
}

.__allleng {font-size:14px;font-weight:500;color:#222;margin-bottom:15px;text-align:right;}

.__dtsearch {border-top:1px solid #222;border-bottom:1px solid #ccc;position:relative;padding:19px 0;margin-bottom:40px;}
.__dtsearch .area {position:relative;padding-right:200px;}
.__dtsearch .area .submit {position:absolute;right:0;top:0;height:100%;width:190px;text-align:center;color:#fff;background:#00314d;font-size:24px;font-weight:normal;border:none;}
.__dtsearch .area .line {display:table;width:100%;table-layout:fixed;}
.__dtsearch .area .line ~ .line {margin-top:10px;}
.__dtsearch .area .line .__inp {height:46px;}
.__dtsearch .area .line .box {display:table-cell;vertical-align:middle;}
.__dtsearch .area .line .box ~ .box {padding-left:40px;}
.__dtsearch .area .line .box dl {display:table;width:100%;table-layout:fixed;}
.__dtsearch .area .line .box dl > * {display:table-cell;vertical-align:middle;}
.__dtsearch .area .line .box dl dt {width:6em;padding-right:10px;font-size:14px;color:#222;}
.__dtsearch .area .line .box.last {width:260px;}

@media screen and (max-width:1240px){
    .__dtsearch .area .line .box ~ .box {padding-left:20px;}
    .__dtsearch .area .line .box dl dt {width:5.2em;}
    .__dtsearch .area .line .box.last {width:240px;}
}

@media screen and (max-width:1024px){
    .__dtsearch .area {padding-right:140px;}
    .__dtsearch .area .submit {width:130px;}
    .__dtsearch .area .line .box.last {width:200px;}
}

@media screen and (max-width:768px){
    .__dtsearch {padding:10px 0;margin-bottom:30px;}
    .__dtsearch .area {padding-right:0;}
    .__dtsearch .area .submit {position:relative;height:50px;width:100%;font-size:18px;margin-top:10px;}
    .__dtsearch .area .line {display:block;}
    .__dtsearch .area .line ~ .line {margin-top:10px;}
    .__dtsearch .area .line .__inp {height:30px;}
    .__dtsearch .area .line .box {display:block;width:auto !important;}
    .__dtsearch .area .line .box ~ .box {padding-left:0;margin-top:10px;}
}

.__topArea {display:table;width:100%;margin-bottom:35px;}
.__topArea > div {display:table-cell;vertical-align:middle;}
.__topArea .rig {text-align:right;}
.__topArea .__tab {margin-bottom:0;}

@media screen and (max-width:1024px){
    .__topArea {margin-bottom:20px;}
    .__topArea .__tab a {width:65px;}
    .__topArea .__btn3 {width:80px;}

}

.__photoArticle {font-size:0;margin:0 -15px -40px;}
.__photoArticle .box {display:inline-block;vertical-align:top;width:50%;padding:0 15px;margin-bottom:40px;}
.__photoArticle .box .in {display:block;}
.__photoArticle .box .in:after {content:'';display:block;clear:both;}
.__photoArticle .box .imgbox {float:left;width:250px;height:calc(250px*3/2);}
.__photoArticle .box .imgbox .img{display:block;padding-bottom:calc(99%*3/2);background-repeat:no-repeat;background-position:50% 0%;background-size:contain;background-color:#fff;}
.__photoArticle .box .info {float:left;width:calc(100% - 250px);padding-left:20px;}
.__photoArticle .box .info .subject {overflow:hidden;text-overflow:ellipsis;white-space:normal;font-size:18px;color:#222;font-weight:500;letter-spacing:-0.05em;}
/* .__photoArticle .box .info .subject {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:#222;font-weight:500;letter-spacing:-0.05em;} */
.__photoArticle .box .info .sum {font-size:14px;line-height:1.8em;max-height:3.6em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#222;margin-top:10px;}


.__photoArticle .box .imgbox.y {width:250px;height:calc(250px*3/2);}
.__photoArticle .box .imgbox.y .img{padding-bottom:calc(99%*3/2);}
.__photoArticle .box .info.y {width:calc(100% - 250px);}
.__photoArticle .box .info.y .sum {max-height:300px;-webkit-line-clamp:7;}

.__photoArticle .box .imgbox.x {width:500px;height:calc(500px*1/2);}
.__photoArticle .box .imgbox.x .img{padding-bottom:calc(99%*1/2);}
.__photoArticle .box .info.x {width:calc(100% - 500px);}
.__photoArticle .box .info.x .sum {max-height:250px;-webkit-line-clamp:7;}

@media screen and (max-width:768px){
    .__photoArticle {margin:0;}
    .__photoArticle .box {display:block;width:auto;padding:0;margin-bottom:30px;}
    .__photoArticle .box .imgbox {width:80px;}
    .__photoArticle .box .info {width:calc(100% - 80px);padding-left:15px;}
    .__photoArticle .box .info .subject {font-size:16px;white-space:nowrap;}
    .__photoArticle .box .info .sum {font-size:13px;line-height:1.6em;max-height:3.2em;}
        
    .__photoArticle .box .imgbox.y {width:150px;height:calc(150px*3/2);}
    .__photoArticle .box .info.y {width:calc(100% - 150px);padding-left:15px;}
    .__photoArticle .box .info.y .sum {max-height:180px;-webkit-line-clamp:7;}
    
    .__photoArticle .box .imgbox.x {width:150px;height:calc(150px*1/2);}
    .__photoArticle .box .info.x {width:calc(100% - 150px);padding-left:15px;}
    .__photoArticle .box .info.x .sum {max-height:80px;-webkit-line-clamp:2;}
}

.list_thumb{overflow:hidden;margin:0 -5px;}
.list_thumb li{float:left;width:50%;margin-bottom:10px}
.list_thumb .wrap_thumb{margin:0 5px}
.list_thumb .tit_thumb{display: block;overflow:hidden;padding-left:4px;font-weight:bold;line-height:24px;text-overflow:ellipsis;white-space:nowrap;text-align:center}

.list_thumb .wrap_thumb{overflow:hidden;height:87px;position:relative;}
.list_thumb .wrap_thumb:before{position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,0.05);content:''}
.list_thumb .wrap_thumb img{display:block;width:100%;height:100%}

@media (min-width:768px){
	
    .list_thumb li{width:calc(100% / 3);}
    .list_thumb .wrap_thumb{margin:0 10px}
    .list_thumb .wrap_thumb{overflow:visible;height:150px}
}

@media screen and (max-width:768px){
    .__list.hitnews .box .__ico1 {width:30px;height:24px;line-height:22px;border-radius:3px;border:1px solid #f37022;text-align:center;font-size:14px;color:#f37022;display:inline-block;}
    .__list.hitnews .box .txt {padding-left:5px;}
}

.__popSurvey {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;text-align:center;font-size:0;white-space:nowrap;padding:30px 15px;overflow:auto;display:none;-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior:contain;}
.__popSurvey::-webkit-scrollbar {display:none;}
.__popSurvey:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__popSurvey .bg {position:fixed;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.8);}
.__popSurvey > .inner {display:inline-block;vertical-align:middle;white-space:normal;width:900px;max-width:100%;border-radius:30px;border:5px solid #f37022;background:#fff;padding:0;font-size:14px;text-align:left;position:relative;z-index:10;overflow:hidden;}
.__popSurvey .wrap {max-width:1000px;margin:0 auto;}
.__popSurvey .close {font-size:30px;color:#f37022;border:none;background:none;z-index:50;position:absolute;right:20px;top:20px;}
.__popSurvey .title {text-align:center;padding:35px 20px;background:#f3f3f3;border-bottom:1px solid #ddd;}
.__popSurvey .title h3 {font-size:30px;font-weight:normal;color:#222;line-height:1.2em;letter-spacing:-0.05em;}
.__popSurvey .title p {font-size:16px;line-height:1.4;margin-top:15px;color:#777;}
.__popSurvey .content {padding:35px 30px;}
.__popSurvey .survey .box h4 {font-size:16px;color:#333;font-weight:normal;line-height:1.5;font-weight:600;letter-spacing:-0.03em;}
.__popSurvey .survey .box h4 .req {color:#f37022;}
.__popSurvey .survey .box .__lab {display:inline-flex;}
.__popSurvey .survey .box .aa {margin-top:15px;font-size:14px;line-height:1.6;}
.__popSurvey .survey .box ~ .box {margin-top:30px;}
.__popSurvey .survey .box .flx {display:flex;gap:25px;flex-wrap:wrap;}
.__popSurvey .foot {padding:30px 20px;background:#f3f3f3;font-size:14px;line-height:1.7;border-top:1px solid #ddd;}

.__popSurvey.ty2 > .inner {border-color:#1792ff;}
.__popSurvey.ty2 .title {padding:25px 20px 30px;}
.__popSurvey.ty2 .title h2 {display:inline-block;background:#1792ff;padding:5px 20px;border-radius:20px;color:#fff;margin-bottom:10px;}
.__popSurvey.ty2 .title h3 {font-size:50px;}
.__popSurvey.ty2 .title .wbox {background:#fff;display:block;border-radius:10px;padding:10px 30px;display:inline-block;margin-bottom:15px;}
.__popSurvey.ty2 .close {color:#1792ff;}
.__popSurvey.ty2 .survey .box .flx {gap:10px 20px;}
.__popSurvey.ty2 .survey .box .flx li {width:40%;}
.__popSurvey.ty2 .survey .box .flx li .__lab span {font-size:16px;}
.__popSurvey.ty2 .survey .box .flx li:nth-child(2n+2) {width:calc(60% - 20px);}
.__popSurvey.ty2 .__orange {color:#1792ff !important;}
.__popSurvey.ty2 .__btnArea {margin-top:30px;}
.__popSurvey.ty2 .__btnArea li .orange {background:#1792ff !important;}
.__popSurvey.ty2 .__lab i:before {background:#1792ff;}
.__popSurvey.ty2 .foot {line-height:1.5;}
.__popSurvey.ty2 .foot strong {color:#333;}

@media screen and (max-width:768px){
	.__popSurvey {padding:20px 15px;}
	.__popSurvey > .inner {border-radius:15px;border:3px solid #f37022;}
	.__popSurvey .close {right:13px;top:10px;font-size:24px;}
	.__popSurvey .title {padding:20px 15px;}
	.__popSurvey .title h3 {font-size:20px;}
	.__popSurvey .title p {font-size:13px;margin-top:10px;}
	.__popSurvey .content {padding:25px 15px;}
	.__popSurvey .survey .box h4 {font-size:15px;}
	.__popSurvey .survey .box .aa {margin-top:10px;font-size:13px;line-height:1.5;}
	.__popSurvey .survey .box ~ .box {margin-top:25px;}
	.__popSurvey .survey .box .flx {gap:5px 20px;}
	.__popSurvey .survey .box ul:not(.flx) li ~ li {margin-top:5px;}
	.__popSurvey .foot {padding:20px 15px;font-size:13px;line-height:1.6;}
	
	.__popSurvey.ty2 .title {padding:20px 15px;}
	.__popSurvey.ty2 .title h2 {padding:3px 15px;border-radius:15px;font-size:14px;}
	.__popSurvey.ty2 .title h3 {font-size:30px;}
	.__popSurvey.ty2 .title .wbox {border-radius:5px;padding:10px;margin-bottom:10px;}
	.__popSurvey.ty2 .survey .box .flx {gap:5px;}
	.__popSurvey.ty2 .survey .box .flx li {width:100% !important;}
	.__popSurvey.ty2 .survey .box .flx li .__lab {width:100%;}
	.__popSurvey.ty2 .survey .box .flx li .__lab span {font-size:14px;width:0;flex-grow:1;}
	.__popSurvey.ty2 .__btnArea {margin-top:20px;}

}