/* 180912 */

select.basic {width: 200px; height: 36px; padding: 5px; border: solid 1px #bdc7d1;}
input[type="text"].basic, article.sub input[type="password"].basic, article.sub input[type="number"].basic, article.sub select.basic, article.sub textarea.basic, article.sub textarea.dhtmleditor{
    border: solid 1px #bdc7d1;
}
input[type="text"].basic, article.sub input[type="number"].basic, article.sub input[type="password"].basic {
    width: 180px;
    padding: 7px 9px;
}


#popupCall .packCheck {display: inline-block; margin-left: 10px; vertical-align: middle; line-height: 0; font-size: 0; *display: inline; *zoom: 1;}
#popupCall .packCheck > input[type="checkbox"],
#popupCall .packCheck > input[type="radio"] {display: none;}
#popupCall .packCheck:first-child,
#popupCall input[type="hidden"] + .packCheck {margin-left: 0;}

#popupCall .packCheck > label {display: block; height: 20px; margin-left: 0 !important; padding-left: 25px; background: url(../img/common/objChk.png) no-repeat; white-space: nowrap; line-height: 19px; font-size: 14px; cursor: pointer;}
#popupCall .packCheck > label:hover {color: #1c86ea !important;}
#popupCall .packCheck > label.on {background-image: url(../img/common/objChkOn.png);}
#popupCall .packCheck > label.off {color: #ccc !important;}
#popupCall .packCheck > label.radio {background-image: url(../img/common/objChkRadio.png);}
#popupCall .packCheck > label.radio.on {background-image: url(../img/common/objChkRadioOn.png);}

#popupCall .packCheck.large {display: block;}
#popupCall .packCheck.large > label {height: 40px; padding-left: 0; padding-right: 60px; background: url(../img/common/objChkL.png) no-repeat 100% 0; line-height: 40px; font-size: 24px; color: #333d49; letter-spacing: -2px;}
#popupCall .packCheck.large > label.on {background-image: url(../img/common/objChkLOn.png);}
#popupCall .packCheck.large > label > .note {font-size: 16px; color: #1c86ea; letter-spacing: -1px;}

#popupCall .packFile {display: inline-block; *display: inline; *zoom: 1;}
#popupCall .packFile input[type="file"] {display: none;}


#popupCall a.btn,
#popupCall button.btn,
#popupCall input[type="submit"].btn {margin-left: 1px; padding: 0 22px; border: solid 3px #333d49; border-radius: 5px; background: #333d49; vertical-align: middle; white-space: nowrap; line-height: 30px; font-size: 16px; font-weight: 500; color: #fff; text-decoration: none;}
#popupCall a.btn {height: 30px;}
#popupCall button.btn,
#popupCall input[type="submit"].btn {height: 36px; overflow: visible;}

#popupCall a.btn:hover,
#popupCall button.btn:hover,
#popupCall input[type="submit"].btn:hover {background: #fff; color: #333d49;}

#popupCall a.btn:first-child
#popupCall button.btn:first-child
#popupCall input[type="submit"].btn:first-child {margin-left: 0 !important;}

#popupCall a.btn.large,
#popupCall button.btn.large,
#popupCall input[type="submit"].btn.large {margin-left: 3px; padding: 0 40px; border-width: 5px; line-height: 40px; font-size: 20px; letter-spacing: -1px;}
#popupCall a.btn.large {height: 40px;}
#popupCall button.btn.large,
#popupCall input[type="submit"].btn.large {height: 50px;}

#popupCall a.btn.color,
#popupCall button.btn.color,
#popupCall input[type="submit"].btn.color {border-color: #1c86ea; background: #1c86ea;}

#popupCall a.btn.color:hover,
#popupCall button.btn.color:hover,
#popupCall input[type="submit"].btn.color:hover {background: #fff; color: #1c86ea;}

#popupCall a.btn.tiny,
#popupCall button.btn.tiny,
#popupCall input[type="submit"].btn.tiny {padding: 0 16px; border: solid 1px #bdc7d1; border-radius: 0; background: #fff; line-height: 34px; font-size: 14px; font-weight: 400; color: #666;}
#popupCall a.btn.tiny {height: 34px;}
#popupCall button.btn.tiny,
#popupCall input[type="submit"].btn.tiny {height: 36px;}

#popupCall a.btn.tiny:hover,
#popupCall button.btn.tiny:hover,
#popupCall input[type="submit"].btn.tiny:hover,
#popupCall a.btn.tiny.on,
#popupCall button.btn.tiny.on,
#popupCall input[type="submit"].btn.tiny.on {border-color: #333d49; background: #333d49; color: #fff;}

#popupCall a.btn.tiny.color:hover,
#popupCall button.btn.tiny.color:hover,
#popupCall input[type="submit"].btn.tiny.color:hover,
#popupCall a.btn.tiny.color.on,
#popupCall button.btn.tiny.color.on,
#popupCall input[type="submit"].btn.tiny.color.on {border-color: #1c86ea; background: #1c86ea;}


article.sub .donateMain.add0912 {}

article.sub .donateMain.add0912 .visual .slide,
article.sub .donateMain.add0912 .visual .slide > a {height: 344px;}

article.sub .donateMain.add0912 .visual .prev,
article.sub .donateMain.add0912 .visual .next {top: 147px;}

article.sub .donateMain.add0912 .bannerComm a,
article.sub .donateMain.add0912 .bannerComm a img {max-width: 472px;}

article.sub .donateMain.add0912 .focusVideo {}
article.sub .donateMain.add0912 .focusVideo > div {padding: 25px 20px; height: 408px;}
article.sub .donateMain.add0912 .focusVideo .left {width: 654px;}
article.sub .donateMain.add0912 .focusVideo .right {width: 225px; background-color: #284b6d; border-left: 1px solid #536f8a;}
article.sub .donateMain.add0912 .focusVideo dl {height: 326px;}
article.sub .donateMain.add0912 .focusVideo dt {margin-bottom: 10px; line-height: 1.2em; max-height: 4.8em; font-size: 21px; color: #99cbfb; font-weight: 500; overflow: hidden;}
article.sub .donateMain.add0912 .focusVideo dd {line-height: 1.2em; max-height: 14.4em; font-size: 15px; color: #c0cfd5; overflow: hidden;}
article.sub .donateMain.add0912 .focusVideo .btn {display: block; margin-top: 20px; padding: 0; height: 51px; line-height: 51px; font-size: 18px; color: #fff; background-color: #1a3c5d; border: 4px solid #fbb70c; text-align: center;}
article.sub .donateMain.add0912 .focusVideo .btn em {color: #fbb70c;}



#popupCall {padding: 0; width: 100%; height: 100%; background: transparent; background-color: rgba( 0, 0, 0, 0.4 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#66000000, endColorStr=#66000000 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#66000000, endColorStr=#66000000 )"; zoom: 1; border: 0;}
#popupCall > div {position: absolute; top: 50%; left: 50%; margin: -300px 0 0 -310px; width: 610px; height: 590px; background-color: #fff; border: 5px solid #0053b8;}
#popupCall .head {padding: 0 40px; height: 175px; line-height: 170px; background: #0053b8 url(../img/add/imgPopupCall.png) 88% bottom no-repeat; border-bottom: 0;}
#popupCall .head .title {display: inline-block; line-height: 1.3em; font-size: 28px; color: #fff; vertical-align: middle;}
#popupCall .head .close {top: 10px; right: 10px; width: 35px; height: 35px; background: url(../img/add/btnPopupClose.png) center center no-repeat;}
#popupCall .body {margin: 0; padding: 30px; text-align: center;}
#popupCall .body dl {font-size: 20px;}
#popupCall .body dt {margin-bottom: 5px; color: #000; font-weight: 500;}
#popupCall .body dd {color: #505050;}
#popupCall .body dd em {font-weight: 900;}

#popupCall .body dl.call {margin: 35px 0 5px;}
#popupCall .body dl.call dt {padding: 0 20px; line-height: 48px;}
#popupCall .body dl.call dt,
#popupCall .body dl.call dd {display: inline-block; vertical-align: top;}
#popupCall .body dl.call select.basic {width: 134px; height: 48px;}
#popupCall .body dl.call input.basic {width: 114px; height: 32px;}

#popupCall .body .packCheck {margin: 0 10px 0 0;}

#popupCall .body a.btn.tiny,
#popupCall .body button.btn.tiny,
#popupCall .body input[type="submit"].btn.tiny {padding: 0 8px; height: 24px; line-height: 22px;}

#popupCall .body a.btn.large,
#popupCall .body button.btn.large,
#popupCall .body input[type="submit"].btn.large {padding: 0; width: 166px; text-align: center;}

#popupCall .body a.btn.color,
#popupCall .body button.btn.color,
#popupCall .body input[type="submit"].btn.color{background-color: #0053b8; border-color: #0053b8;}

#popupCall .body a.btn.color:hover,
#popupCall .body button.btn.color:hover,
#popupCall .body input[type="submit"].btn.color:hover {background: #fff;color: #0053b8;}

#popupCall .foot {margin-top: 30px;}



.quick-call {display: none;position: fixed; top: 250px; left: 0; z-index: 55;}
.quick-call.on{display: block;}
.quick-call > div {margin-top: 10px; width: 285px; -webkit-border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0; overflow: hidden;}
.quick-call > div:first-child {margin-top: 0;}
.quick-call .panel {padding: 10px 10px 20px 30px; color: #383838; background-color: #fff; box-sizing: border-box;}
.quick-call .panel .head {position: relative; margin: 0 20px 10px 0; line-height: 45px; border-bottom: 1px solid #cccccc;} 
.quick-call .panel .close {position: absolute; top: 10px; right: 0; width: 19px; height: 19px; font-size: 0; background: url(../img/add/btnQuickClose.png) center center no-repeat;}
.quick-call .panel .call {margin: 10px 0 5px;}
.quick-call .panel .call input {padding: 7px 9px 7px 50px; width: 140px; background: #f8f8fa url(../img/add/imgQuickCall.png) 0 0 no-repeat; border: 1px solid #bbbbbb;}
.quick-call .panel .foot {margin-top: 15px;}
.quick-call .panel .foot .btn {margin-left: 15px; width: 164px; height: 41px; line-height: 41px; font-size: 16px; color: #fff; background-color: #007bff; border: 1px solid #0068d8; text-align: center;}

.quick-call .call-number {display: block; padding: 15px 20px; background-color: #007bff;}

/* vai 추가 */
@media (max-width: 1450px){
  .quick-call.on{display: none;}
}

article.sub .pageBody.add0912 {}
article.sub .pageBody.add0912 .pageHead .title {font-size: 20px; font-weight: 500;}

article.sub .pageBody.add0912 table.basic.boardView {width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-break: break-all;}
article.sub .pageBody.add0912 table.basic.boardView th.subject,
article.sub .pageBody.add0912 table.basic.boardView td.share {border-bottom: 1px solid #dbdbdb;}
article.sub .pageBody.add0912 table.basic.boardView th.subject .text {font-size: 35px; font-weight: bold;}
article.sub .pageBody.add0912 table.basic.boardView th.subject .text span {font-size: 21px; font-weight: bold;}

article.sub .pageBody.add0912 table.basic.boardView td.body {padding: 0; border-color: #dbdbdb;}
article.sub .pageBody.add0912 table.basic.boardView td.body > div {padding: 0;}

article.sub .pageBody.add0912 table.basic.boardView td.body .cont {text-align: center;}
/*article.sub .pageBody.add0912 table.basic.boardView td.body .cont p {padding: 45px 0; font-size: 17px; color: #636363;}*/
article.sub .pageBody.add0912 table.basic.boardView td.body .cont p {padding: 0 0; font-size: 17px; color: #636363;}
article.sub .pageBody.add0912 table.basic.boardView td.body .cont p + p {margin-top: -15px; padding-top: 0;}
article.sub .pageBody.add0912 table.basic.boardView td.body .bot {margin-top: 45px; padding: 30px 10px 45px; background-color: #f6f7f9; border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; text-align: center;}
article.sub .pageBody.add0912 table.basic.boardView td.body .bot p {font-size: 18px; color: #636363; font-weight: 500;}

article.sub .pageBody.add0912 table.basic.boardView td.body .bot a.btn,
article.sub .pageBody.add0912 table.basic.boardView td.body .bot button.btn,
article.sub .pageBody.add0912 table.basic.boardView td.body .bot input[type="submit"].btn {margin-top: 10px; padding: 0; width: 287px; height: 60px; line-height: 60px; background-color: #0053b8; border-color: #0053b8; text-align: center;}

article.sub .pageBody.add0912 table.basic.boardView td.body .bot a.btn:hover,
article.sub .pageBody.add0912 table.basic.boardView td.body .bot button.btn:hover,
article.sub .pageBody.add0912 table.basic.boardView td.body .bot input[type="submit"].btn:hover {color: #0053b8; background-color: #fff;}

article.sub .pageBody.add0912 table.basic.boardView td.side {border-right: 1px solid #dbdbdb;}
article.sub .pageBody.add0912 table.basic.boardView td.side > div {border-bottom: 1px solid #e0e0e0;}
article.sub .pageBody.add0912 table.basic.boardView td.side .label {padding: 10px 15px; font-size: 20px; color: #333d49; font-weight: bold; background-color: #e8ebef; border-bottom: 1px solid #e0e0e0;}
article.sub .pageBody.add0912 table.basic.boardView td.side .label + div {padding: 10px 15px 30px;}
article.sub .pageBody.add0912 table.basic.boardView td.side dl {font-size: 15px;}
article.sub .pageBody.add0912 table.basic.boardView td.side dl + dl {margin-top: 25px;}
article.sub .pageBody.add0912 table.basic.boardView td.side dl em {font-weight: 900;}
article.sub .pageBody.add0912 table.basic.boardView td.side dt {line-height: 1.2;}
article.sub .pageBody.add0912 table.basic.boardView td.side dt,
article.sub .pageBody.add0912 table.basic.boardView td.side dt em {color: #111;}
article.sub .pageBody.add0912 table.basic.boardView td.side dd {margin-top: 5px;}
article.sub .pageBody.add0912 table.basic.boardView td.side dd,
article.sub .pageBody.add0912 table.basic.boardView td.side dd em {color: #505050;}
article.sub .pageBody.add0912 table.basic.boardView td.side dd input {width: 55px;}
article.sub .pageBody.add0912 table.basic.boardView td.side .packCheck {margin: 0 5px 0 0;}
article.sub .pageBody.add0912 table.basic.boardView td.side .packCheck > label {font-size: 12px;}
article.sub .pageBody.add0912 table.basic.boardView td.side .packCheck + .btn {padding: 0; width: 48px; height: 25px; line-height: 25px; font-size: 12px; text-align: center;}

article.sub .pageBody.add0912 ul.boardList.webzine {border: 0;}
article.sub .pageBody.add0912 ul.boardList.webzine > li {border-bottom: 0;}
article.sub .pageBody.add0912 ul.boardList.webzine > li > a {padding: 10px 10px 10px 90px; height: 57px;}
article.sub .pageBody.add0912 ul.boardList.webzine .thumb {top: 10px; left: 10px;}
article.sub .pageBody.add0912 ul.boardList.webzine .thumb,
article.sub .pageBody.add0912 ul.boardList.webzine .thumb img {width: 70px; height: 57px;}
article.sub .pageBody.add0912 ul.boardList.webzine .subject {height: 57px; line-height: 57px; font-size: 16px; color: #717171;}
article.sub .pageBody.add0912 ul.boardList.webzine .subject span {display: inline-block; margin-top: -5px; line-height: 1.2; vertical-align: middle;}




/* 180919 */

article.sub .content .donate-type {margin-top: 50px;}
article.sub .content .donate-type .titleM {margin-bottom: 25px; padding-left: 15px; font-size: 28px; font-weight: bold; background: url(../img/add/imgColorLabel.png) 0 center no-repeat;}
article.sub .content .donate-type ul.list {margin-right: -18px;}
article.sub .content .donate-type ul.list li {margin: 0 18px 20px 0;}
article.sub .content .donate-type ul.list li > div {width: 469px; border: 1px solid #bbb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;}
article.sub .content .donate-type ul.list li dl {padding: 35px 5px 5px 234px; height: 130px;}
article.sub .content .donate-type ul.list li dl dt {margin-bottom: 10px; font-size: 25px; color: #000; font-weight: bold;}
article.sub .content .donate-type ul.list li dl dd {font-size: 15px; color: #727272;}

article.sub .content .donate-type ul.list li.i01 dl {background: url(../img/add/imgDonateType01.png) 55px center no-repeat;} 
article.sub .content .donate-type ul.list li.i02 dl {background: url(../img/add/imgDonateType02.png) 61px center no-repeat;} 
article.sub .content .donate-type ul.list li.i03 dl {background: url(../img/add/imgDonateType03.png) 61px center no-repeat;} 
article.sub .content .donate-type ul.list li.i04 dl {background: url(../img/add/imgDonateType04.png) 55px center no-repeat;} 

article.sub .content .donate-type ul.list li .button {margin: 0; padding: 0; font-size: 0;}
article.sub .content .donate-type ul.list li .button .btn {margin: 0; width: 50%; height: 45px; line-height: 39px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-sizing: border-box; text-align: center;}
article.sub .content .donate-type ul.list li .button .btn.yellow {background-color: #f4b518; border-color: #f4b518;}
article.sub .content .donate-type ul.list li .button .btn.yellow:hover {color: #f4b518; background-color: #fff;}



/* 190228 */

article.sub .searchCont.boxing{padding:30px 0 0; border: 1px solid #bdc7d1;}
article.sub .searchCont.boxing .searchForm {width: 604px;}
article.sub .searchCont.boxing .searchForm input[type="text"] {width: 460px;}
article.sub .searchCont.boxing .keyword {position:relative; top: 0; margin-top:30px; padding: 15px 176px 15px 226px; max-width: 100%; background-color: #f6f7f9; border: 0; border-top: 1px solid #bdc7d1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-sizing: border-box;}
article.sub .searchCont.boxing .keyword dt,
article.sub .searchCont.boxing .keyword dd,
article.sub .searchCont.boxing .keyword dd a {line-height: 1.4em; font-size: 18px;}
article.sub .searchCont.boxing .keyword dt {position: absolute; top: 0; left: 30px; padding: 15px 0 15px 30px; width: 160px; background: url(../img/sub/icnKeyword.png) no-repeat 0 50%; font-weight: bold; color: #333d49; text-transform: uppercase; letter-spacing: 0;}
article.sub .searchCont.boxing .keyword dd {margin: 0;}
article.sub .searchCont.boxing .keyword dd.date {position: absolute; top: 0; right: 0; padding: 15px 0; width: 175px; font-size: 16px; color: #adadaf; text-align: center; opacity: 0.8;}


article.sub .searchCont .searchForm {width: 394px; height: 50px; margin: 0 auto; padding: 0; border: solid 3px #333d49; line-height: 0; font-size: 0;}
article.sub .searchCont .searchForm input[type="text"] {width: 250px; height: 29px; padding: 10px 20px 11px; border: 0; font-size: 20px; letter-spacing: -1px;}
article.sub .searchCont .searchForm input[type="text"],
article.sub .searchCont .searchForm input[type="submit"] {vertical-align: top;}
article.sub .searchCont .searchForm input[type="submit"] {width: 104px; height: 50px; border: 0; background: #333d49; line-height: 1; font-size: 20px; color: #fff;}


article.sub .miniHead .info .sns {position: absolute; top: 10px; right: 20px; *zoom: 1;}
article.sub .miniHead .info .sns:after {display: block; content: ""; clear: both;}
article.sub .miniHead .info .sns li {float: left;}
article.sub .miniHead .info .sns li + li {margin-left: 5px;}
article.sub .miniHead .info .sns li a {width: 34px; height: 34px; font-size: 0; background-position: center center; background-repeat: no-repeat;}
article.sub .miniHead .info .sns li.facebook a {background-image: url(../img/sub/icnMiniHead_Facebook.png);}
article.sub .miniHead .info .sns li.twitter a {background-image: url(../img/sub/icnMiniHead_Twitter.png);}
article.sub .miniHead .info .sns li.blog a {background-image: url(../img/sub/icnMiniHead_Blog.png);}
article.sub .miniHead .info .sns li.talk a {background-image: url(../img/sub/icnMiniHead_Talk.png);}


article.sub .miniHead .info .sns + .schedule {right: 183px;}

.eventDays {display: block; position: absolute; top: 0px; right: 0px; z-index: 8; color:#fff; width:64px; height:32px; text-align:right;}
.eventDays span {line-height:32px; padding-right:10px;}
.always {background:url('../img/sub/icon_event_red.png');}
.ended {background:url('../img/sub/icon_event_black.png');}
.ing {background:url('../img/sub/icon_event_orange.png');}





/* 190531 */

article.sub .radioMain.radio190531 {width: 920px;}
article.sub .radioMain.radio190531 .pack {padding: 0; border-top: 0;}
article.sub .radioMain.radio190531 .title {margin-bottom: 40px; padding: 0 60px; text-align: center;}
article.sub .radioMain.radio190531 .label {margin-bottom: 20px;}
article.sub .radioMain.radio190531 .cate {padding: 0 60px;}
article.sub .radioMain.radio190531 .cate + .cate {margin-top: 100px;}

article.sub .radioMain.radio190531 .list {margin-bottom: 20px;}
article.sub .radioMain.radio190531 .list ul {}
article.sub .radioMain.radio190531 .list ul li {position: relative; margin-bottom: 40px; width: 50%;}
article.sub .radioMain.radio190531 .list ul li a {display: block; height: s135px; overflow: hidden;}
article.sub .radioMain.radio190531 .list ul li .thumb {position: absolute; top: 0; left: 0; width: 139px; height: 135px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;}
article.sub .radioMain.radio190531 .list ul li .txt {padding: 0 15px 0 153px;}
article.sub .radioMain.radio190531 .list ul li .txt .subject {margin-bottom: 10px; line-height: 1.2em; font-size: 21px; color: #000;}
article.sub .radioMain.radio190531 .list ul li .txt .subject em {font-weight: bold;}
article.sub .radioMain.radio190531 .list ul li .txt .desc {font-size: 18px; color: #4c4c4c; letter-spacing: -1px;}

article.sub .radioMain.radio190531 .thumbList {margin-bottom: 0;}
article.sub .radioMain.radio190531 .thumbList ul {margin-right: -26.25px;}
article.sub .radioMain.radio190531 .thumbList ul li {margin: 0 26.25px 20px 0; width: auto;}
article.sub .radioMain.radio190531 .thumbList ul li .thumb {position: relative;}