@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap");
@font-face {
    font-family: "InkLipquid";
    src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
/* reset */
*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    vertical-align: top;
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    font-family: "Pretendard Variable", Pretendard;
}
.w100p {
    width: 100%;
}

.checkbox-flex {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}

.checkbox-flex label {
    flex-basis: 25%;
}
.btn_donation {
    padding: 25px 40px;
    font-size: 22px;
}
.txt_red {color:red !important}
html {
    height: 100%;
    font-size: 20px;
    overflow-x: auto;
}

fieldset {
    border: 0 none;
}

img {
    border: 0 none;
    vertical-align: top;
}

dl,
ul,
ol,
menu,
li {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

input,
select,
textarea,
button,
label {
    font-size: 100%;
    vertical-align: middle;
    font-family: "Pretendard Variable", Pretendard;
}

button {
    border: 0 none;
    background-color: transparent;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

textarea {
    resize: none;
    padding: 5px 10px;
    border: 1px solid #d0d0d0;
}

input {
    border-radius: 0;
}

input[type="text"],
input[type="password"] {
    padding: 0 10px;
    border: 1px solid #d0d0d0;
    font-size: 15px;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

input[type="file"] {
    border: 0;
}

select {
    background: #fff;
    border: 1px solid #d0d0d0;
}

a,
a:active,
a:hover {
    text-decoration: none;
}

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: normal;
}

body {
    min-width: 1300px;
    position: relative;
    color: #060606;
    word-break: keep-all;
    word-wrap: break-word;
    line-height: 1.4;
    overflow-x: hidden;
}

br.pc {
    display: block;
}

br.mo {
    display: none;
}

/* common */
.inner {
    position: relative;
    width: 1300px;
    margin: 0 auto;
}

.inner:after {
    content: "";
    display: block;
    visibility: visible;
    clear: both;
}

.dim {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.6);
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.clear_float:after {
    content: "";
    display: block;
    clear: both;
}

.sprites {
    background-image: url(../images/sprites.png);
    background-repeat: no-repeat;
    background-position-y: -100px;
}

.hide_text {
    font-size: 0;
    text-indent: -99999px;
}

sup {
    font-size: 11px;
    display: inline-block;
    margin-top: -5px;
    padding-right: 5px;
}



.mr1{margin-right:1px !important;}.mr2{margin-right:2px !important;}.mr3{margin-right:3px !important;}.mr4{margin-right:4px !important;}.mr5{margin-right:5px !important;}.mr6{margin-right:6px !important;}.mr7{margin-right:7px !important;}.mr8{margin-right:8px !important;}.mr9{margin-right:9px !important;}.mr10{margin-right:10px !important;}.mr11{margin-right:11px !important;}.mr12{margin-right:12px !important;}.mr13{margin-right:13px !important;}.mr14{margin-right:14px !important;}.mr15{margin-right:15px !important;}.mr16{margin-right:16px !important;}.mr17{margin-right:17px !important;}.mr18{margin-right:18px !important;}.mr19{margin-right:19px !important;}.mr20{margin-right:20px !important;}.mr21{margin-right:21px !important;}.mr22{margin-right:22px !important;}.mr23{margin-right:23px !important;}.mr24{margin-right:24px !important;}.mr25{margin-right:25px !important;}.mr26{margin-right:26px !important;}.mr27{margin-right:27px !important;}.mr28{margin-right:28px !important;}.mr29{margin-right:29px !important;}.mr30{margin-right:30px !important;}.mr31{margin-right:31px !important;}.mr32{margin-right:32px !important;}.mr33{margin-right:33px !important;}.mr34{margin-right:34px !important;}.mr35{margin-right:35px !important;}.mr36{margin-right:36px !important;}.mr37{margin-right:37px !important;}.mr38{margin-right:38px !important;}.mr39{margin-right:39px !important;}.mr40{margin-right:40px !important;}.mr41{margin-right:41px !important;}.mr42{margin-right:42px !important;}.mr43{margin-right:43px !important;}.mr44{margin-right:44px !important;}.mr45{margin-right:45px !important;}.mr46{margin-right:46px !important;}.mr47{margin-right:47px !important;}.mr48{margin-right:48px !important;}.mr49{margin-right:49px !important;}.mr50{margin-right:50px !important;}.mr51{margin-right:51px !important;}.mr52{margin-right:52px !important;}.mr53{margin-right:53px !important;}.mr54{margin-right:54px !important;}.mr55{margin-right:55px !important;}.mr56{margin-right:56px !important;}.mr57{margin-right:57px !important;}.mr58{margin-right:58px !important;}.mr59{margin-right:59px !important;}.mr60{margin-right:60px !important;}.mr61{margin-right:61px !important;}.mr62{margin-right:62px !important;}.mr63{margin-right:63px !important;}.mr64{margin-right:64px !important;}.mr65{margin-right:65px !important;}.mr66{margin-right:66px !important;}.mr67{margin-right:67px !important;}.mr68{margin-right:68px !important;}.mr69{margin-right:69px !important;}.mr70{margin-right:70px !important;}.mr71{margin-right:71px !important;}.mr72{margin-right:72px !important;}.mr73{margin-right:73px !important;}.mr74{margin-right:74px !important;}.mr75{margin-right:75px !important;}.mr76{margin-right:76px !important;}.mr77{margin-right:77px !important;}.mr78{margin-right:78px !important;}.mr79{margin-right:79px !important;}.mr80{margin-right:80px !important;}.mr81{margin-right:81px !important;}.mr82{margin-right:82px !important;}.mr83{margin-right:83px !important;}.mr84{margin-right:84px !important;}.mr85{margin-right:85px !important;}.mr86{margin-right:86px !important;}.mr87{margin-right:87px !important;}.mr88{margin-right:88px !important;}.mr89{margin-right:89px !important;}.mr90{margin-right:90px !important;}.mr91{margin-right:91px !important;}.mr92{margin-right:92px !important;}.mr93{margin-right:93px !important;}.mr94{margin-right:94px !important;}.mr95{margin-right:95px !important;}.mr96{margin-right:96px !important;}.mr97{margin-right:97px !important;}.mr98{margin-right:98px !important;}.mr99{margin-right:99px !important;}.mr100{margin-right:100px !important;}
.ml1{margin-left:1px !important;}.ml2{margin-left:2px !important;}.ml3{margin-left:3px !important;}.ml4{margin-left:4px !important;}.ml5{margin-left:5px !important;}.ml6{margin-left:6px !important;}.ml7{margin-left:7px !important;}.ml8{margin-left:8px !important;}.ml9{margin-left:9px !important;}.ml10{margin-left:10px !important;}.ml11{margin-left:11px !important;}.ml12{margin-left:12px !important;}.ml13{margin-left:13px !important;}.ml14{margin-left:14px !important;}.ml15{margin-left:15px !important;}.ml16{margin-left:16px !important;}.ml17{margin-left:17px !important;}.ml18{margin-left:18px !important;}.ml19{margin-left:19px !important;}.ml20{margin-left:20px !important;}.ml21{margin-left:21px !important;}.ml22{margin-left:22px !important;}.ml23{margin-left:23px !important;}.ml24{margin-left:24px !important;}.ml25{margin-left:25px !important;}.ml26{margin-left:26px !important;}.ml27{margin-left:27px !important;}.ml28{margin-left:28px !important;}.ml29{margin-left:29px !important;}.ml30{margin-left:30px !important;}.ml31{margin-left:31px !important;}.ml32{margin-left:32px !important;}.ml33{margin-left:33px !important;}.ml34{margin-left:34px !important;}.ml35{margin-left:35px !important;}.ml36{margin-left:36px !important;}.ml37{margin-left:37px !important;}.ml38{margin-left:38px !important;}.ml39{margin-left:39px !important;}.ml40{margin-left:40px !important;}.ml41{margin-left:41px !important;}.ml42{margin-left:42px !important;}.ml43{margin-left:43px !important;}.ml44{margin-left:44px !important;}.ml45{margin-left:45px !important;}.ml46{margin-left:46px !important;}.ml47{margin-left:47px !important;}.ml48{margin-left:48px !important;}.ml49{margin-left:49px !important;}.ml50{margin-left:50px !important;}.ml51{margin-left:51px !important;}.ml52{margin-left:52px !important;}.ml53{margin-left:53px !important;}.ml54{margin-left:54px !important;}.ml55{margin-left:55px !important;}.ml56{margin-left:56px !important;}.ml57{margin-left:57px !important;}.ml58{margin-left:58px !important;}.ml59{margin-left:59px !important;}.ml60{margin-left:60px !important;}.ml61{margin-left:61px !important;}.ml62{margin-left:62px !important;}.ml63{margin-left:63px !important;}.ml64{margin-left:64px !important;}.ml65{margin-left:65px !important;}.ml66{margin-left:66px !important;}.ml67{margin-left:67px !important;}.ml68{margin-left:68px !important;}.ml69{margin-left:69px !important;}.ml70{margin-left:70px !important;}.ml71{margin-left:71px !important;}.ml72{margin-left:72px !important;}.ml73{margin-left:73px !important;}.ml74{margin-left:74px !important;}.ml75{margin-left:75px !important;}.ml76{margin-left:76px !important;}.ml77{margin-left:77px !important;}.ml78{margin-left:78px !important;}.ml79{margin-left:79px !important;}.ml80{margin-left:80px !important;}.ml81{margin-left:81px !important;}.ml82{margin-left:82px !important;}.ml83{margin-left:83px !important;}.ml84{margin-left:84px !important;}.ml85{margin-left:85px !important;}.ml86{margin-left:86px !important;}.ml87{margin-left:87px !important;}.ml88{margin-left:88px !important;}.ml89{margin-left:89px !important;}.ml90{margin-left:90px !important;}.ml91{margin-left:91px !important;}.ml92{margin-left:92px !important;}.ml93{margin-left:93px !important;}.ml94{margin-left:94px !important;}.ml95{margin-left:95px !important;}.ml96{margin-left:96px !important;}.ml97{margin-left:97px !important;}.ml98{margin-left:98px !important;}.ml99{margin-left:99px !important;}.ml100{margin-left:100px !important;}
.mt1{margin-top:1px !important;}.mt2{margin-top:2px !important;}.mt3{margin-top:3px !important;}.mt4{margin-top:4px !important;}.mt5{margin-top:5px !important;}.mt6{margin-top:6px !important;}.mt7{margin-top:7px !important;}.mt8{margin-top:8px !important;}.mt9{margin-top:9px !important;}.mt10{margin-top:10px !important;}.mt11{margin-top:11px !important;}.mt12{margin-top:12px !important;}.mt13{margin-top:13px !important;}.mt14{margin-top:14px !important;}.mt15{margin-top:15px !important;}.mt16{margin-top:16px !important;}.mt17{margin-top:17px !important;}.mt18{margin-top:18px !important;}.mt19{margin-top:19px !important;}.mt20{margin-top:20px !important;}.mt21{margin-top:21px !important;}.mt22{margin-top:22px !important;}.mt23{margin-top:23px !important;}.mt24{margin-top:24px !important;}.mt25{margin-top:25px !important;}.mt26{margin-top:26px !important;}.mt27{margin-top:27px !important;}.mt28{margin-top:28px !important;}.mt29{margin-top:29px !important;}.mt30{margin-top:30px !important;}.mt31{margin-top:31px !important;}.mt32{margin-top:32px !important;}.mt33{margin-top:33px !important;}.mt34{margin-top:34px !important;}.mt35{margin-top:35px !important;}.mt36{margin-top:36px !important;}.mt37{margin-top:37px !important;}.mt38{margin-top:38px !important;}.mt39{margin-top:39px !important;}.mt40{margin-top:40px !important;}.mt41{margin-top:41px !important;}.mt42{margin-top:42px !important;}.mt43{margin-top:43px !important;}.mt44{margin-top:44px !important;}.mt45{margin-top:45px !important;}.mt46{margin-top:46px !important;}.mt47{margin-top:47px !important;}.mt48{margin-top:48px !important;}.mt49{margin-top:49px !important;}.mt50{margin-top:50px !important;}.mt51{margin-top:51px !important;}.mt52{margin-top:52px !important;}.mt53{margin-top:53px !important;}.mt54{margin-top:54px !important;}.mt55{margin-top:55px !important;}.mt56{margin-top:56px !important;}.mt57{margin-top:57px !important;}.mt58{margin-top:58px !important;}.mt59{margin-top:59px !important;}.mt60{margin-top:60px !important;}.mt61{margin-top:61px !important;}.mt62{margin-top:62px !important;}.mt63{margin-top:63px !important;}.mt64{margin-top:64px !important;}.mt65{margin-top:65px !important;}.mt66{margin-top:66px !important;}.mt67{margin-top:67px !important;}.mt68{margin-top:68px !important;}.mt69{margin-top:69px !important;}.mt70{margin-top:70px !important;}.mt71{margin-top:71px !important;}.mt72{margin-top:72px !important;}.mt73{margin-top:73px !important;}.mt74{margin-top:74px !important;}.mt75{margin-top:75px !important;}.mt76{margin-top:76px !important;}.mt77{margin-top:77px !important;}.mt78{margin-top:78px !important;}.mt79{margin-top:79px !important;}.mt80{margin-top:80px !important;}.mt81{margin-top:81px !important;}.mt82{margin-top:82px !important;}.mt83{margin-top:83px !important;}.mt84{margin-top:84px !important;}.mt85{margin-top:85px !important;}.mt86{margin-top:86px !important;}.mt87{margin-top:87px !important;}.mt88{margin-top:88px !important;}.mt89{margin-top:89px !important;}.mt90{margin-top:90px !important;}.mt91{margin-top:91px !important;}.mt92{margin-top:92px !important;}.mt93{margin-top:93px !important;}.mt94{margin-top:94px !important;}.mt95{margin-top:95px !important;}.mt96{margin-top:96px !important;}.mt97{margin-top:97px !important;}.mt98{margin-top:98px !important;}.mt99{margin-top:99px !important;}.mt100{margin-top:100px !important;}
.mb1{margin-bottom:1px !important;}.mb2{margin-bottom:2px !important;}.mb3{margin-bottom:3px !important;}.mb4{margin-bottom:4px !important;}.mb5{margin-bottom:5px !important;}.mb6{margin-bottom:6px !important;}.mb7{margin-bottom:7px !important;}.mb8{margin-bottom:8px !important;}.mb9{margin-bottom:9px !important;}.mb10{margin-bottom:10px !important;}.mb11{margin-bottom:11px !important;}.mb12{margin-bottom:12px !important;}.mb13{margin-bottom:13px !important;}.mb14{margin-bottom:14px !important;}.mb15{margin-bottom:15px !important;}.mb16{margin-bottom:16px !important;}.mb17{margin-bottom:17px !important;}.mb18{margin-bottom:18px !important;}.mb19{margin-bottom:19px !important;}.mb20{margin-bottom:20px !important;}.mb21{margin-bottom:21px !important;}.mb22{margin-bottom:22px !important;}.mb23{margin-bottom:23px !important;}.mb24{margin-bottom:24px !important;}.mb25{margin-bottom:25px !important;}.mb26{margin-bottom:26px !important;}.mb27{margin-bottom:27px !important;}.mb28{margin-bottom:28px !important;}.mb29{margin-bottom:29px !important;}.mb30{margin-bottom:30px !important;}.mb31{margin-bottom:31px !important;}.mb32{margin-bottom:32px !important;}.mb33{margin-bottom:33px !important;}.mb34{margin-bottom:34px !important;}.mb35{margin-bottom:35px !important;}.mb36{margin-bottom:36px !important;}.mb37{margin-bottom:37px !important;}.mb38{margin-bottom:38px !important;}.mb39{margin-bottom:39px !important;}.mb40{margin-bottom:40px !important;}.mb41{margin-bottom:41px !important;}.mb42{margin-bottom:42px !important;}.mb43{margin-bottom:43px !important;}.mb44{margin-bottom:44px !important;}.mb45{margin-bottom:45px !important;}.mb46{margin-bottom:46px !important;}.mb47{margin-bottom:47px !important;}.mb48{margin-bottom:48px !important;}.mb49{margin-bottom:49px !important;}.mb50{margin-bottom:50px !important;}.mb51{margin-bottom:51px !important;}.mb52{margin-bottom:52px !important;}.mb53{margin-bottom:53px !important;}.mb54{margin-bottom:54px !important;}.mb55{margin-bottom:55px !important;}.mb56{margin-bottom:56px !important;}.mb57{margin-bottom:57px !important;}.mb58{margin-bottom:58px !important;}.mb59{margin-bottom:59px !important;}.mb60{margin-bottom:60px !important;}.mb61{margin-bottom:61px !important;}.mb62{margin-bottom:62px !important;}.mb63{margin-bottom:63px !important;}.mb64{margin-bottom:64px !important;}.mb65{margin-bottom:65px !important;}.mb66{margin-bottom:66px !important;}.mb67{margin-bottom:67px !important;}.mb68{margin-bottom:68px !important;}.mb69{margin-bottom:69px !important;}.mb70{margin-bottom:70px !important;}.mb71{margin-bottom:71px !important;}.mb72{margin-bottom:72px !important;}.mb73{margin-bottom:73px !important;}.mb74{margin-bottom:74px !important;}.mb75{margin-bottom:75px !important;}.mb76{margin-bottom:76px !important;}.mb77{margin-bottom:77px !important;}.mb78{margin-bottom:78px !important;}.mb79{margin-bottom:79px !important;}.mb80{margin-bottom:80px !important;}.mb81{margin-bottom:81px !important;}.mb82{margin-bottom:82px !important;}.mb83{margin-bottom:83px !important;}.mb84{margin-bottom:84px !important;}.mb85{margin-bottom:85px !important;}.mb86{margin-bottom:86px !important;}.mb87{margin-bottom:87px !important;}.mb88{margin-bottom:88px !important;}.mb89{margin-bottom:89px !important;}.mb90{margin-bottom:90px !important;}.mb91{margin-bottom:91px !important;}.mb92{margin-bottom:92px !important;}.mb93{margin-bottom:93px !important;}.mb94{margin-bottom:94px !important;}.mb95{margin-bottom:95px !important;}.mb96{margin-bottom:96px !important;}.mb97{margin-bottom:97px !important;}.mb98{margin-bottom:98px !important;}.mb99{margin-bottom:99px !important;}.mb100{margin-bottom:100px !important;}
.pr1{padding-right:1px !important;}.pr2{padding-right:2px !important;}.pr3{padding-right:3px !important;}.pr4{padding-right:4px !important;}.pr5{padding-right:5px !important;}.pr6{padding-right:6px !important;}.pr7{padding-right:7px !important;}.pr8{padding-right:8px !important;}.pr9{padding-right:9px !important;}.pr10{padding-right:10px !important;}.pr11{padding-right:11px !important;}.pr12{padding-right:12px !important;}.pr13{padding-right:13px !important;}.pr14{padding-right:14px !important;}.pr15{padding-right:15px !important;}.pr16{padding-right:16px !important;}.pr17{padding-right:17px !important;}.pr18{padding-right:18px !important;}.pr19{padding-right:19px !important;}.pr20{padding-right:20px !important;}.pr21{padding-right:21px !important;}.pr22{padding-right:22px !important;}.pr23{padding-right:23px !important;}.pr24{padding-right:24px !important;}.pr25{padding-right:25px !important;}.pr26{padding-right:26px !important;}.pr27{padding-right:27px !important;}.pr28{padding-right:28px !important;}.pr29{padding-right:29px !important;}.pr30{padding-right:30px !important;}.pr31{padding-right:31px !important;}.pr32{padding-right:32px !important;}.pr33{padding-right:33px !important;}.pr34{padding-right:34px !important;}.pr35{padding-right:35px !important;}.pr36{padding-right:36px !important;}.pr37{padding-right:37px !important;}.pr38{padding-right:38px !important;}.pr39{padding-right:39px !important;}.pr40{padding-right:40px !important;}.pr41{padding-right:41px !important;}.pr42{padding-right:42px !important;}.pr43{padding-right:43px !important;}.pr44{padding-right:44px !important;}.pr45{padding-right:45px !important;}.pr46{padding-right:46px !important;}.pr47{padding-right:47px !important;}.pr48{padding-right:48px !important;}.pr49{padding-right:49px !important;}.pr50{padding-right:50px !important;}.pr51{padding-right:51px !important;}.pr52{padding-right:52px !important;}.pr53{padding-right:53px !important;}.pr54{padding-right:54px !important;}.pr55{padding-right:55px !important;}.pr56{padding-right:56px !important;}.pr57{padding-right:57px !important;}.pr58{padding-right:58px !important;}.pr59{padding-right:59px !important;}.pr60{padding-right:60px !important;}.pr61{padding-right:61px !important;}.pr62{padding-right:62px !important;}.pr63{padding-right:63px !important;}.pr64{padding-right:64px !important;}.pr65{padding-right:65px !important;}.pr66{padding-right:66px !important;}.pr67{padding-right:67px !important;}.pr68{padding-right:68px !important;}.pr69{padding-right:69px !important;}.pr70{padding-right:70px !important;}.pr71{padding-right:71px !important;}.pr72{padding-right:72px !important;}.pr73{padding-right:73px !important;}.pr74{padding-right:74px !important;}.pr75{padding-right:75px !important;}.pr76{padding-right:76px !important;}.pr77{padding-right:77px !important;}.pr78{padding-right:78px !important;}.pr79{padding-right:79px !important;}.pr80{padding-right:80px !important;}.pr81{padding-right:81px !important;}.pr82{padding-right:82px !important;}.pr83{padding-right:83px !important;}.pr84{padding-right:84px !important;}.pr85{padding-right:85px !important;}.pr86{padding-right:86px !important;}.pr87{padding-right:87px !important;}.pr88{padding-right:88px !important;}.pr89{padding-right:89px !important;}.pr90{padding-right:90px !important;}.pr91{padding-right:91px !important;}.pr92{padding-right:92px !important;}.pr93{padding-right:93px !important;}.pr94{padding-right:94px !important;}.pr95{padding-right:95px !important;}.pr96{padding-right:96px !important;}.pr97{padding-right:97px !important;}.pr98{padding-right:98px !important;}.pr99{padding-right:99px !important;}.pr100{padding-right:100px !important;}
.pl1{padding-left:1px !important;}.pl2{padding-left:2px !important;}.pl3{padding-left:3px !important;}.pl4{padding-left:4px !important;}.pl5{padding-left:5px !important;}.pl6{padding-left:6px !important;}.pl7{padding-left:7px !important;}.pl8{padding-left:8px !important;}.pl9{padding-left:9px !important;}.pl10{padding-left:10px !important;}.pl11{padding-left:11px !important;}.pl12{padding-left:12px !important;}.pl13{padding-left:13px !important;}.pl14{padding-left:14px !important;}.pl15{padding-left:15px !important;}.pl16{padding-left:16px !important;}.pl17{padding-left:17px !important;}.pl18{padding-left:18px !important;}.pl19{padding-left:19px !important;}.pl20{padding-left:20px !important;}.pl21{padding-left:21px !important;}.pl22{padding-left:22px !important;}.pl23{padding-left:23px !important;}.pl24{padding-left:24px !important;}.pl25{padding-left:25px !important;}.pl26{padding-left:26px !important;}.pl27{padding-left:27px !important;}.pl28{padding-left:28px !important;}.pl29{padding-left:29px !important;}.pl30{padding-left:30px !important;}.pl31{padding-left:31px !important;}.pl32{padding-left:32px !important;}.pl33{padding-left:33px !important;}.pl34{padding-left:34px !important;}.pl35{padding-left:35px !important;}.pl36{padding-left:36px !important;}.pl37{padding-left:37px !important;}.pl38{padding-left:38px !important;}.pl39{padding-left:39px !important;}.pl40{padding-left:40px !important;}.pl41{padding-left:41px !important;}.pl42{padding-left:42px !important;}.pl43{padding-left:43px !important;}.pl44{padding-left:44px !important;}.pl45{padding-left:45px !important;}.pl46{padding-left:46px !important;}.pl47{padding-left:47px !important;}.pl48{padding-left:48px !important;}.pl49{padding-left:49px !important;}.pl50{padding-left:50px !important;}.pl51{padding-left:51px !important;}.pl52{padding-left:52px !important;}.pl53{padding-left:53px !important;}.pl54{padding-left:54px !important;}.pl55{padding-left:55px !important;}.pl56{padding-left:56px !important;}.pl57{padding-left:57px !important;}.pl58{padding-left:58px !important;}.pl59{padding-left:59px !important;}.pl60{padding-left:60px !important;}.pl61{padding-left:61px !important;}.pl62{padding-left:62px !important;}.pl63{padding-left:63px !important;}.pl64{padding-left:64px !important;}.pl65{padding-left:65px !important;}.pl66{padding-left:66px !important;}.pl67{padding-left:67px !important;}.pl68{padding-left:68px !important;}.pl69{padding-left:69px !important;}.pl70{padding-left:70px !important;}.pl71{padding-left:71px !important;}.pl72{padding-left:72px !important;}.pl73{padding-left:73px !important;}.pl74{padding-left:74px !important;}.pl75{padding-left:75px !important;}.pl76{padding-left:76px !important;}.pl77{padding-left:77px !important;}.pl78{padding-left:78px !important;}.pl79{padding-left:79px !important;}.pl80{padding-left:80px !important;}.pl81{padding-left:81px !important;}.pl82{padding-left:82px !important;}.pl83{padding-left:83px !important;}.pl84{padding-left:84px !important;}.pl85{padding-left:85px !important;}.pl86{padding-left:86px !important;}.pl87{padding-left:87px !important;}.pl88{padding-left:88px !important;}.pl89{padding-left:89px !important;}.pl90{padding-left:90px !important;}.pl91{padding-left:91px !important;}.pl92{padding-left:92px !important;}.pl93{padding-left:93px !important;}.pl94{padding-left:94px !important;}.pl95{padding-left:95px !important;}.pl96{padding-left:96px !important;}.pl97{padding-left:97px !important;}.pl98{padding-left:98px !important;}.pl99{padding-left:99px !important;}.pl100{padding-left:100px !important;}
.pt1{padding-top:1px !important;}.pt2{padding-top:2px !important;}.pt3{padding-top:3px !important;}.pt4{padding-top:4px !important;}.pt5{padding-top:5px !important;}.pt6{padding-top:6px !important;}.pt7{padding-top:7px !important;}.pt8{padding-top:8px !important;}.pt9{padding-top:9px !important;}.pt10{padding-top:10px !important;}.pt11{padding-top:11px !important;}.pt12{padding-top:12px !important;}.pt13{padding-top:13px !important;}.pt14{padding-top:14px !important;}.pt15{padding-top:15px !important;}.pt16{padding-top:16px !important;}.pt17{padding-top:17px !important;}.pt18{padding-top:18px !important;}.pt19{padding-top:19px !important;}.pt20{padding-top:20px !important;}.pt21{padding-top:21px !important;}.pt22{padding-top:22px !important;}.pt23{padding-top:23px !important;}.pt24{padding-top:24px !important;}.pt25{padding-top:25px !important;}.pt26{padding-top:26px !important;}.pt27{padding-top:27px !important;}.pt28{padding-top:28px !important;}.pt29{padding-top:29px !important;}.pt30{padding-top:30px !important;}.pt31{padding-top:31px !important;}.pt32{padding-top:32px !important;}.pt33{padding-top:33px !important;}.pt34{padding-top:34px !important;}.pt35{padding-top:35px !important;}.pt36{padding-top:36px !important;}.pt37{padding-top:37px !important;}.pt38{padding-top:38px !important;}.pt39{padding-top:39px !important;}.pt40{padding-top:40px !important;}.pt41{padding-top:41px !important;}.pt42{padding-top:42px !important;}.pt43{padding-top:43px !important;}.pt44{padding-top:44px !important;}.pt45{padding-top:45px !important;}.pt46{padding-top:46px !important;}.pt47{padding-top:47px !important;}.pt48{padding-top:48px !important;}.pt49{padding-top:49px !important;}.pt50{padding-top:50px !important;}.pt51{padding-top:51px !important;}.pt52{padding-top:52px !important;}.pt53{padding-top:53px !important;}.pt54{padding-top:54px !important;}.pt55{padding-top:55px !important;}.pt56{padding-top:56px !important;}.pt57{padding-top:57px !important;}.pt58{padding-top:58px !important;}.pt59{padding-top:59px !important;}.pt60{padding-top:60px !important;}.pt61{padding-top:61px !important;}.pt62{padding-top:62px !important;}.pt63{padding-top:63px !important;}.pt64{padding-top:64px !important;}.pt65{padding-top:65px !important;}.pt66{padding-top:66px !important;}.pt67{padding-top:67px !important;}.pt68{padding-top:68px !important;}.pt69{padding-top:69px !important;}.pt70{padding-top:70px !important;}.pt71{padding-top:71px !important;}.pt72{padding-top:72px !important;}.pt73{padding-top:73px !important;}.pt74{padding-top:74px !important;}.pt75{padding-top:75px !important;}.pt76{padding-top:76px !important;}.pt77{padding-top:77px !important;}.pt78{padding-top:78px !important;}.pt79{padding-top:79px !important;}.pt80{padding-top:80px !important;}.pt81{padding-top:81px !important;}.pt82{padding-top:82px !important;}.pt83{padding-top:83px !important;}.pt84{padding-top:84px !important;}.pt85{padding-top:85px !important;}.pt86{padding-top:86px !important;}.pt87{padding-top:87px !important;}.pt88{padding-top:88px !important;}.pt89{padding-top:89px !important;}.pt90{padding-top:90px !important;}.pt91{padding-top:91px !important;}.pt92{padding-top:92px !important;}.pt93{padding-top:93px !important;}.pt94{padding-top:94px !important;}.pt95{padding-top:95px !important;}.pt96{padding-top:96px !important;}.pt97{padding-top:97px !important;}.pt98{padding-top:98px !important;}.pt99{padding-top:99px !important;}.pt100{padding-top:100px !important;}
.pb1{padding-bottom:1px !important;}.pb2{padding-bottom:2px !important;}.pb3{padding-bottom:3px !important;}.pb4{padding-bottom:4px !important;}.pb5{padding-bottom:5px !important;}.pb6{padding-bottom:6px !important;}.pb7{padding-bottom:7px !important;}.pb8{padding-bottom:8px !important;}.pb9{padding-bottom:9px !important;}.pb10{padding-bottom:10px !important;}.pb11{padding-bottom:11px !important;}.pb12{padding-bottom:12px !important;}.pb13{padding-bottom:13px !important;}.pb14{padding-bottom:14px !important;}.pb15{padding-bottom:15px !important;}.pb16{padding-bottom:16px !important;}.pb17{padding-bottom:17px !important;}.pb18{padding-bottom:18px !important;}.pb19{padding-bottom:19px !important;}.pb20{padding-bottom:20px !important;}.pb21{padding-bottom:21px !important;}.pb22{padding-bottom:22px !important;}.pb23{padding-bottom:23px !important;}.pb24{padding-bottom:24px !important;}.pb25{padding-bottom:25px !important;}.pb26{padding-bottom:26px !important;}.pb27{padding-bottom:27px !important;}.pb28{padding-bottom:28px !important;}.pb29{padding-bottom:29px !important;}.pb30{padding-bottom:30px !important;}.pb31{padding-bottom:31px !important;}.pb32{padding-bottom:32px !important;}.pb33{padding-bottom:33px !important;}.pb34{padding-bottom:34px !important;}.pb35{padding-bottom:35px !important;}.pb36{padding-bottom:36px !important;}.pb37{padding-bottom:37px !important;}.pb38{padding-bottom:38px !important;}.pb39{padding-bottom:39px !important;}.pb40{padding-bottom:40px !important;}.pb41{padding-bottom:41px !important;}.pb42{padding-bottom:42px !important;}.pb43{padding-bottom:43px !important;}.pb44{padding-bottom:44px !important;}.pb45{padding-bottom:45px !important;}.pb46{padding-bottom:46px !important;}.pb47{padding-bottom:47px !important;}.pb48{padding-bottom:48px !important;}.pb49{padding-bottom:49px !important;}.pb50{padding-bottom:50px !important;}.pb51{padding-bottom:51px !important;}.pb52{padding-bottom:52px !important;}.pb53{padding-bottom:53px !important;}.pb54{padding-bottom:54px !important;}.pb55{padding-bottom:55px !important;}.pb56{padding-bottom:56px !important;}.pb57{padding-bottom:57px !important;}.pb58{padding-bottom:58px !important;}.pb59{padding-bottom:59px !important;}.pb60{padding-bottom:60px !important;}.pb61{padding-bottom:61px !important;}.pb62{padding-bottom:62px !important;}.pb63{padding-bottom:63px !important;}.pb64{padding-bottom:64px !important;}.pb65{padding-bottom:65px !important;}.pb66{padding-bottom:66px !important;}.pb67{padding-bottom:67px !important;}.pb68{padding-bottom:68px !important;}.pb69{padding-bottom:69px !important;}.pb70{padding-bottom:70px !important;}.pb71{padding-bottom:71px !important;}.pb72{padding-bottom:72px !important;}.pb73{padding-bottom:73px !important;}.pb74{padding-bottom:74px !important;}.pb75{padding-bottom:75px !important;}.pb76{padding-bottom:76px !important;}.pb77{padding-bottom:77px !important;}.pb78{padding-bottom:78px !important;}.pb79{padding-bottom:79px !important;}.pb80{padding-bottom:80px !important;}.pb81{padding-bottom:81px !important;}.pb82{padding-bottom:82px !important;}.pb83{padding-bottom:83px !important;}.pb84{padding-bottom:84px !important;}.pb85{padding-bottom:85px !important;}.pb86{padding-bottom:86px !important;}.pb87{padding-bottom:87px !important;}.pb88{padding-bottom:88px !important;}.pb89{padding-bottom:89px !important;}.pb90{padding-bottom:90px !important;}.pb91{padding-bottom:91px !important;}.pb92{padding-bottom:92px !important;}.pb93{padding-bottom:93px !important;}.pb94{padding-bottom:94px !important;}.pb95{padding-bottom:95px !important;}.pb96{padding-bottom:96px !important;}.pb97{padding-bottom:97px !important;}.pb98{padding-bottom:98px !important;}.pb99{padding-bottom:99px !important;}.pb100{padding-bottom:100px !important;}


.text_bold {
    font-weight: bold !important;
}

.text_blue {
    color: #0461a2 !important;
}

.text_red {
    color: #ff0000 !important;
}

.ta-l {
    text-align: left !important;
}

.ta-r {
    text-align: right !important;
}

.ta-c {
    text-align: center !important;
}

.ta-j {
    text-align: justify !important;
}

.text-bold {
    font-weight: bold !important;
}

/* header */
header {
    position: relative;
    z-index: 1000;
}

header h1 {
    width: 504px;
    position: absolute;
    left: 0;
    top: 34px;
    z-index: 10;
}

header h1 a {
    display: block;
	width: 505px;
    height: 48px;
    background: url("../images/logo_new.png") no-repeat top left;
    /*width: 504px;
    height: 56px;
    background: url("../images/logo.png") no-repeat top left;*/
    font-size: 0;
    text-indent: -99999px;
}

header .btn_openGnb {
    display: none;
}

/* util */
.util {
    width: 100%;
    height: 54px;
    position: absolute;
    left: 0;
    top: 37px;
    display: flex;
    justify-content: end;
    align-items: center;
    z-index: 1;
}

.util .boxSearch {
   /*  width: 330px; */
    height: 54px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    border: 1px solid #b1b1b1;
    border-radius: 27px;
}

.util .boxSearch .inputSearch {
    width: 230px;
    height: 54px;
    padding: 0 10px;
    flex: 1;
    border: 0;
    background: transparent;
    outline: none;
}

.util .boxSearch .inputSearch::placeholder {
    color: #6d6d6d;
}

.util .boxSearch .btnSearch {
    width: 46px;
    height: 54px;
    background: url("../images/btnSearch.png") center center no-repeat;
    background-size: 26px auto;
    font-size: 0;
    text-indent: -99999px;
    cursor: pointer;
}

.util .btnAllMenu {
    width: 45px;
    height: 54px;
    margin-left: 25px;
    background: url("../images/btnAllMenu.png") center center no-repeat;
    background-size: 35px auto;
    font-size: 0;
    text-indent: -99999px;
}

.util .mo {
    display: none;
}

.boxAllMenu {
    width: 100%;
    height: 935px;
    display: none;
    padding-top: 175px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/bgAllMenu.jpg") center center no-repeat;
    background-size: cover;
    text-align: center;
    z-index: 1000;
}

.boxAllMenu .depth01 {
    display: inline-block;
}

.boxAllMenu .depth01 > li {
    overflow: hidden;
}

.boxAllMenu .depth01 > li + li {
    margin-top: 75px;
}

.boxAllMenu .depth01 > li > a {
    width: 380px;
    float: left;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    text-align: left;
}

.boxAllMenu .depth01 > li .depth02 {
    margin-left: 380px;
    overflow: hidden;
}

.boxAllMenu .depth01 > li .depth02 > li {
    float: left;
}

.boxAllMenu .depth01 > li .depth02 > li + li {
    margin-left: 45px;
}

.boxAllMenu .depth01 > li .depth02 > li a {
    font-size: 24px;
    color: #fff;
}

.boxAllMenu .close {
    width: 48px;
    height: 48px;
    position: absolute;
    left: 50%;
    top: 40px;
    margin-left: 608px;
    background: url("../images/btnClose.png") center center no-repeat;
    background-size: 28px auto;
    font-size: 0;
    text-indent: -99999px;
}

#container {
    position: relative;
    z-index: 2;
}

/* gnb */
.menu {
    padding-top: 124px;
}

.menu:before {
    content: "";
    width: 100vw;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 124px;
    background: #b8b8b8;
    transform: translateX(-50%);
}

.menu .btn_openGnb {
    display: none;
}

.menu .gnb {
    display: flex;
    justify-content: space-between;
}

.menu .gnb > li {
    position: relative;
}

.menu .gnb > li.home {
    display: none;
}

.menu .gnb > li > a {
    display: block;
    position: relative;
    height: 80px;
    font-size: 24px;
    color: #6d6d6d;
    line-height: 80px;
    text-align: center;
    z-index: 10;
    font-weight: 600;
}

.menu .gnb > li > a:hover {
    color: #393cbe;
}

.menu .gnb .depth02 {
    display: none;
    position: absolute;
    top: 80px;
    left: 50%;
    padding: 26px 50px;
    background: #fff;
    z-index: 5;
    transform: translateX(-50%);
    border-top: 1px solid #3838bd;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.menu .gnb .depth02:after {
    content: "";
    width: 22px;
    height: 12px;
    position: absolute;
    left: 50%;
    top: 1px;
    margin-left: -11px;
    background: url("../images/bgEdge.png") center top no-repeat;
}

.menu .gnb .depth02 > li > a {
    display: block;
    font-size: 22px;
    color: #161616;
    line-height: 40px;
    white-space: nowrap;
    text-align: center;
    font-weight: 600;
}

.menu .gnb .depth02 > li > a:hover {
    color: #3c3cc0;
}

.btn_closeGnb {
    display: none;
}

/* footer */
footer {
    padding: 45px 0;
    position: relative;
    background: #efefef;
    z-index: 1;
}

footer .sub {
    display: block;
    margin-bottom: 35px;
    font-size: 16px;
    color: #767676;
}

footer .f_logo {
    float: left;
	width: 397px;
    height: 38px;
    background: url("../images/f_logo_new.png") center center no-repeat;
	/* width: 398px;
	    height: 46px;
	    background: url("../images/f_logo.png") center center no-repeat; */
    font-size: 0;
    text-indent: -99999px;
}

footer address {
    margin-left: 433px;
    font-size: 16px;
    color: #767676;
    line-height: 24px;
}

footer .boxLink {
    position: absolute;
    right: 0;
    top: 38px;
}

footer .boxLink a {
    width: 168px;
    height: 37px;
    display: block;
    background: #dbdbdb;
    font-size: 16px;
    color: #000;
    line-height: 37px;
    text-align: center;
    border-radius: 18px;
}

footer .boxLink a + a {
    margin-top: 12px;
}

footer .info {
    display: none;
}

/* main */
.mainVisual {
    height: 500px;
    position: relative;
    background: url("../images/bgMainSlogan.jpg") center center no-repeat;
    background-size: auto 100%;
    z-index: 1;
}

.mainVisual .mainSlogan {
    padding-top: 110px;
    font-size: 38px;
    color: #fff;
    text-align: center;
	line-height:1.5em;
}

.mainVisual .mainSlogan strong {
    display: block;
    font-size: 50px;
    font-weight: 700;
}

.mainVisual .mainSearch {
    width: 660px;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 45px auto 0;
    border-bottom: 2px solid #fff;
}

.mainVisual .mainSearch .input {
    width: 620px;
    height: 70px;
    background: transparent;
    border: 0;
    font-size: 50px;
    color: #fff;
    outline: none;
}

.mainSearch .search {
    width: 44px;
    height: 70px;
    background: url("../images/mainSearch.png") center center no-repeat;
    background-size: 100% auto;
    font-size: 0;
    text-indent: -99999px;
    cursor: pointer;
}

.searchResult {
    width: 100%;
    max-height: 326px;
    display: none;
    position: absolute;
    left: 0;
    top: 85px;
    background: #fff;
    box-shadow: 5px 5px 5px rgba(131, 131, 131, 0.7);
    overflow-y: auto;
    border-radius: 10px;
    text-align: left;
    z-index: 10;
}

.searchResult .title {
    height: 44px;
    display: block;
    padding: 0 25px;
    line-height: 44px;
    color: #8c8c8c;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
}

.boxResult .list li a {
    display: block;
    padding: 10px 30px 10px 27px;
}
.boxResult .list li:hover {
    background: #f1f1f1;
}
.boxResult .list li .main {
    padding-left: 46px;
    background: url("../images/iconSearch.png") left center no-repeat;
    color: #3b39c1;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 500;
}
.boxResult .list li .sub {
    padding-left: 46px;
    color: #8c8c8c;
    font-style: italic;
    font-size: 18px;
    line-height: 1.5;
}

.mainSection {
    position: relative;
}

.mainTop {
    padding: 60px 0;
}

.mainTop .boxCols {
    width: 400px;
    height: 340px;
    float: left;
    padding: 46px 50px 50px;
    position: relative;
    border-radius: 20px;
}

.mainTop .boxCols:nth-child(1) {
    background: #e4e8fa;
}

.mainTop .boxCols:nth-child(2) {
    background: #f0e9fa;
}

.mainTop .boxCols:nth-child(3) {
/*  background: #f1f1f1; */
    background:#5f8cff;
	padding:0;
}

.mainTop .boxCols + .boxCols {
    margin-left: 50px;
}

.mainTop .boxCols h3 {
    font-size: 26px;
    color: #000000;
    font-weight: 700;
}

.mainTop .boxCols p {
    display: block;
    margin-top: 25px;
    font-size: 20px;
    letter-spacing: -0.05em;
}

.mainTop .boxCols:nth-child(2) p span {
    color: #563393;
}

.mainTop .boxCols .btnLink {
    width: 300px;
    height: 54px;
    position: absolute;
    left: 50%;
    bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 27px;
    font-size: 18px;
    color: #fff;
    transform: translateX(-50%);
}

.mainTop .boxCols .btnLink:after {
    content: "";
    width: 14px;
    height: 14px;
    margin-left: 15px;
    background: url("../images/iconLink.png") center center no-repeat;
    background-size: 100% auto;
}

.mainTop .boxCols .btnLink.is--hospital {
    background: #393cbe;
}

.mainTop .boxCols .btnLink.is--hospital:before {
    content: "";
    width: 88px;
    height: 98px;
    position: absolute;
    right: 0;
    top: -43px;
    background: url("../images/imgHospital.png") no-repeat;
    background-size: 100% auto;
}

.mainTop .boxCols .btnLink.is--counsel {
    background: #563393;
}

.mainTop .boxCols .btnLink.is--counsel:before {
    content: "";
    width: 88px;
    height: 109px;
    position: absolute;
    right: 0;
    top: -44px;
    background: url("../images/imgCounsel.png") no-repeat;
    background-size: 100% auto;
}

.mainTop .boxCols .btnMore {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 62px;
    top: 46px;
    background: url("../images/btnMore.png") no-repeat;
    background-size: 100% auto;
    font-size: 0;
    text-indent: -99999px;
}

.mainTop .boxCols .listNotice {
    margin-top: 20px;
}

.mainTop .boxCols .listNotice li {
    position: relative;
    padding-left: 16px;
    letter-spacing: -0.05em;
}

.mainTop .boxCols .listNotice li:before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    background: #000;
    border-radius: 50%;
}

.mainTop .boxCols .listNotice a {
    display: block;
    font-size: 20px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 44px;
}

.mainDonation {
    height: 500px;
    position: relative;
    background: url("../images/bgDonation.jpg") center center no-repeat;
    background-size: auto 100%;
}

.mainDonation .inCont {
    width: 650px;
    padding-top: 90px;
    position: absolute;
    left: 50%;
    top: 0;
    text-align: center;
    color: #fff;
}

.mainDonation .inCont h4 {
    font-size: 46px;
    font-weight: 700;
	line-height:1.5em;
}

.mainDonation .inCont p {
    display: block;
    font-size: 26px;
}

.mainDonation .inCont .btnLink {
    width: 350px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 90px auto 0;
    border: 2px solid #fff;
    border-radius: 27px;
    font-size: 18px;
    color: #fff;
}

.mainDonation .inCont .btnLink:after {
    content: "";
    width: 14px;
    height: 14px;
    margin-left: 15px;
    background: url("../images/iconLink.png") center center no-repeat;
    background-size: 100% auto;
}

/* sub page */
/* contents */
section {
    background: #fff;
}

section .inner:after {
    content: "";
    clear: both;
    display: block;
}

section .left {
    position: relative;
    background: #393cbe;
}

section .right {
}

/* contents title */
.box_tit {
    height: 300px;
    background-position: center center;
}

.contents .left .home {
    width: 70px;
    height: 70px;
    float: left;
    background: #343434;
    line-height: 70px;
    text-align: center;
}

.contents .left .home img {
    vertical-align: middle;
}

.contents .left h2 {
    height: 70px;
    float: left;
    padding: 25px 35px;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
}

.contents .left .select_lnb {
    min-width: 230px;
    float: left;
    position: relative;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.contents .left .select_lnb > a {
    height: 70px;
    display: block;
    padding: 25px 30px 25px 35px;
    color: #fff;
    font-size: 20px;
    line-height: 1;
}

.contents .left .select_lnb > a:after {
    content: "";
    width: 16px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    background: url("../images/iconLnbArrow.png") no-repeat;
}

/* lnb */
.lnb {
    position: absolute;
    left: -1px;
    top: 70px;
    display: none;
    border: 1px solid #fff;
    background: #393cbe;
    z-index: 10;
}

.lnb > li {
    border-bottom: 1px solid #d5d5d5;
}

.lnb > li > a {
    position: relative;
    display: block;
    padding: 18px 42px;
    font-size: 20px;
    color: #fff;
    letter-spacing: -0.05em;
    font-weight: 300;
    white-space: nowrap;
}

/* contents */
.contents .right {
    padding-top: 75px;
    margin-bottom: 70px;
}

.contentsTop {
    position: relative;
}

.contentsTop h2 {
    position: relative;
    font-size: 54px;
    color: #242424;
    font-weight: 400;
    margin-bottom: 30px;
	/* height:54px; */
}

.contentsTop p {
    font-size: 24px;
    color: #7c7c7c;
}

.location {
    position: absolute;
    right: 0;
    bottom: 28px;
    display: block;
    color: #737373;
    font-size: 16px;
    letter-spacing: -0.05em;
}

.location img {
    display: inline-block;
    margin-bottom: 4px;
    vertical-align: middle;
}

.contWrap h3 {
    font-size: 60px;
    font-weight: 700;
    color: #2750c5;
    text-align: center;
}

.contWrap h4 {
    position: relative;
    padding-top: 30px;
    line-height: 1;
    font-size: 40px;
    color: #242424;
    font-weight: 600;
    margin-top: 40px;
}

.contWrap h4:before {
    content: "";
    width: 42px;
    height: 4px;
    position: absolute;
    left: 0;
    top: 0;
    background: #563393;
}

.contWrap h5 {
    margin-top: 40px;
    color: #563393;
    font-size: 30px;
    font-weight: 600;
}

.contWrap h6 {
    display: block;
    margin: 30px 0 10px;
    color: #242424;
    font-weight: 700;
    font-size: 22px;
}

.contWrap h6:before {
    content: "-";
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
}

.contWrap p {
    padding: 0 0;
    color: #333;
    font-size: 20px;
    line-height: 1.5em;
	font-family: "Pretendard Variable", Pretendard;
    margin-bottom:0;
}

.contWrap img {
    max-width: 100%;
}

.textCont {
    margin-top: 40px;
}

.textCont .cont {
    font-size: 20px;
    color: #242424;
    line-height: 1.6;
}

.textCont .cont h4 {
    position: relative;
    padding-top: 30px;
    line-height: 1;
    font-size: 40px;
    color: #242424;
    font-weight: 600;
    margin-top: 40px;
}

.textCont .cont h4:before {
    content: "";
    width: 42px;
    height: 4px;
    position: absolute;
    left: 0;
    top: 0;
    background: #563393;
}

.textCont .cont h5 {
    margin-top: 40px;
    color: #563393;
    font-size: 30px;
    font-weight: 600;
}

.textCont .cont h6 {
    display: block;
    margin: 30px 0 10px;
    color: #242424;
    font-weight: 700;
    font-size: 22px;
}

.textCont .cont h6:before {
    content: "-";
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
}

.textCont .cont h6.h6_2{ display:block; margin:30px 0 5px; color:#393cbe; font-weight:700; font-size:20px; }
.textCont .cont h6.h6_2:before { content:'∙'; margin-right:4px; display:inline-block; vertical-align:middle; }


.textCont .cont h4 + p {
    padding: 30px 0 10px 0;
    color: #333;
    font-size: 20px;
    line-height: 1.5em;
}

.textCont .cont p {
    padding: 10px 0;
    color: #333;
    font-size: 20px;
    line-height: 1.5em;
    margin: 0;
	letter-spacing:-0.03em;
}

.textCont .cont .cancer_img {
    display: block;
    margin: 10px auto;
    text-align: center;
    background: #fff;
    padding: 20px;
    border: 1px solid #d5d5d5;
}

.titleArea {
    margin: 30px 0 40px;
    position: relative;
}

.titleArea h3 {
    font-size: 60px;
    font-weight: 700;
    color: #2750c5;
    text-align: center;
}

.btn {
    margin-bottom: 60px;
}

.btn.left {
    padding: 0;
    margin: 0 0 20px;
    float: none;
    text-align: left;
}

.btn.center {
    text-align: center;
}

.btn.right {
    padding: 0;
    margin: 0 0 20px;
    float: none;
    text-align: right;
}

.btn a {
    display: inline-block;
    vertical-align: middle;
}

.pageLink {
    display: flex;
    align-items: flex-end;
    border-bottom: 2px solid #563393;
}

.pageLink a {
    flex: 1;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6d6d6;
    border-bottom: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #f1f1f1;
    font-size: 24px;
    color: #242424;
}

.pageLink a + a {
    margin-left: 6px;
}

.pageLink a.active {
    height: 74px;
    border-color: #563393;
    background-color: #563393;
    color: #fff;
}

.tabArea {
    margin-bottom: 80px;
}

.tabArea ul {
    padding: 0 50px;
    overflow: hidden;
    background: #f3ebfa;
}

.tabArea ul li {
    float: left;
    position: relative;
}

.tabArea ul li + li:before {
    content: "";
    width: 1px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    background: #cfacef;
}

.tabArea ul li a {
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    color: #242424;
    font-size: 24px;
    font-weight: 500;
}

.tabArea ul li.active a {
    color: #563393;
    font-weight: 700;
}

.tabCont {
    display: none;
}

.tabCont.active {
    display: block;
}

.tableBasic.pc {
    display: block;
}

.tableBasic.mo {
    display: none;
}

.tableBasic {
    width: 100%;
    border-top: 1px solid #cecece;
}

.tableBasic tr th {
    height: 58px;
    border-bottom: 1px solid #cecece;
    background: #f2f5ff;
    font-size: 17px;
    color: #000;
    vertical-align: middle;
}

.tableBasic tr td {
    height: 58px;
    padding: 0 30px;
    border-bottom: 1px solid #cecece;
    color: #000;
    font-size: 17px;
    vertical-align: middle;
}

.listBasic {
    margin-bottom: 45px;
}

.listBasic li {
    padding-left: 10px;
    margin-top: 10px;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    font-weight: 300;
}

.listBasic li:before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
}

.listBasic li:first-child {
    margin-top: 0;
}

.listBasic li span {
    color: #0f345f;
    font-weight: 700;
}

.listBasic li a {
    color: #0c74c5;
    text-decoration: underline;
}

.listBasic.type--line li:before {
    content: "-";
}

.searchHospital {
    margin-top: 40px;
    padding: 42px 0 42px 90px;
    background: #f3ebfa;
    border-bottom: 2px solid #563393;
}

.searchHospital:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
}

.searchHospital dl {
    float: left;
}

.searchHospital dl:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
}

.searchHospital dl + dl {
    margin-left: 130px;
}

.searchHospital dl dt {
    float: left;
    margin-right: 40px;
    font-size: 24px;
    font-weight: 500;
    line-height: 54px;
}

.searchHospital dl dd {
    float: left;
}

.searchHospital select {
    width: 170px;
    height: 54px;
    padding: 0 20px;
    background: url("../images/iconSelect.png") 130px center no-repeat #fff;
    background-size: 20px auto;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearence: none;
    font-size: 22px;
}

.searchHospital input[type="text"] {
    width: 570px;
    height: 54px;
    float: left;
    padding: 0 20px;
    font-size: 22px;
    border: 0;
}

.searchHospital input[type="text"]::placeholder {
    color: #6c6c6c;
}

.searchHospital .btnSearch {
    width: 54px;
    height: 54px;
    float: left;
    background: url("../images/btnSearch_wh.png") center center no-repeat #563393;
    background-size: 31px auto;
    font-size: 0;
    text-indent: -99999px;
    cursor: pointer;
}


.searchHospital .btnReset {
    width: auto;
    height: 54px;
    float: left;
    background: #b4b4b4;
    cursor: pointer;
    color: #fff;
    padding:0 10px;
    margin-left:5px;
}


.resultHospital {
    margin-top: 50px;
}

.resultHospital h5 {
    font-size: 34px;
}

.resultHospital h5 span {
    font-weight: 700;
    color: #563393;
}

.resultMap {
    margin-top: 50px;
    overflow: hidden;
}

.resultMap .mapArea {
    width: 386px;
    height: 636px;
    position: relative;
    float: left;
}

.resultMap .mapArea .mapList {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/map/all.png") no-repeat;
}

.resultMap .mapArea .mapList.map01 {
    background-image: url("../images/map/seoul.png");
}

.resultMap .mapArea .mapList.map02 {
    background-image: url("../images/map/incheon.png");
}

.resultMap .mapArea .mapList.map03 {
    background-image: url("../images/map/gyeonggi.png");
}

.resultMap .mapArea .mapList.map04 {
    background-image: url("../images/map/daejeon.png");
}

.resultMap .mapArea .mapList.map05 {
    background-image: url("../images/map/sejong.png");
}

.resultMap .mapArea .mapList.map06 {
    background-image: url("../images/map/chungbuk.png");
}

.resultMap .mapArea .mapList.map07 {
    background-image: url("../images/map/chungnam.png");
}

.resultMap .mapArea .mapList.map08 {
    background-image: url("../images/map/jeonbuk.png");
}

.resultMap .mapArea .mapList.map09 {
    background-image: url("../images/map/gwangju.png");
}

.resultMap .mapArea .mapList.map10 {
    background-image: url("../images/map/jeonnam.png");
}

.resultMap .mapArea .mapList.map11 {
    background-image: url("../images/map/daegu.png");
}

.resultMap .mapArea .mapList.map12 {
    background-image: url("../images/map/gyeongbuk.png");
}

.resultMap .mapArea .mapList.map13 {
    background-image: url("../images/map/busan.png");
}

.resultMap .mapArea .mapList.map14 {
    background-image: url("../images/map/gyeongnam.png");
}

.resultMap .mapArea .mapList.map15 {
    background-image: url("../images/map/gangwon.png");
}

.resultMap .mapArea .mapList.map16 {
    background-image: url("../images/map/ulsan.png");
}

.resultMap .mapArea .mapList.map17 {
    background-image: url("../images/map/jeju.png");
}

.resultMap .mapArea .mapList li {
    position: absolute;
    cursor: pointer;
}

.resultMap .mapArea .mapList li#map01 {
    width: 28px;
    height: 18px;
    left: 99px;
    top: 134px;
}

.resultMap .mapArea .mapList li#map02 {
    width: 20px;
    height: 20px;
    left: 72px;
    top: 142px;
}

.resultMap .mapArea .mapList li#map03 {
    width: 50px;
    height: 26px;
    left: 115px;
    top: 173px;
}

.resultMap .mapArea .mapList li#map04 {
    width: 24px;
    height: 20px;
    left: 144px;
    top: 287px;
}

.resultMap .mapArea .mapList li#map05 {
    width: 24px;
    height: 20px;
    left: 132px;
    top: 262px;
}

.resultMap .mapArea .mapList li#map06 {
    width: 60px;
    height: 26px;
    left: 160px;
    top: 224px;
}

.resultMap .mapArea .mapList li#map07 {
    width: 60px;
    height: 26px;
    left: 72px;
    top: 274px;
}

.resultMap .mapArea .mapList li#map08 {
    width: 60px;
    height: 26px;
    left: 102px;
    top: 371px;
}

.resultMap .mapArea .mapList li#map09 {
    width: 24px;
    height: 20px;
    left: 87px;
    top: 437px;
}

.resultMap .mapArea .mapList li#map10 {
    width: 60px;
    height: 26px;
    left: 88px;
    top: 472px;
}

.resultMap .mapArea .mapList li#map11 {
    width: 28px;
    height: 20px;
    left: 268px;
    top: 346px;
}

.resultMap .mapArea .mapList li#map12 {
    width: 60px;
    height: 26px;
    left: 266px;
    top: 267px;
}

.resultMap .mapArea .mapList li#map13 {
    width: 24px;
    height: 20px;
    left: 321px;
    top: 432px;
}

.resultMap .mapArea .mapList li#map14 {
    width: 60px;
    height: 26px;
    left: 214px;
    top: 416px;
}

.resultMap .mapArea .mapList li#map15 {
    width: 50px;
    height: 26px;
    left: 222px;
    top: 116px;
}

.resultMap .mapArea .mapList li#map16 {
    width: 28px;
    height: 20px;
    left: 331px;
    top: 385px;
}

.resultMap .mapArea .mapList li#map17 {
    width: 60px;
    height: 26px;
    left: 75px;
    top: 601px;
}

.resultMap .mapArea .mapList li a {
    display: block;
    background: rgba(255, 255, 255, 0);
    font-size: 0;
    text-indent: -99999px;
}

.resultArea {
    margin-left: 405px;
}

.resultArea table {
    width: 100%;
}

.resultArea table thead tr th {
    height: 60px;
    padding: 0 10px;
    background: #f4f4ff;
    border-top: 2px solid #393cbe;
    border-bottom: 1px solid #969696;
    font-size: 20px;
    color: #393cbe;
    font-weight: 600;
    vertical-align: middle;
}

.resultArea table thead tr th img {
    vertical-align: middle;
}

.resultArea table tbody tr td {
    padding: 14px 10px;
    border-bottom: 1px solid #969696;
    vertical-align: middle;
    font-size: 18px;
    /* font-weight: 500; */
    color: #242424;
}

.resultArea .linkHospital {
    width: 44px;
    height: 44px;
    display: inline-block;
    background: url("../images/hosLocation_wh.png") center center no-repeat #393cbe;
    background-size: 16px auto;
    border-radius: 8px;
    font-size: 0;
    text-indent: -99999px;
    vertical-align: middle;
}

.listPage {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.listPage li + li {
    margin-left: 12px;
}

.listPage li a {
    width: 31px;
    height: 31px;
    display: block;
    font-size: 20px;
    color: #242424;
    text-align: center;
}

.listPage li a.active {
    color: #393cbe;
}

.listPage li a.prev,
.listPage li a.next {
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0;
    text-indent: -99999px;
}

.listPage li a.prev {
    background-image: url("../images/btnPrev.png");
}

.listPage li a.prev.is--last {
    background-image: url("../images/btnPrev_off.png");
}

.listPage li a.next {
    background-image: url("../images/btnNext.png");
}

.listPage li a.next.is--last {
    background-image: url("../images/btnNext_off.png");
}

.contBottom {
    margin-top: 100px;
    position: relative;
    padding: 40px 0;
    border-top: 1px solid #343434;
}

.contBottom .info {
    font-size: 20px;
    color: #242424;
    letter-spacing: -0.03em;
}

.linkCancer {
    width: 277px;
    height: 53px;
    position: absolute;
    right: 0;
    top: 50%;
    background: #343434;
    border-radius: 27px;
    transform: translateY(-50%);
    line-height: 53px;
    color: #fff;
    font-size: 22px;
    text-align: center;
}

.linkCancer:before {
    content: "";
    width: 16px;
    height: 14px;
    margin-right: 14px;
    display: inline-block;
    background: url("../images/iconCancer.png") center center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}

/* 이후 추가 */
div.tableBox {
    display: block;
    background: #fff;
    padding: 20px;
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    margin: 10px 0;
}

.tableCancer {
    table-layout: fixed;
    margin-bottom: 15px;
    width: 100%;
}

.tableCancer tbody {
    border-top: 2px solid #111;
    border-bottom: 1px solid #252525;
}

.tableCancer th {
    display: table-cell;
    padding: 7px 1em;
    font-size: 15px;
    color: #000;
    border: 1px solid #bebebe;
    background: #f8f8f8;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}

.tableCancer th.tit1 {
    padding: 7px 1em;
    font-size: 15px;
    color: #000;
    border: 1px solid #bebebe;
    background: #efefef;
    font-weight: bold;
    vertical-align: middle;
}

.tableCancer td {
    padding: 7px 1em 10px;
    font-size: 15px;
    color: #111;
    border: 1px solid #bebebe;
    text-align: center;
}
.tableCancer thead {
    border-top: 2px solid #111;
    border-bottom: 1px solid #111;
}
.tableCancer tr:first-child th,
.tableCancer tr:first-child td {
    border-top: 0;
}

.tableCancer caption {
    font-weight: 500;
    padding: 10px;
    color: #000;
}

.pc {
    display: block;
}

.mobile {
    display: none;
}

ul.number {
    margin-left: 30px;
}

ul.number li {
    padding-left: 0;
    list-style: decimal;
}

ul.disc {
    margin-left: 30px;
}

ul.disc li {
    padding-left: 0;
    list-style: disc;
}

ul.circle {
    margin-left: 30px;
}

ul.circle li {
    padding-left: 0;
    list-style: circle;
}

ul.lower-roman {
    margin-left: 30px;
}

ul.lower-roman li {
    padding-left: 0;
    list-style: lower-roman;
}

ul.alpha {
    margin-left: 30px;
}

ul.alpha li {
    padding-left: 0;
    list-style: upper-alpha;
}

.boxgray {
    border-radius: 8px;
    background: #f5f5f5;
    padding: 20px;
}

.Cancer_Search_Box {
    display: block;
    width: 100%;
    padding: 30px 10px 20px 10px;
    background: #f3ebfa;
    text-align: center;
    margin: 70px 0 0 0;
    min-height: 194px;
}

.Cancer_Search_Box img {
    padding-top: 10px;
    display: inline-block;
}

.Cancer_Search_Box .right_Box {
    display: inline-block;
    padding: 0 10px;
}

.Cancer_Search_Box p.guide {
    font-size: 34px;
    color: #553392;
    font-weight: 700;
    line-height: 1.2em;
    padding: 20px 0 5px 20px;
    text-align: left;
}

.Cancer_Search_Box p.guide2 {
    font-size: 24px;
    color: #553392;
    font-weight: 500;
    line-height: 1.2em;
    margin-top: 50px;
    text-align: left;
}

.Cancer_Search_Box p.guide_sub {
    font-size: 24px;
    color: #242424;
    font-weight: 600;
    line-height: 1em;
    text-align: left;
    padding: 5px 0 5px 20px;
}

.Cancer_Search_Box .subSearch {
    width: 600px;
    display: flex;
    justify-content: space-between;
    margin: 10px auto 20px;
    position: relative;
}

.Cancer_Search_Box .subSearch .input {
    width: 550px;
    height: 54px;
    background: #fff;
    border: 0;
    font-size: 20px;
    color: #6c6c6c;
    outline: none;
    border: 1px solid #c4c4c4;
}

.Cancer_Search_Box .subSearch .input[type="text"]::placeholder {
    color: #bbb;
    font-size: 17px;
}

.Cancer_Search_Box .subSearch .search {
    width: 54px;
    height: 54px;
    background: #563292 url("../images/btnSearch2.png") center center no-repeat;
    font-size: 0px;
    text-indent: -99999px;
    cursor: pointer;
}

.Cancer_Search_Box .subSearch .searchResult {
    top: 60px;
}

.view_cancer {
    background: #393cbf;
    border-radius: 10px;
    padding: 5px 20px;
    color: #fff;
    text-align: center;
}

.tableBasic2.pc {
    display: block;
}

.tableBasic2.mo {
    display: none;
}

.tableBasic2 {
    table-layout: fixed;
    width: 100%;
    border-top: 2px solid #393cbf;
}

.tableBasic2 tr th {
    height: 58px;
    border-bottom: 1px solid #969696;
    background: #f4f4ff;
    font-size: 21px;
    color: #3a3dc0;
    vertical-align: middle;
}

.tableBasic2 tr td {
    height: 58px;
    padding: 0 30px;
    border-bottom: 1px solid #969696;
    color: #242424;
    font-size: 17px;
    vertical-align: middle;
}

#cancerList {
    margin-top: 35px;
}

#cancerList ul {
    position: relative;
}

#cancerList ul li {
    float: left;
    display: inline-block;
    width: 25%;
    border: 1px solid #ccc;
    margin-bottom: -1px;
    margin-left: -1px;
}

#cancerList ul li a {
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #242424;
}

#cancerList ul li a:hover {
    font-weight: bold;
    color: #393cbd;
    background-color: #f4f4ff;
}

#cancerList ul li a .name {
    display: inline-block;
    margin-left: 20px;
    font-size: 1em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#cancerList ul li a .arrow {
    float: right;
    width: 50px;
    height: 100%;
    font-size: 0;
    background-image: url("../images/icons/cancer_list_arrow.png");
}

#cancerList ul li a:hover .arrow {
    background-image: url("../images/cancer_list_arrow.png");
    background-position: center;
    background-repeat: no-repeat;
}

/* #cancerList ul li:not(:nth-child(4n+1)) a {	border-left: none; } */
/* #cancerList ul li:nth-child(n+1) a {border-left: none;} */

.goto_hospital {
    display: inline-block;
    background: #563292 url("../images/hospital_arrow2.png") no-repeat 96% 50%;
    padding: 25px 70px;
    font-size: 34px;
    font-weight: 600;
    color: #fff;
    line-height: 30px;
    text-align: center;
    border-radius: 50px;
}

.goto_hospital:before {
    content: "";
    background: url("../images/hospital_doctor.png") no-repeat 50% 20px;
}

.trial1 {
    display: block;
    background: #2750c4;
    padding: 30px 60px;
    width: 100%;
    height: auto;
    margin-top: 30px;
    border-radius: 10px;
}

.trial1 .trial_left {
    display: block;
    float: left;
    width: 80%;
}

.trial1 .trial_left span.title {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}

.trial1 .trial_left span.trial_url a {
    font-size: 23px;
    font-weight: 600;
    color: #84befe;
    line-height: 2em;
}

.trial1 .trial_left p.trial_exp {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.trial1 .trial_right {
    float: left;
    width: 20%;
    padding-top: 20px;
}

.trial1 .trial_right a {
    display: inline-block;
    padding: 10px 20px;
    background: #fff;
    color: #242424;
    font-size: 20px;
    font-weight: 500;
    border-radius: 10px;
    text-align: center;
}

.trial2 {
    display: block;
    background: #563292;
    padding: 30px 60px;
    width: 100%;
    height: auto;
    margin-top: 30px;
    border-radius: 10px;
}

.trial2 .trial_left {
    display: block;
    float: left;
    width: 80%;
}

.trial2 .trial_left span.title {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}

.trial2 .trial_left span.trial_url a {
    font-size: 23px;
    font-weight: 600;
    color: #bb9af3;
    line-height: 2em;
}

.trial2 .trial_left p.trial_exp {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.trial2 .trial_right {
    float: left;
    width: 20%;
    padding-top: 20px;
}

.trial2 .trial_right a {
    display: inline-block;
    padding: 10px 20px;
    background: #fff;
    color: #242424;
    font-size: 20px;
    font-weight: 500;
    border-radius: 10px;
    text-align: center;
}

/* table - common */
.tbl {
    font-size: 16px;
}

.tbl th {
    border-bottom: 1px solid #d0d0d0;
    background: #f5f5f5;
    font-weight: 400;
}

.tbl td {
    border-bottom: 1px solid #d0d0d0;
}

.tbl a {
    color: #2f2f2f;
}

.tbl .nodata {
    text-align: center;
}

/* table - list */
.tbl_list {
    table-layout: fixed;
}

.tbl_list th {
    padding: 15px 0;
    border-top: 1px solid #d0d0d0;
    font-size: 15px;
}

.tbl_list td {
    padding: 18px 0;
    text-align: center;
    vertical-align: middle;
}

.tbl_list .tit {
    text-align: left;
}

.tbl_list .tit a {
    display: inline-block;
    max-width: 100%;
    color: #2f2f2f;
}

.tbl_list .tit a.ellipsis {
    max-width: 90%;
}

.tbl_list .btn_admin a {
    display: inline-block;
    line-height: 1;
}

.tbl_list .btn_admin a + a {
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #989898;
}

.tbl_list .link {
    color: #007ed6;
    text-decoration: underline;
}

.ico_notice {
    display: inline-block;
    padding: 2px 5px 3px 5px;
    border-radius: 3px;
    background: #fa610e;
    font-size: 13px;
    color: #fff;
    letter-spacing: -0.03em;
    line-height: 1;
    font-weight: 400;
}

.board_count {
    margin-bottom: 15px;
    font-size: 15px;
    letter-spacing: -0.01em;
}

/* table - view */
.tbl_view {
    table-layout: fixed;
}

.tbl_view th {
    padding: 15px 20px;
    border-top: 1px solid #757575;
    text-align: left;
    font-size: 14px;
    color: #9e9e9e;
    min-width: 100%;
}

.tbl_view th strong {
    display: block;
    margin-bottom: 10px;
    font-size: 17px;
    color: #2f2f2f;
}

.tbl_view td {
    padding: 20px;
    text-align: left;
    font-size: 16px;
    line-height: 150%;
    overflow: auto;
}

.tbl_view td img {
    overflow: auto;
}

.tbl_view .box_editor {
    width: 100%;
    height: auto;
    padding: 20px;
}

.tbl_view .files {
    padding: 15px 20px;
}

.tbl_view .files a {
    color: #2f2f2f;
}

.tbl_view .files .file {
    color: #2f2f2f;
}

.tbl_view .files .file:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 13px;
    margin-left: 5px;
    background: url(../images/sprites.png) no-repeat -140px -80px;
    vertical-align: middle;
}

/* table - write */
.tbl_write {
    table-layout: fixed;
    border-top: 1px solid #757575;
}

.tbl_write th {
    padding: 15px 3px;
    border-bottom: 1px solid #d0d0d0;
    vertical-align: middle;
    background: #f5f5f5;
    font-weight: 400;
}

.tbl_write th.title {
    width: 100%;
    padding: 15px 5px;
    border-bottom: 1px solid #d0d0d0;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

.tbl_write td {
    padding: 5px 10px;
    border-bottom: 1px solid #d0d0d0;
    vertical-align: middle;
}

.tbl_write td select,
.tbl_write td input[type="text"],
.tbl_write td input[type="password"] {
    height: 37px;
    font-size: 14px;
}

.tbl_write .addFile th,
.tbl_write .addFile td {
    border-top: 1px solid #757575;
}

.tbl_write .box_editor {
    padding: 20px 0;
}

.tbl_write .innerTable {
    padding: 0;
}

.tbl_write .innerTable table {
    border-top: 0;
}

.tbl_write .innerTable table th,
.tbl_write .innerTable table td {
    border-bottom: 0;
    border-top: 1px solid #d0d0d0;
}

.tbl_write .innerTable tr:first-child th,
.tbl_write .innerTable tr:first-child td {
    border-top: 0;
}

.tbl_write .innerTable .btn {
    height: 30px;
    line-height: 30px;
}

.tbl_write .innerTable input[type="radio"] + label {
    margin: 0 10px 0 5px;
}

.tbl_write .innerTable span {
    display: inline-block;
    vertical-align: middle;
}

.tbl_write td.tdtitle {
    background: #f4f4f4;
    border-top: 1px solid #757575;
    text-align: center;
    padding: 10px;
}

.addFile {
    overflow: hidden;
}

.addFile .files {
    float: left;
    width: 90%;
    padding: 30px 0;
    border: 1px solid #d0d0d0;
    font-size: 14px;
    color: #9d9d9d;
    text-align: center;
}

.addFile .btn_del_file {
    display: inline-block;
    float: left;
    width: 10%;
    padding: 30px 0;
    border: 1px solid #d0d0d0;
    background: #f9f9f9;
    font-size: 14px;
    color: #2f2f2f;
    text-align: center;
}

.addFile .files + .btn_del_file {
    border-left: 0;
}

.chk_onoff {
    display: inline-block;
    position: relative;
}

.chk_onoff input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.chk_onoff label {
    display: inline-block;
    position: relative;
    width: 75px;
    height: 26px;
    padding: 2px;
    border: 1px solid #d0d0d0;
    border-radius: 20px;
    z-index: 1;
}

.chk_onoff label:before {
    content: "ON";
    display: inline-block;
    width: 30px;
    margin-left: 0;
    line-height: 20px;
    font-size: 11px;
    color: #929292;
    letter-spacing: -0.05em;
    font-weight: bold;
    text-align: center;
}

.chk_onoff label:after {
    content: "OFF";
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 31px;
    width: 40px;
    height: 20px;
    border-radius: 20px;
    background: #2b2b2b;
    color: #fff;
    font-weight: bold;
    letter-spacing: -0.05em;
    text-align: center;
    font-size: 11px;
    line-height: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.chk_onoff input:checked + label:after {
    content: "ON";
    left: 2px;
    background: #fa610e;
}

.chk_onoff input:checked + label:before {
    content: "OFF";
    margin-left: 37px;
}

/* table - standard */
.tbl_fix {
    table-layout: fixed;
    border-top: 1px solid #757575;
    font-size: 14px;
}

.tbl_fix th {
    padding: 15px 0;
    border-bottom: 1px solid #d0d0d0;
    vertical-align: middle;
    background: #f5f5f5;
}

.tbl_fix td {
    padding: 5px 10px;
    border-bottom: 1px solid #d0d0d0;
    vertical-align: middle;
}

.tbl_fix td select,
.tbl_fix td input[type="text"],
.tbl_fix td input[type="password"] {
    height: 37px;
    font-size: 14px;
}

.tbl_fix .addFile th,
.tbl_fix .addFile td {
    border-top: 1px solid #757575;
}

.tbl_fix .box_editor {
    padding: 20px 0;
}

/* paging */
.pagingWrap1 {
    margin-top: 30px;
    text-align: center;
}

.paging1 {
    display: inline-block;
    overflow: hidden;
}

.paging1 a {
    display: inline-block;
    float: left;
    width: 33px;
    height: 33px;
    border: 1px solid #ddd;
    font-size: 15px;
    color: #404040;
    text-align: center;
    line-height: 33px;
}

.paging1 .is-selected {
    border: 1px solid #356db6;
    color: #356db6;
}

.paging1 a img {
    margin-top: 13px;
}

.paging1 a + a,
.paging1 span a,
.paging1 span + a {
    border-left: 0;
}

/* table vod- list */
.tbl_vod_list {
    table-layout: fixed;
}

.tbl_vod_list th {
    padding: 15px 0;
    border-top: 1px solid #d0d0d0;
    font-size: 15px;
}

.tbl_vod_list td {
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
}

.tbl_vod_list .tit {
    text-align: left;
    padding: 5px;
}

.tbl_vod_list .tit a {
    display: inline-block;
    max-width: 100%;
    color: #2f2f2f;
}

.tbl_vod_list .tit a.ellipsis {
    max-width: 90%;
}

.tbl_vod_list .btn_admin a {
    display: inline-block;
    line-height: 1;
}

.tbl_vod_list .btn_admin a + a {
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #989898;
}

.tbl_vod_list .link {
    color: #007ed6;
    text-decoration: underline;
}

.ico_notice {
    display: inline-block;
    padding: 2px 5px 3px 5px;
    border-radius: 3px;
    background: #fa610e;
    font-size: 13px;
    color: #fff;
    letter-spacing: -0.03em;
    line-height: 1;
    font-weight: 400;
}

/* button */
.btn1 {
    display: inline-block;
    width: 70px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    text-align: center;
}

.btn2 {
    display: inline-block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-size: 17px;
    text-align: center;
}

.btn90 {
    display: inline-block;
    width: 90px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    text-align: center;
}

.btn_blue1 {
    background: #393cbe;
    color: #fff !important;
}

.btn_green1 {
    background: #e50015;
    color: #fff !important;
}

.btn_gray1 {
    background: #b4b4b4;
    color: #fff !important;
}

.btn_gray_sm1 {
    height: 25px;
    line-height: 25px;
    background: #797979;
    color: #fff !important;
}

.btn_black1 {
    background: #424242;
    color: #fff !important;
}

.btn_red2 {
    background: #921616;
    color: #fff;
}

.btn_red1 {
    border: 1px solid #fa610e;
    background: #fff2f6;
    color: #303030 !important;
}

.btnArea1 {
    margin-top: 30px;
    text-align: right;
}

.btnArea1 .btn + .btn {
    margin-left: 10px;
}

.btnArea1.center {
    text-align: center;
}

.btnArea1.center .btn {
    width: 150px;
}

.btnArea1.center .btn + .btn {
    margin-left: 20px;
}

.btnPaging1 {
    float: right;
    margin-top: 30px;
}

.black {
    background: #424242;
    color: #fff !important;
}

/* 검색 */
.box_search {
    float: right;
    margin-bottom: 15px;
    overflow: hidden;
}

.box_search:after {
    content: "";
    display: block;
    clear: both;
}

.box_search input {
    float: left;
    width: 200px;
    height: 40px;
}

.box_search a {
    float: left;
}

.box_search + .board_count {
    float: left;
    margin: 15px 0 0 0;
}

/* 댓글 */
.box_reply .id {
    display: inline-block;
    min-width: 200px;
    margin-bottom: 10px;
    padding: 10px 15px;
    border: 1px solid #d0d0d0;
    background: #f9f9f9;
    font-size: 14px;
    color: #9d9d9d;
}

.box_reply .box_write {
    position: relative;
    padding-right: 90px;
}

.box_reply .box_write textarea {
    width: 100%;
    height: 60px;
    font-size: 14px;
    line-height: 120%;
}

.box_reply .box_write button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 60px;
    border: 1px solid #d0d0d0;
    border-left: 0;
    background: #f9f9f9;
    text-align: center;
    font-size: 15px;
    line-height: 60px;
    color: #2f2f2f;
}

.box_reply .box_write a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 60px;
    border: 1px solid #d0d0d0;
    border-left: 0;
    background: #f9f9f9;
    text-align: center;
    font-size: 15px;
    line-height: 60px;
    color: #2f2f2f;
}

.tbl_reply {
    margin-top: 20px;
}

.tbl_reply td {
    padding: 20px 0;
    border-bottom: 1px solid #d0d0d0;
}

.tbl_reply .userImage {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-position: -320px -130px;
}

.tbl_reply .reply {
    position: relative;
    padding-top: 30px;
    padding-right: 80px;
}

.tbl_reply .reply strong {
    font-size: 15px;
    color: #356db6;
}

.tbl_reply .reply p {
    font-size: 14px;
}

.tbl_reply .btns {
    position: absolute;
    top: 50px;
    right: 0;
    width: 80px;
    text-align: center;
}

.tbl_reply .btns a {
    display: inline-block;
    width: 14px;
    height: 16px;
}

.tbl_reply .btns a + a {
    margin-left: 10px;
}

.tbl_reply .btn_modify {
    background-position: -180px -80px;
}

.tbl_reply .btn_del {
    background-position: -160px -80px;
}

.vod_list {
    float: left;
    display: block;
    width: 400px;
    height: 330px;
    box-sizing: border-box;
    border: 1px solid #d5d5d5;
    padding: 35px;
    margin: 0 50px 25px 0;
    border-radius: 10px;
}

.vod_list a {
    display: inline-block;
    width: 100%;
}

.vod_list a .list_box .tit_txt {
    display: block;
}

.vod_list a .list_box .tit_txt .vod_category {
    display: inline-block;
    background: #563292;
    color: #fff;
    font-size: 16px;
    letter-spacing: -0.01em;
    line-height: 1.3em;
    font-weight: 400;
    border-radius: 20px;
    padding: 5px 15px;
}

.vod_list a .list_box .tit_txt .vod_title {
    color: #333;
    font-size: 17px;
    font-weight: 400;
    margin: 0;
}

.vod_list a .list_box img {
    object-fit: cover;
    width: 337px;
    height: 188px;
    border: 1px solid #ccc;
}

.vod_list:nth-child(3n + 2) {
    margin-right: 0;
}

.vod_list .admin_btn {
    text-align: right;
}

.vod_list .admin_btn .btn_modify1 {
    background-position: -180px -80px;
    width: 14px;
    height: 16px;
}

.vod_list .admin_btn .btn_delete1 {
    background-position: -160px -80px;
    width: 14px;
    height: 16px;
}

/* 회원가입 약관동의 */
.box_terms {
    border: 1px solid #d0d0d0;
    height: 275px;
    padding: 20px;
    margin-top: 50px;
}

.box_terms pre {
    height: 180px;
    padding: 30px;
    border-bottom: 1px solid #d0d0d0;
    background: #f7f7f7;
    font-size: 18px;
    /*15px*/
    color: #454545;
    overflow-y: auto;
    white-space: pre-wrap;
    line-height: 170%;
}

.box_terms p {
    font-size: 18px;
    color: #666;
}

.box_terms dt {
    display: block;
    padding: 20px 0;
    text-align: left;
    font-size: 18px;
    color: #666;
}

.box_terms > dl > dt:first-child {
    margin-top: 0 !important;
}

.box_terms > dl > dt {
    font-weight: 600;
    font-size: 18px;
    color: #666;
}

.box_terms > dl > dd {
    font-weight: 400;
    font-size: 18px;
    color: #666;
}

.box_terms {
    overflow-x: hidden;
    overflow-y: auto;
}

.box_terms::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    background-color: #e9e9e9;
}

.box_terms::-webkit-scrollbar-track {
    background-color: #d6d6d6;
}

.box_terms::-webkit-scrollbar-thumb {
    background-color: #63697f;
}

.agreechk {
    display: inline-block;
    width: 100%;
    padding: 20px 10px;
    text-align: center;
    font-size: 20px;
}

.Self_guide {
    background: #343434;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 15px 10px;
}

.Self_cert {
    position: relative;
    top: 0;
    left: 0;
    width: 535px;
    margin: 60px auto 20px;
    text-align: left;
}

.Self_cert span {
    display: block;
}

.Self_cert span + span {
    margin-top: 10px;
}

.Self_cert label {
    display: inline-block;
    width: 130px;
    vertical-align: middle;
    font-size: 22px;
}

.Self_cert input {
    width: 200px;
    height: 40px;
    border: 1px solid #d0d0d0;
}

.Self_cert button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 100%;
    background: #f0f0f0;
    color: #242424;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    border: 1px solid #c4c4c4;
}

.Self_cert input[type="text"]::placeholder {
    color: #a0a0a0;
}

p.Self_cert_ok {
    color: #393cbe;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
}

button.btn_counsel {
    padding: 15px 90px;
    background: #393cbe;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    border-radius: 30px;
}

/* 검색 */
.box_search {
    float: right;
    margin-bottom: 15px;
    overflow: hidden;
}

.box_search:after {
    content: "";
    display: block;
    clear: both;
}

.box_search input {
    float: left;
    width: 200px;
    height: 40px;
}

.box_search a {
    float: left;
}

.box_search + .board_count {
    float: left;
    margin: 15px 0 0 0;
}


.Story_List {}
.Story_List li {border:1px solid #c4c4c4;margin-bottom:60px;height:380px}
.Story_List li a.thumb {display:inline-block;width:470px;}
.Story_List li a.thumb img {display:inline-block;height: 378px; width: 460px;}
.Story_List li div.text_area  {display:inline-block;width:calc(100% - 530px);height:378px;}
.Story_List li div.text_area  a.txt {}
 
.Story_List li div.text_area  a.txt span.category {display:inline-block;background:#f4f4ff;color:#393cbe;font-size:17px;font-weight:500;padding:5px 10px;border-radius:10px;margin:60px 0 0 50px;}
.Story_List li div.text_area  a.txt span.tit {display:block; height:80px; font-size:40px;color:#242424;font-weight:600;padding:10px 5px 25px 50px;white-space: nowrap;  overflow:hidden;text-overflow:ellipsis; }
.Story_List li div.text_area  a.txt span.con {display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;height:90px;font-size:20px;padding:0px 0 50px 50px;color:#242424;overflow:hidden;text-overflow:ellipsis;   }

.Story_List li div.text_area  a.btn_story {position:relative;left:470px;top:20px;display:inline-block;width:280px;height:60px;text-align: center;line-height: 55px;background:#fff;border:2px solid #393cbe;color:#393cbe;font-size:22px;font-weight:600;border-radius:30px;}
.Story_List li div.text_area  a.btn_story:hover {position:relative;left:470px;bottom:20px;display:inline-block;width:280px;height:60px;text-align: center;line-height: 55px;background:#393cbe;color:#fff;font-size:22px;font-weight:600;border-radius:30px;}


.Story_view {
    width: 100%;
    padding-top: 70px;
}

.Story_view .story_tit {
    display: block;
    padding: 20px;
    background: #f4f4ff;
    border-bottom: 1px solid #bbb;
	border-top: 1px solid #333;
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    color: #242424;
}

.Story_view .story_by {
    display: block;
    background: #f4f4ff;
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    color: #555;
	padding: 10px 0 0 0;
    margin: 0;
}


.Story_view .story_con {
    display: block;
    padding: 20px;
    background: #fff;
    border-bottom: 1px solid #393cbe;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    color: #242424;
}

.bbs_navi {
    background: #f5f5f5;
    border-top: 1px solid #d0d0d0;
    padding: 10px;
    margin: 0;
}

.bbs_navi span.navi_1 {
    font-size: 16px;
    display: inline-block;
    width: 10%;
    color: #242424;
    text-align: center;
}

.bbs_navi span.tit a {
    font-size: 16px;
    display: inline-block;
    width: 85%;
    color: #242424;
    text-align: left;
    /* padding-left: 20px; */
}

.bbs_navi span.tit  {
    font-size: 16px;
    display: inline-block;
    width: 85%;
    color: #242424;
    text-align: left;
    /* padding-left: 20px; */
}

/* login */
.login {
    padding: 60px 0;
    border: 10px solid #f3f3f3;
    text-align: center;
}

.login p {
    width: 650px;
    margin: 0 auto;
    color: #1a254c;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
}

.login p strong {
    display: inline-block;
    font-size: 50px;
    vertical-align: middle;
}

.login p strong img {
    margin-right: 15px;
    vertical-align: baseline;
}

.login p span {
    display: inline-block;
    margin-top: 20px;
    vertical-align: middle;
}

.login + p {
    margin-top: 20px;
    font-size: 15px;
    text-align: center;
}

.login .inputBox {
    position: relative;
    top: 0;
    left: 0;
    width: 535px;
    margin: 30px auto;
    text-align: left;
}

.login .inputBox span {
    display: block;
}

.login .inputBox span + span {
    margin-top: 10px;
}

.login .inputBox label {
    display: inline-block;
    width: 75px;
    vertical-align: middle;
    font-size: 16px;
}

.login .inputBox input {
    width: 300px;
    height: 40px;
    border: 1px solid #d0d0d0;
}

.login .inputBox button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 100%;
    background: #1a254c;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 90px;
}

.btn_border1 {
    width: 160px;
    border: 1px solid #303030;
    color: #303030;
}

.hospital_red {
    background: url(../images/icon_mark1.png) no-repeat 0 8px;
    color: #ff0000 !important;
    font-weight: 500;
    font-size: 16px !important;
    padding: 5px 20px !important;
    display: inline-block;
}

div.donation {
    background: url(../images/donation_info_bg.png) no-repeat 100% 0;
    width: 100%;
}
div.donation p {
    color: #242424;
    font-size: 20px;
    line-height: 1.5em;
	letter-spacing:-0.04em;
}
div.donation p span.emp {
    font-weight: 600;
    color: #393cbe;
    font-size: 20px;
    line-height: 1.5em;
}
div.donation .donation_number {
    background: #eaebff;
    padding: 20px 30px;
    border-radius: 20px;
    display: inline-block;
}
div.donation .donation_number p {
    font-size: 24px;
    font-weight: 600;
    color: #393cbe;
    padding: 5px;
}
div.donation .donation_number span.num {
    font-weight: 600;
    font-size: 40px;
    font-family: "Noto Sans KR", sans-serif;
    color: #393cbe;
}
div.donation p.emp2 {
    font-size: 22px;
    font-weight: 600;
}
div.donation p.emp3 {
    margin-top: 50px;
    text-align: Center;
    font-size: 42px;
    font-weight: 600;
    color: #553392;
}
div.donation span.emp4 {
    color: #553392;
   /* font-family: "InkLipquid";*/
	font-size: 45px;
	font-weight:600;
	margin-top:50px;
    display: inline-block;
}

p.donation_footer {font-size:18px; color:#515151;margin-top:100px;font-family:"Pretendard Variable", Pretendard;}
.btn_donation {
    display: inline-block;
    word-break: keepall;
    background: #393cbe url(../images/arr_go.png) no-repeat 93% 50%;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    padding: 25px 65px;
    border-radius: 100px;
}
.font_thin {
    font-weight: 200;
}

/*Back to top button */
#back-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 10;
}
#back-top a {
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    padding-top: 15px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    vertical-align: middle;
    background: rgb(187, 187, 187, 0.5);
    border-radius: 60px;
}
#back-top a:hover {
    background: #333;
}

/* 개인정보취급방침 */
.terms_box { padding: 15px; border: 4px solid #ebf2fa; font-size: 20px;font-family: "Pretendard Variable", Pretendard;color:#242424; line-height: 180%; margin-bottom: 10px }

.txt_rule {font-size: 20px;font-family: "Pretendard Variable", Pretendard;color:#242424; line-height: 180%;}


div.counsel_step {display:block;margin:60px 0;width:100%}
div.counsel_step span.wrap {display:inline-block;width:33%;  position: relative;text-align:Center;     min-height:220px; background: #fff;    border: 1px solid #ccc;    border-top: 0;} 
div.counsel_step span.wrap p.line {border-top:3px solid #393cbe;margin-bottom:-40px; width:100% ; } 
div.counsel_step span.wrap span.counsel_step_number { background:#393cbe; border-radius: 80px;    color:#fff; display: inline-block;font-size: 20px;  font-weight: 700;height: 40px;-webkit-box-pack: center;justify-content: center;    width: 40px;line-height:40px;margin:0 auto;}
div.counsel_step span.wrap span.tit {position:relative;top:20px;margin:0 auto;font-size:25px;text-align:center;color:#000;font-weight:600;display:block;}
div.counsel_step span.wrap p.detail {position:relative;top:20px;width:90%;font-size:20px; margin: 0 auto;}

 
div.welcome {width:100%;background:#dee6fb url(../images/welcome_bg1.png) no-repeat 0 0;height:auto;padding:40px;} 
div.welcome .insa1 {font-size:30px;color: #393cbe;font-weight:600;letter-spacing:-0.04em;padding:10px 0;}
div.welcome .insa2 {font-size:24px;color: #553392;font-weight:500;margin-top:-30px;letter-spacing:-0.04em;padding:7px 0;}
div.welcome2 p {font-size:20px;line-height:1.5em;letter-spacing:-0.04em;}

div.intro {width:100%;}
div.intro img {float:right;padding:10px 10px 50px 30px;letter-spacing:-0.04em;}
div.intro p {font-size:20px;line-height:1.5em;letter-spacing:-0.04em;}
div.intro .insa1 {font-size:24px;color: #393cbe;font-weight:600;letter-spacing:-0.04em;}

div.business1 {padding:10px 40px 40px 40px;border-radius:20px;background:#f8f5fd;border:1px dashed #ababab;margin-top:30px; }
div.business1 h5 {background:url(../images/iconQuestion.png) no-repeat 0  10px ; color: #000;font-size: 30px;font-weight: 600; display: inline-block;padding-left: 30px;margin-top:30px;}


ul.business2 {width:100%;padding: 30px 30px;border-radius:20px;background:#f1f4fb;border:1px dashed #ababab;margin-top:30px;}
ul.business2 li  {padding:20px; width:100%; ;display:inline-block;}
ul.business2 li span.num {width:40px;height:40px;background:#393cbe;color:#fff;display: inline-block;text-align: center;line-height: 40px;border-radius: 40px;}
ul.business2 li h5{color: #393cbe;font-size: 30px;font-weight: 600;margin-top: 0;display: inline-block;padding-left: 10px;padding-top:0}


/* 레이어팝업 */
.pop-layer .pop-container {
    padding: 20px 25px;
}

.pop-layer p.ctxt {
    color: #333;
    line-height: 25px;
}

.pop-layer .btn-r1 {
    width: 100%;
    margin: 10px 0 20px;
    padding-top: 10px;
    border-top: 1px solid #DDD;
    text-align: center;
}

.pop-layer {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 410px;
    height: auto;
    background-color: #fff;
    border: 5px solid #3571B5;
    z-index: 10;
}

.dim-layer {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.dim-layer .dimBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
    display: block;
}


a.btn-layerClose {
    display: inline-block;
    height: 30px;
    padding: 0 14px 0;
    border: 1px solid #304a8a;
    background-color: #3f5a9d;
    font-size: 13px;
    color: #fff;
    line-height: 25px;
}

a.btn-layerClose:hover {
    border: 1px solid #091940;
    background-color: #1f326a;
    color: #fff;
}

a.btn-layerClose2 {
    display: inline-block;
    height: 30px;
    padding: 0 14px 0;
    border: 1px solid #304a8a;
    background-color: #666;
    font-size: 13px;
    color: #fff;
    line-height: 25px;
}

.bold {
    font-weight: bold;
}

.answer-btn{
    text-align: center;
    margin-top:10px;
}

.answer_complete { border-radius:5px;background:#393cbe;color:#fff;font-size:15px;padding:3px 10px;}



@media all and (max-width: 1023px) {
    /*tablet*/
    body {
        min-width: auto;
    }

    .pc {
        display: none !important;
    }
	.mobile {
    display: block;}

    br.pc {
        display: none;
    }

    br.mo {
        display: block;
    }

    /* prevent iphone bouce */
    /* html,body{position: fixed;} */
    .util a:after {
        display: none;
    }

    /* header */
    header {
        height: auto;
        z-index: 1;
    }

    header:after {
        display: none;
    }

    header h1 {
        width: auto;
        display: block;
        padding: 17px 0;
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
        text-align: center;
        line-height: 1;
    }

    header h1 a {
        width: 220px;
        height: 21px;
        margin: 0 auto;
		background: url("../images/logo_new.png") no-repeat;
        /* 
		width: 234px;
        height: 26px;
		background: url("../images/logo_m.png") no-repeat; */
        background-size: 100% auto;
        vertical-align: top;
    }

    header .btn_openGnb {
        display: block;
        position: absolute;
        top: 22px;
        right: 24px;
        width: 20px;
        height: 16px;
        background: url(../images/ico_m_gnb.png) no-repeat top left;
        background-size: 100% auto;
        font-size: 0;
        text-indent: -99999px;
        z-index: 20;
    }

    /* common */
    .inner {
        width: 100%;
    }

    .mBox {
        padding: 20px;
    }

    .mBox .btnArea {
        margin-left: 0;
        margin-right: 0;
    }

    .txt {
        margin: 15px 0;
        font-size: 15px;
        line-height: 23px;
    }

    .box_img {
        margin: 15px 0;
    }

    .box_border_list {
        padding: 25px;
    }

    .innerImg span {
        display: block;
        margin-bottom: 15px;
        text-align: center;
    }

    .innerImg span img {
        display: none;
    }

    .innerImg span .m {
        display: inline;
    }

    .innerImg p {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    .tit_commandment {
        margin-top: 20px !important;
    }

    .commandment {
        height: auto;
        padding: 20px;
        background: none;
    }

    .commandment .bullet_round_blue {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 15px;
    }

    .commandment .indent_list_bullet li {
        padding-left: 30px;
        text-indent: -30px;
        font-size: 15px;
        line-height: 21px;
    }

    #container {
        padding: 0;
    }

    /* footer */
    footer {
        padding: 0;
    }

    footer .inner {
        padding: 24px 23px 28px;
    }

    footer .sub {
        margin-bottom: 12px;
        font-size: 15px;
    }

    footer .f_logo {
        width: 209px;
        height: 20px;
        float: none;
        background-size: auto 100%;
    }

    footer address {
        margin-left: 0;
        margin-top: 12px;
        font-size: 11px;
        line-height: 14px;
    }

    footer .boxLink {
        position: relative;
        top: 0;
        margin-top: 15px;
    }

    footer .boxLink a {
        width: 122px;
        height: 27px;
        font-size: 11px;
        line-height: 27px;
    }

    footer .boxLink a + a {
        margin-top: 10px;
    }

    body {
        width: 100%;
        height: 100%;
        min-width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-text-size-adjust: none;
        user-select: none;
    }

    .util {
        width: auto;
        height: auto;
        padding: 17px 0;
        position: relative;
        top: 0;
        display: block;
        background: #fff;
    }

    .util .pc {
        display: none;
    }

    .util .mo {
        display: block;
    }

    .util .hide_logo {
        
        display: block;
        margin: 0 auto;
		width: 210px;
        height: 20px;
        background: url("../images/logo_new.png") center center no-repeat;
		/* width: 234px;
		        height: 26px;
		        background: url("../images/logo_m.png") center center no-repeat; */
        background-size: 100% auto;
        font-size: 0;
        text-indent: -99999px;
    }

    /* gnb */
    .menu {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        padding: 0;
        margin: 0;
        border-top: 0;
        background: #393cbe;
        overflow-y: auto;
        z-index: 1000;
        -webkit-overflow-scrolling: touch;
        -webkit-width: calc(100% - 60px);
        -moz-width: calc(100% - 60px);
        width: calc(100% - 60px);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .menu:before {
        display: none;
    }

    .menu .inner {
        padding: 0;
    }

    .menu .btn_openGnb {
        display: none;
    }

    .menu .gnb {
        display: block;
    }

    .menu .gnb > li {
        width: auto !important;
        float: none;
        border-bottom: 1px solid #fff;
    }

    .menu .gnb > li + li {
        margin-left: 0;
    }

    .menu .gnb > li > a {
        height: 50px;
        display: block;
        padding: 0 20px;
        position: relative;
        margin: 0;
        font-size: 18px;
        color: #fff;
        text-align: left;
        line-height: 50px;
        font-weight: 600;
    }

    .menu .gnb > li > a:hover {
        color: #fff;
    }

    .menu .gnb > li > a:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 23px;
        right: 20px;
        width: 16px;
        height: 9px;
        background: url(../images/ico_folded.png) no-repeat top left;
        background-size: 16px 9px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .menu .gnb > li > a.is-opened {
        background: #563393;
        color: #fff;
    }

    .menu .gnb > li > a.is-opened:after {
        background: url(../images/ico_folded_active.png) no-repeat top left;
        background-size: 16px 9px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .menu .gnb > li + li > a {
        background: none;
    }

    .menu .gnb .depth02 {
        display: none;
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: #e4e8fa;
        transform: none;
    }

    .menu .gnb .depth02 li + li {
        margin-top: 0;
        border-top: 1px solid #aaa;
    }

    .menu .gnb .depth02 > li > a {
        display: block;
        padding: 16px 20px;
        font-size: 18px;
        color: #000000;
        line-height: 1;
        text-align: left;
        font-weight: 600;
        white-space: normal;
    }

    .menu .gnb .depth02 > li > a:hover {
        color: #112d85;
    }

    .menu .gnb .depth02:after {
        display: none;
    }

    .menu .gnb .last {
        right: inherit;
    }

    .menu .gnb .depth03 {
        padding: 20px;
        border-top: 1px solid #aaa;
    }

    .menu .gnb .depth03 li + li {
        border-top: 0;
    }

    .menu .gnb .depth03 > li > a {
        font-size: 16px;
        color: #404040;
    }

    .btn_closeGnb {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        width: 60px;
        height: 60px;
        background: url(../images/m_close.gif) no-repeat top left;
        background-size: 60px 60px;
        font-size: 0;
        text-indent: -99999px;
        z-index: 1000;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    .menu .gnb > li.home {
        display: block;
    }

    .menu .gnb > li.home > a:after {
        display: none;
    }

    .mainSection {
        overflow: hidden;
    }

    /* main */
    .mainVisual {
        padding: 40px 0;
        height: auto;
        background-image: url("../images/bgMainSlogan_m.jpg");
        background-size: cover;
    }

    .mainVisual .mainSlogan {
        padding-top: 0;
        font-size: 18px;
    }

    .mainVisual .mainSlogan strong {
        font-size: 30px;
		padding-top:10px;
    }

    .mainVisual .mainSearch {
        width: 276px;
        margin-top: 25px;
        border-bottom-width: 1px;
    }

    .mainVisual .mainSearch .input {
        width: 250px;
        height: 40px;
        font-size: 25px;
    }

    .mainVisual .mainSearch .search {
        width: 22px;
        height: 40px;
    }

    .searchResult {
        top: 55px;
    }
    .searchResult .title {
        height: 30px;
        line-height: 30px;
        padding: 0 15px;
        font-size: 16px;
    }
    .searchResult .boxResult .list li a {
        padding: 5px 15px;
    }
    .searchResult .boxResult .list li .main {
        padding-left: 30px;
        background-size: 18px auto;
        font-size: 20px;
    }
    .searchResult .boxResult .list li .sub {
        padding-left: 30px;
        font-size: 16px;
    }

    .mainTop {
        padding: 30px 24px;
    }

    .mainTop .boxCols {
        width: auto;
        height: 266px;
        padding: 35px 38px 40px;
        float: none;
        border-radius: 15px;
    }

    .mainTop .boxCols h3 {
        font-size: 20px;
    }

    .mainTop .boxCols p {
        margin-top: 20px;
        font-size: 15px;
    }

    .mainTop .boxCols + .boxCols {
        margin-left: 0;
        margin-top: 30px;
    }

    .mainTop .boxCols .btnLink {
        width: calc(100% - 79px);
        min-width: 234px;
        height: 40px;
        bottom: 40px;
        font-size: 14px;
    }

    .mainTop .boxCols .btnLink.is--hospital:before {
        width: 68px;
        height: 76px;
        top: -35px;
    }

    .mainTop .boxCols .btnLink.is--counsel:before {
        width: 67px;
        height: 83px;
        top: -34px;
    }

    .mainTop .boxCols .btnLink:after {
        width: 11px;
        height: 11px;
        margin-left: 10px;
    }

    .mainTop .boxCols .listNotice {
        margin-top: 12px;
    }

    .mainTop .boxCols .listNotice li {
        padding-left: 13px;
    }

    .mainTop .boxCols .listNotice li:before {
        width: 4px;
        height: 4px;
        margin-top: -2px;
    }

    .mainTop .boxCols .listNotice a {
        font-size: 15px;
        line-height: 34px;
    }

    .mainTop .boxCols .btnMore {
        width: 26px;
        height: 26px;
        right: 47px;
        top: 35px;
    }

    .mainDonation {
        height: auto;
        padding: 38px 35px 50px;
        background-image: url("../images/bgDonation_m.jpg");
        background-size: cover;
    }

    .mainDonation .inCont {
        width: auto;
        position: relative;
        left: 0;
        padding: 0;
    }

    .mainDonation .inCont h4 {
        font-size: 23px;
    }

    .mainDonation .inCont p {
        margin-top: 10px;
        font-size: 13px;
    }

    .mainDonation .inCont .btnLink {
        width: 235px;
        height: 42px;
        margin-top: 40px;
        border-width: 1px;
        font-size: 14px;
    }

    .mainDonation .inCont .btnLink:after {
        width: 11px;
        height: 11px;
        margin-left: 10px;
    }

    /* contents */
    section {
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .contents .left .home {
        display: none;
    }

    .contents .left h2 {
        display: none;
    }

    .contents .left .select_lnb {
        min-width: fit-content;
        width: 100%;
    }

    .contents .left .select_lnb > a {
        display: none;
    }

    .contents .right {
        padding-top: 0;
        margin-bottom: 0;
    }

    /* lnb */
    .lnb {
        width: 100%;
        position: absolute;
        left: 0;
        top: 60px;
        margin: 0;
        padding: 14px 0;
        display: none;
        background: #fff;
        border: 4px solid #112d85;
        border-top: 0;
        z-index: 200;
    }

    .lnb > li {
        border-bottom: 0;
        text-align: center;
    }

    .lnb > li > a {
        padding: 5px;
        font-size: 20px;
        color: #000;
    }

    .lnb > li.is-selected > a {
        background: none;
        color: #112d85;
        font-weight: 700;
    }

    .lnb > li .depth02 > li > a {
        padding: 0;
        font-size: 20px;
        font-weight: 400;
    }

    .lnb > li .depth02 > li.is-selected > a {
        color: #112d85;
        text-decoration: underline;
    }

    /* contents title */
    .box_tit {
        display: none;
    }

    .contentsTop {
        border: 0;
    }

    .contentsTop h2 {
        height: 60px;
        position: relative;
        padding: 0;
        text-align: center;
        line-height: 60px;
        color: #fff;
        font-size: 25px;
        background: #393cbe;
        font-weight: 700;
        z-index: 200;
    }

    .contentsTop h2:after {
        content: "";
        width: 24px;
        height: 14px;
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -7px;
        background: url("../images/titFolded.png") center center no-repeat;
        background-size: 24px auto;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .contentsTop h2.active:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .contentsTop p {
        display: none;
    }

    .location {
        display: none;
    }

    .titleArea {
        margin: 20px 0 15px;
    }

    .titleArea h3 {
        font-size: 40px;
    }

    .pageLink a {
        height: 80px;
        padding: 0 8px;
        border-radius: 0;
        border: 0;
        font-size: 16px;
        text-align: center;
        letter-spacing: -0.1em;
    }

    .pageLink a + a {
        margin-left: 0;
        border-left: 1px solid #d6d6d6;
    }

    .pageLink a.active {
        height: 80px;
    }

    .contWrap {
        padding: 20px 15px 60px 15px;
    }

    .contWrap h4 {
        padding-top: 20px;
        font-size: 30px;
    }

    .contWrap h4:before {
        width: 30px;
        height: 3px;
    }

    .contWrap p {
        padding: 10px 0;
        color: #333;
        font-size: 19px;
        line-height: 1.5em;
    }

    .textCont {
        margin-top: 20px;
    }

    .textCont h5 {
        font-size: 24px;
    }

    .textCont h6 {
        margin: 14px 0 6px;
        font-size: 20px;
    }

    .textCont .cont {
        font-size: 19px;
    }

    .textCont .cont .cancer_img {
        display: block;
        margin: 10px auto;
        text-align: center;
        background: #fff;
        padding: 20;
    }

    .textCont .cont .cancer_img img {
        width: 100%;
        max-width: 100%;
    }

    .textCont .cont p {
        padding: 10px 0;
        color: #333;
        font-size: 19px;
        line-height: 1.5em;
        font-family: "Pretendard", sans-serif;
    }

    .textCont .cont h4 {
        font-size: 30px;
    }

    .textCont .cont h5 {
        font-size: 24px;
    }

    .textCont .cont h6 {
        margin: 14px 0 6px;
        font-size: 20px;
    }

    .listBasic {
        margin-bottom: 20px;
    }

    .listBasic li {
        font-size: 15px;
        line-height: 22px;
    }

    .listBasic li + li {
        margin-top: 8px;
    }

    .listBasic li a {
        text-decoration: none;
    }

    .tableBasic.pc {
        display: none;
    }

    .tableBasic.mo {
        display: block;
    }

    .tableBasic tr th {
        width: 45%;
        height: 34px;
        font-size: 11px;
    }

    .tableBasic tr td {
        height: 34px;
        padding: 0 17px;
        font-size: 11px;
    }

    .tabArea {
        margin-bottom: 40px;
    }

    .tabArea ul {
        padding: 0;
    }

    .tabArea ul li a {
        height: 50px;
        padding: 0 20px;
        font-size: 16px;
    }

    .tabArea ul li + li:before {
        height: 12px;
        margin-top: -6px;
    }

    .tabCont {
        padding: 0 0 60px;
    }

    .btn {
        margin-bottom: 40px;
    }

    .btn.download a {
        width: 150px;
        height: 65px;
        padding-top: 12px;
        font-size: 13px;
        line-height: 20px;
    }

    .btn.download a.second {
        margin-left: 14px;
    }

    .btn.download a img {
        width: 12px;
        margin-left: 4px;
    }

    .searchHospital {
        padding: 20px 15px 20px 0;
        border-bottom-width: 1px;
    }

    .searchHospital dl {
        float: none;
        display: block;
    }

    .searchHospital dl + dl {
        margin-left: 0;
        margin-top: 24px;
    }

    .searchHospital dl dt {
        width: 75px;
        margin-right: 0;
        font-size: 16px;
        line-height: 27px;
        text-align: center;
    }

    .searchHospital dl dd {
        float: none;
        margin-left: 75px;
    }

    .searchHospital select {
        width: 85px;
        height: 27px;
        padding: 0 10px;
        background-position: 65px center;
        background-size: 10px auto;
        font-size: 16px;
    }

    .searchHospital input[type="text"] {
        width: calc(100% - 27px);
        height: 27px;
        padding: 0 10px;
        font-size: 16px;
    }

    .searchHospital .btnSearch {
        width: 27px;
        height: 27px;
        background-size: 15px auto;
    }

    .resultHospital {
    }

    .resultHospital h5 {
        font-size: 17px;
        font-weight: 400;
    }

    .resultHospital h5 span {
        font-weight: 400;
    }

    .resultMap {
        margin-top: 25px;
    }

    .resultMap .mapArea {
        display: none;
    }

    .resultArea table thead tr th {
        height: 32px;
        font-size: 15px;
        padding: 10px 0;
    }

    .resultArea table tbody tr td {
        padding: 15px 5px;
        font-size: 15px;
        white-space: nowrap;
    }

    .resultArea .linkHospital {
        width: 22px;
        height: 22px;
        background-size: 8px auto;
        border-radius: 4px;
    }

    .resultArea {
        margin-left: 0;
    }

    .resultArea .boxTable {
        
		overflow-x: scroll;
		scrollbar-color:#63697f #d6d6d6;
		scrollbar-width: thin;
		
    }

 

.resultArea .boxTable:-webkit-scrollbar {
    -webkit-appearance: none; 
    height: 20px;
    background-color: #e9e9e9;
	scrollbar-color:#63697f #d6d6d6;
	 
}

.resultArea .boxTable::-webkit-scrollbar-track {
    background-color: #d6d6d6; 
    
}

.resultArea .boxTable::-webkit-scrollbar-thumb {
    background-color: #63697f;
}

 
.resultArea .boxTable table {overflow-x: scroll;}

.resultArea table tbody tr td {
        max-height: 100px;
    }

 .contBottom {
        /*    display: none; */
  }

.linkCancer {
	display: block;
	position: relative;
	left: 0;
	top: 30px;
	width: 220px;
	height: 45px;
	line-height: 45px;
	font-size: 20px;
	/*  display: none; */
}

    .res_img {
        max-width: 100%;
    }

    #cancerList ul li {
        width: 50%;
    }

    .tableBasic2 tr th {
        height: auto;
        min-height: 58px;
        font-size: 17px;
        padding: 10px 0;
    }

    .tableBasic2 tr td {
        height: auto;
        min-height: 58px;
        padding: 10px;
    }

    .Cancer_Search_Box {
        display: block;
        width: 100%;
        padding: 20px 20px 0 20px;
        background: #f3ebfa;
        text-align: center;
        margin: 0 0;
    }

    .Cancer_Search_Box .right_Box {
        display: inline-block;
        padding: 0 10px;
        width: 70%;
    }

    .Cancer_Search_Box p.guide {
        font-size: 22px;
        color: #553392;
        font-weight: 600;
        line-height: 1.2em;
        padding-top: 10px;
    }

    .Cancer_Search_Box p.guide2 {
        font-size: 22px;
        color: #553392;
        font-weight: 500;
        line-height: 1.2em;
        margin-top: 10px;
    }

    .Cancer_Search_Box p.guide_sub {
        font-size: 19px;
        color: #242424;
        font-weight: 500;
        line-height: 1em;
    }

    .Cancer_Search_Box .subSearch {
        width: 600px;
        display: flex;
        justify-content: space-between;
    }

    .Cancer_Search_Box .subSearch .input {
        width: 550px;
        height: 54px;
        background: #fff;
        border: 0;
        font-size: 20px;
        color: #6c6c6c;
        outline: none;
        border: 1px solid #c4c4c4;
    }

    .Cancer_Search_Box .subSearch .search {
        width: 54px;
        height: 54px;
        background: #563292 url("../images/btnSearch2.png") center center no-repeat;
        font-size: 0px;
        text-indent: -99999px;
        cursor: pointer;
    }

    .Cancer_Search_Box .subSearch .searchResult {
        top: 50px;
    }

    .vod_list {
        float: left;
        display: block;
        width: 42%;
        height: 330px;
        box-sizing: border-box;
        border: 1px solid #d5d5d5;
        padding: 35px;
        margin: 20px;
        border-radius: 10px;
    }

    .vod_list a {
        display: block;
        width: 100%;
    }

    .vod_list a .list_box img {
        object-fit: cover;
        width: 337px;
        height: auto;
        border: 1px solid #ccc;
        display: block;
    }

    .vod_list:nth-child(2n) {
        margin-right: 0;
    }

    .vod_list:nth-child(3n + 1) {
        margin-right: 20px;
    }

.Story_List li {border:1px solid #c4c4c4;margin-bottom:60px;height:290px;overflow: hidden;}
.Story_List li a.thumb {display:inline-block;width:40%;height:290px;overflow:hidden}
.Story_List li a.thumb img {display:inline-block;}
.Story_List li div.text_area {width:55%;}
.Story_List li div.text_area a.txt {display:inline-block;width:100%;  }

.Story_List li div.text_area  a.txt span.category {;margin:30px 0 0 30px;}
.Story_List li div.text_area  a.txt span.tit {height:auto; ;font-size:25px; ;padding:10px 0 10px 30px;line-height:1.2em; }
.Story_List li div.text_area  a.txt span.con {height:72px ;font-size:18px;padding:0px 0 30px 30px;   }

.Story_List li div.text_area  a.btn_story {left: 30px;top:0;height: 45px;line-height: 40px;margin-bottom: 20px;display: inline-block; background: #fff;border: 2px solid #393cbe;color: #393cbe;font-size:18px;font-weight: 600;border-radius: 30px;}
.Story_List li div.text_area  a.btn_story:hover {left: 30px;top:0;height: 45px;line-height: 40px;;margin-bottom: 20px;display: inline-block;background:#393cbe;color:#fff;font-size:20px;font-weight:600;border-radius:30px;}


    .Story_view {
        width: 100%;
        padding-top: 0px;
    }

    .Story_view .story_tit {
        font-size: 25px;
    }

    .Story_view .story_con {
    }

div.counsel_step span.wrap { width:32%;min-height:250px;}

div.business1 {padding:10px 20px; }
div.business1 h5 {font-size: 22px;background: url(../images/iconQuestion.png) no-repeat 0 0;}


ul.business2 {width:100%;padding: 20px 10px;}
ul.business2 li  {padding:10px; }
ul.business2 li span.num {width:30px;height:30px;background:#393cbe;color:#fff;display: inline-block;text-align: center;line-height: 30px;border-radius: 30px;}
ul.business2 li h5{color: #393cbe;font-size: 24px;padding-left: 10px;}

.mainTop .boxCols:nth-child(3) {overflow:hidden;}
.mainTop .boxCols:nth-child(3) img {height:200px;padding: 20px 0 0 20px;}



}

@media all and (max-width: 767px) {
    /*mobile*/

    /* 이후 추가 */
    .Cancer_Search_Box {
        display: block;
        min-height: 200px;
        height: auto;
        padding: 10px;
    }

    .Cancer_Search_Box img {
        width: 30%;
    }

    .Cancer_Search_Box .right_Box {
        display: inline-block;
        padding: 0;
        width: 100%;
        padding: 10px;
    }

    .Cancer_Search_Box p.guide {
        font-size: 20px;
        color: #553392;
        font-weight: 600;
        line-height: 1.2em;
        text-align: center;
		padding: 5px 0;
    }

    .Cancer_Search_Box p.guide2 {
        font-size: 20px;
        color: #553392;
        font-weight: 600;
        line-height: 1.2em;
        text-align: center;
		padding: 5px 0;
    }

    .Cancer_Search_Box p.guide_sub {
        font-size: 16px;
        color: #242424;
        font-weight: 500;
        line-height: 1.2em;
        text-align: center;
		padding: 5px 0;
    }

    .Cancer_Search_Box .subSearch {
        width: 100%;
    }

    .Cancer_Search_Box .subSearch .input {
        padding: 10px;
        width: 100%;
        height: 40px;
    }

    .Cancer_Search_Box .subSearch .search {
        width: 54px;
        height: 40px;
    }

    #cancerList ul li {
        width: 100%;
    }

    .trial1 {
        padding: 30px 20px;
    }

    .trial1 .trial_left {
        float: none;
        width: 100%;
    }

    .trial1 .trial_left span.title {
        font-size: 25px;
    }

    .trial1 .trial_left span.trial_url a {
        font-size: 20px;
    }

    .trial1 .trial_left p.trial_exp {
        font-size: 18px;
    }

    .trial1 .trial_right {
        float: none;
        width: 100%;
        padding-top: 20px;
    }

    .trial1 .trial_right a {
        display: inline-block;
        padding: 10px 20px;
        background: #fff;
        color: #242424;
        font-size: 20px;
        font-weight: 500;
        border-radius: 10px;
        text-align: center;
    }

    .trial2 {
        padding: 30px 20px;
    }

    .trial2 .trial_left {
        float: none;
        width: 100%;
    }

    .trial2 .trial_left span.title {
        font-size: 25px;
    }

    .trial2 .trial_left span.trial_url a {
        font-size: 20px;
    }

    .trial2 .trial_left p.trial_exp {
        font-size: 18px;
    }

    .trial2 .trial_right {
        float: none;
        width: 100%;
        padding-top: 20px;
    }

    .trial2 .trial_right a {
        display: inline-block;
        padding: 10px 20px;
        background: #fff;
        color: #242424;
        font-size: 20px;
        font-weight: 500;
        border-radius: 10px;
        text-align: center;
    }

    .vod_list {
        float: left;
        display: block;
        width: 100%;
        height: 330px;
        margin: 10px 20px 10px 0px;
        border-radius: 10px;
    }

    .Self_cert {
        width: 100%;
    }

    .Self_cert button {
        position: relative;
        width: 100%;
        height: 50px;
        margin-top: 20px;
        line-height: 50px;
    }

    .goto_hospital {
        font-size: 20px;
        padding: 20px 30px;
    }

    .box_search {
        position: relative;
        float: none;
        margin-bottom: 0;
        padding: 0;
        overflow: hidden;
    }

    .box_search input {
        float: none;
        width: 100% !important;
    }

    .box_search a {
        position: absolute;
        top: 0;
        right: 0;
        float: none;
    }

    .box_search button {
        position: absolute;
        top: 0;
        right: 0;
        float: none;
    }

    /* table - common */
    .tbl,
    .tbl > thead,
    .tbl > tbody,
    .tbl > thead > tr,
    .tbl > tbody > tr,
    .tbl > tr,
    .tbl > thead > tr > th,
    .tbl > tr > th,
    .tbl > thead > tr > td,
    .tbl > tbody > tr > td,
    .tbl > tr > td {
        display: block;
    }

    .tbl {
        font-size: 15px;
    }

    .tbl th,
    .tbl td {
        border: 0;

        display: block; 
    }

    .m_tbl_board {
        border-top: 1px solid #d0d0d0;
    }

    .m_tbl_board thead {
        display: none;
    }

    .m_tbl_board tr {
        padding: 20px;
        border-bottom: 1px solid #d0d0d0;
    }

    .m_tbl_board td {
        display: inline-block;
        margin-right: 10px;
        padding: 0;
        text-align: left;
        color: #9e9e9e;
    }

    .m_tbl_board .tit {
        display: block;
        margin: 0 0 7px 0;
        color: #2f2f2f;
    }

    .m_tbl_board td:nth-of-type(1),
    /* .m_tbl_board td:nth-of-type(3), */
    .m_tbl_board td:nth-of-type(5),
    .m_tbl_board td:nth-of-type(7) {
        display: none;
    }

    .m_tbl_board td.nodata {
        display: block;
        margin: 0;
        text-align: center;
    }

.Story_List li { height:auto}  
.Story_List li a.thumb {display:inline-block;width:100%;height: 220px;}
.Story_List li a.thumb img {display:inline-block;width:100%}
.Story_List li div.text_area {width:98%; height:auto;padding:10px 10px ;}
.Story_List li div.text_area a.txt {display:inline-block;width:100%;  }

.Story_List li div.text_area  a.txt span.category {margin:0 20px;}
.Story_List li div.text_area  a.txt span.tit { ;font-size:22px;padding:10px 0 10px 20px ;;line-height:1.2em;}
.Story_List li div.text_area  a.txt span.con { ;font-size:18px;padding:20px;-webkit-line-clamp:2; height: 65px;  }

.Story_List li div.text_area  a.btn_story {width:240px; left: 20px;top: 0;    border-radius: 30px;}
.Story_List li div.text_area  a.btn_story:hover { width:240px;left: 20px;top: 0;  border-radius:30px;}

div.donation span.emp4 {font-size:30px;}


    div.donation p.emp3 {
        font-size: 32px;
    }
    div.donation {
        background: url(../images/donation_info_bg_m.png) no-repeat 50% 25%;
        width: 100%;
    }

    .tbl_view th {
        border-bottom: 1px solid #d0d0d0;
        font-size: 15px;
        display: inline-block;
        width: 100% !important;
    }

	/* login */
	.login { padding: 35px 0; border: 5px solid #ebf2fa; }
	.login p { width: 100%; font-size: 13px; line-height: 19px; text-align: center; padding: 0 10px; }
	.login p strong { display: block; margin-bottom: 15px; font-size: 40px; text-align: center; line-height: 1; }
	.login p strong img { display: none; }
	.login p span { margin-left: 0; }
	.login+p { margin: 10px; font-size: 14px; text-align: left; }

	.login .inputBox { position: relative; top: 0; left: 0; width: 275px; margin: 20px auto; text-align: left; }
	.login .inputBox span { display: block; padding: 0 10px; }
	.login .inputBox span+span { margin-top: 10px; }
	.login .inputBox label { width: 77px; font-size: 14px; }
	.login .inputBox input { width: 168px; }
	.login .inputBox button { position: relative; width: 90%; height: 50px; margin-top: 20px; line-height: 50px; margin: 10px auto; }

	.btn_border1 { width: 135px; font-size: 13px; }

div.counsel_step span.wrap {display:block;width:100%;height:auto;}

 
div.welcome { padding:20px;} 
div.welcome .insa1 {font-size:26px;padding:10px 0;}
div.welcome .insa2 {font-size:22px;padding:15px 0 0 0;}

 
 

ul.business2 {width:100%;padding: 20px 10px;}
ul.business2 li  {padding:10px; }
ul.business2 li span.num {width:25px;height:25px;background:#393cbe;color:#fff;display: inline-block;text-align: center;line-height: 25px;border-radius: 25px;}
ul.business2 li h5{color: #393cbe;font-size: 22px;padding-top:0;padding-left:5px;}

.searchHospital .btnReset {
    width: auto;
    height: 27px;
	font-size:16px;
    float: left;
    background: #b4b4b4;
    cursor: pointer;
    color: #fff;
    padding:0 10px;
    margin-left:0px;
	margin-top:3px;
}


}

@media all and (max-width: 480px) {
    /*mobile*/

    .bbs_navi span.navi_1 {
        width: 20%;
    }

    .bbs_navi span.tit a {
        width: 75%;
        padding-left: 20px;
    }
}
@media all and (max-width: 360px) {
    .vod_list a .list_box img {
        width: 100%;
        height: auto;
    }
}

.note-editor .note-editing-area p{
    margin:0!important;
    padding:0!important;
}