@media (min-width: 1500px) { #subContent > .container { width: 1400px;padding: 30px 0px 80px; } } #subgnb .dropdown:hover > ul.dropdown-menu { display:block; margin:0; } /*서브탑*/ .sub-top { position: relative; height: 400px; width: 100%; top: 0px; z-index: 0; background-size: cover!important; background-position: 50% 50%!important;/*-webkit-animation: zoomin 9s 1; animation: zoomin 9S 1;*/} .sub-rel { margin-bottom: 70px; position: relative; height: 400px; background: #000; z-index:99;} .sub-top-ul { position: absolute; bottom: 0px; text-align: center; margin: 0 auto; background-color: rgba(12, 76, 163, 0.5); width: 100%; } .sub-top-ul li { font-size: 17px; padding: 30px 30px; text-align: center; display: inline-block; } .sub-top-ul a { color: #fff; text-decoration: none; } .sub-cont { background: #fff; position: relative; padding: 0; } #subgnb {padding: 0px 15px;border: 2px solid #6da4dd;background: #fff;box-shadow: 0px 0px 8px #c0d6fd;position: absolute;top: 60%;left: 50%;text-align:center; transform: translateX(-50%);border-radius: 30px; min-width:50%; max-width:90%;} #subgnb .subgnb-home { float:right; display:inline-block; margin:12px 0px 0px 0px;} #subgnb span, #subgnb a { font-size:14px; color:#777; position:relative; top:3px; text-decoration:none;} #subgnb a.active { color:#005D9A; font-weight:bold; } #subgnb .dropdown { display:inline-block;} #subgnb .dropdown .btn { padding:15px 20px; font-size:17px; font-weight:bold;} #subgnb .dropdown .btn-default { border:none; background-color: #8d909f00;} #subgnb .dropdown .btn:hover { background-color:#dadce733; transition:0.3s all ease; color:#000;} #subgnb .dropdown .btn .active { background-color:#005D9A; } #subgnb .dropdown-menu>li>a { padding:10px 20px; transition:0.3s all ease; font-size:17px;} #subgnb .caret { border-top:2px solid #000; border-right: 0px solid transparent; border-left: 2px solid #000; position: relative; margin: 0; height: 8px; width: 8px; transform: rotate(225deg); transition: all 0.6s; margin-top:-10px; margin-left:20px; } #subContent { clear:both;} header { box-shadow: rgba(113, 113, 113, 0.28) 0px 10px 7px; } #footerTop { border-top:1px solid #f2f2f2; margin-top:50px; } #subTitle { font-size:40px; /*display:inline-block; border-bottom:3px solid #0372CF;*/ padding-bottom:10px; margin:50px 0; position: absolute; top: 25%; transform: translateX(-50%); left: 50%; width: 100%;} #subDepth2 { margin-top:45px; } #subDepth2 a { color:#333; text-decoration:none!important; } #subDepth2 a:hover { padding:10px 0; transition:0.2s all; border-top:2px solid #0372CF; transition:0.2s all; color:#0372CF; text-decoration:none; } #subDepth2 li { display:inline-block; padding:0 15px; font-size:18px; color:#333; text-decoration:none; } #subDepth3 { margin-bottom:45px; } #subDepth3 a { color:#333; } #subDepth3 li { display:inline-block; padding:0 15px; font-size:18px; color:#333; text-decoration:none; position:relative; } #subDepth3 > li > a:after { content: ""; position: absolute; top: -15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 8px; height: 8px; background: #0372CF; border-radius: 50%; -webkit-transition: 300ms; transition: 300ms; text-decoration:none; } #subDepth3 > li > a:hover { text-decoration:none; color:#0372CF; transition:.3s all; } #ysBook { overflow:hidden; position:relative; padding:80px 0 50px; background:#e4f2ff; } #ysBook h2 { font-size:25px; margin:0 0 40px; font-weight:bold; } #ysBook h2 a { color:#333; } #ysBook #bookTop { position:relative; } #ysBook #bookTop .container { position:relative; } #ysBook .book-arrow { position:absolute; top:40%; cursor:pointer; } #ysBook #book-prev1 { left:10%; } #ysBook #book-next1 { right:10%; } #ysBook #book-prev2 { left:10%; } #ysBook #book-next2 { right:10%; } #ysBook #book-prev3 { left:10%; } #ysBook #book-next3 { right:10%; } #ysBook a { text-decoration:none; } #ysBook > .container { padding:0 70px; } #ysBook #book-slider1 { overflow:hidden; } #ysBook #book-slider2 { overflow:hidden; } #ysBook #book-slider3 { overflow:hidden; } #ysBook #bookTop { background:#e4f2ff; padding:0 0 40px; } #ysBook .book-box > img { width:190px; max-height:260px; box-shadow: 2px 6px 12px rgba(0,0,0,0.3);} #bookModal .modal-body img { box-shadow: 2px 6px 12px rgba(0,0,0,0.3);} #ysBook .book-wrap p { font-size:17px; color:#333; font-weight:bold; margin:25px 0 0; } #ysBook #bookBottom { margin-top:50px; } #bookBottom ul { overflow:hidden; } #bookBottom ul li { float:left; width:50%; margin-bottom:15px; padding:0 0 15px; border-bottom:1px solid #f2f2f2; } .book-li > .book-box { float:left; } .book-li > .book-li-cont { float:left; margin-left:25px; } .book-li > .book-li-cont p { font-size:17px; margin:0; color:#333; line-height:190%; } .book-li > .book-li-cont p strong { font-size:20px; } #bookModal .modal-title { font-weight:bold; } #bookModal .modal-body { overflow:hidden; padding:30px; } #bookModal .modal-body img { max-width:300px; float:left; } #bookModal .modal-body ul { float:left; margin-left:30px; font-size:17px; } #bookModal .modal-body ul li { padding:3px 0; } #modalImg { float:left; font-size:19px; font-weight:bold; margin-top:20px; margin-left:30px; text-decoration:none; color:#333; } #modalImg img { box-shadow:none!important; margin-right:10px; position:relative; top:3px; } #ysOrder h1 { font-size:20px; font-weight:bold; margin:0 0 20px; } #ysOrder h3 { font-size:22px; font-weight:bold; margin:0 0 30px; color:#0372CF; } #ysOrder h2 { font-size:20px; font-weight:bold; margin:0 0 20px; color:#5782AD; line-height:40px; } #ysOrder #orderTable table { font-size:17px; border:none; display:inline-block; margin:0 10px 30px; vertical-align:top; } #ysOrder #orderTable table thead { background:#0372cf; color:#fff; } #ysOrder #orderTable table td { padding:10px; border:2px solid #ddd; } #ysOrder .board-theme .theme-write .document-extended_keys table tr th { padding:10px 15px; font-size:15px; } #ysToday h2 { font-size:25px; margin:0 0 30px; font-weight:bold; } #ysToday .today-cont { padding:30px; border:8px solid #0372CF; width:70%; margin:0 auto 30px; } #ysToday #qtLink { display: inline-block; background: #0372CF; color: #fff; font-size: 15px; font-weight: bold; padding: 8px 15px; text-decoration:none; } #unit3700 > div { background-repeat: no-repeat!important; } #unit9803 > div { background-repeat: no-repeat!important; } #map { margin: 50px 0 0; } #map h2 { font-size:30px; margin:0; font-weight:bold;} #map ul { margin:20px 0 0; } #map li{ font-size:17px; padding-bottom:20px; padding-left:3.0em; text-indent: -2.0em ;} #map li span{vertical-align: top; } #map .fa, #map .fas { font-size:32px;color:#5782AD; width:1em;} #map .an{padding-bottom: 30px;} @media (min-width:1200px) and (max-width:1499px) { #subgnb { min-width:70%; max-width:90%; } .ys-88914 #unit3567 span { font-size:19px!important; } .ys-88914 #unit4307 > div { font-size:16px!important; line-height: 25px!important; } .ys-88914 #component4683 { margin-bottom:30px!important; } .ys-88914 #unit4456 { width:100%!important; margin-bottom:15px!important; } .ys-88914 #unit4456 > div { padding:15px!important; font-size:17px!important; } .ys-88914 #unit1146 { width:100%!important; margin-bottom:15px!important; } .ys-88914 #unit1146 > div { padding:15px!important; font-size:17px!important; } .ys-88917 #unit3567 span { font-size:19px!important; } .ys-88917 #unit4307 > div { font-size:16px!important; line-height: 25px!important; } .ys-88917 #component4683 { margin-bottom:30px!important; } .ys-88917 #unit4456 { width:100%!important; margin-bottom:15px!important; } .ys-88917 #unit4456 > div { padding:15px!important; font-size:17px!important; } .ys-88917 #unit1146 { width:100%!important; margin-bottom:15px!important; } .ys-88917 #unit1146 > div { padding:15px!important; font-size:17px!important; } .ys-88913 #unit7206 span { font-size:19px!important; } .ys-88913 #unit1031 span { font-size:16px!important; line-height: 30px!important; } .ys-88913 #unit3279 span { font-size:16px!important; line-height: 30px!important; } .ys-88913 #unit7364 div { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; text-align:center!important; } .ys-88913 #unit7364 span { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; } .ys-88913 #unit7329 div { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; text-align:center!important; } .ys-88913 #unit7329 span { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; } .ys-88913 #unit3655 { margin:0!important; } .ys-88913 #unit3655 div span { font-size:19px!important; } .ys-88913 #unit3655 span { font-size:17px!important; } #unit8149 > div > p > span > span > span { left:9%!important; } #unit8149 > div > p > span > span > span > span { font-size:15px!important; top: 26%!important; left:10%!important;} #unit8149 { padding: 0 5px!important; } #unit7348 > div > p > span > span > span { left:4%!important; font-size:22px!important; top:6%!important; } #unit4557 > div > p > span > span > span { left:4%!important; font-size:22px!important; top:6%!important; } #unit7348 > div > p > span > span > span > span { left:9%!important; font-size:17px!important; top:40%!important; } #unit4557 > div > p > span > span > span > span { left:9%!important; font-size:17px!important; top:40%!important; } #unit9803 > div { background-size:100% 100%; } #unit3700 > div { background-size:100% 100%; } #component7064 .res-1 { top:23%!important; left:7%!important; } #component7064 .res-2 { top:45%!important; left:7%!important; } #component7064 .res-3 { top:38%!important; left:7%!important; } .ys-123194 #unit3700 > div:nth-of-type(2) ,.ys-123194 #unit9803 > div:nth-of-type(2) { top: 23% !important; left: 7%!important; } .ys-123194 #unit3700 > div:nth-of-type(1) >div ,.ys-123194 #unit9803 > div:nth-of-type(1) >div{ top: 2% !important; } .ys-123194 #unit3700 > div:nth-of-type(2) span ,.ys-123194 #unit9803 > div:nth-of-type(2) span { font-size:15px!important; } .ys-123226 p.nxt_button span { margin-bottom: 20px;} .t_fs_22 { font-size: 18px!important; } } @media (min-width:993px) and (max-width:1199px) { #subgnb { min-width:70%; max-width:90%; } .ys-55651 #component4009 { width:50%!important; } .ys-88914 #unit3567 span { font-size:19px!important; } .ys-88914 #unit4307 > div { font-size:16px!important; line-height: 25px!important; } .ys-88914 #component4683 { margin-bottom:30px!important; } .ys-88914 #unit4456 { width:100%!important; margin-bottom:15px!important; } .ys-88914 #unit4456 > div { padding:15px!important; font-size:17px!important; } .ys-88914 #unit1146 { width:100%!important; margin-bottom:15px!important; } .ys-88914 #unit1146 > div { padding:15px!important; font-size:17px!important; } .ys-88917 #unit3567 span { font-size:19px!important; } .ys-88917 #unit4307 > div { font-size:16px!important; line-height: 25px!important; } .ys-88917 #component4683 { margin-bottom:30px!important; } .ys-88917 #unit4456 { width:100%!important; margin-bottom:15px!important; } .ys-88917 #unit4456 > div { padding:15px!important; font-size:17px!important; } .ys-88917 #unit1146 { width:100%!important; margin-bottom:15px!important; } .ys-88917 #unit1146 > div { padding:15px!important; font-size:17px!important; } .ys-88913 #unit7206 span { font-size:19px!important; } .ys-88913 #unit1031 span { font-size:16px!important; line-height: 30px!important; } .ys-88913 #unit3279 span { font-size:16px!important; line-height: 30px!important; } .ys-88913 #unit7364 div { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; text-align:center!important; } .ys-88913 #unit7364 span { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; } .ys-88913 #unit7329 div { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; text-align:center!important; } .ys-88913 #unit7329 span { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; } .ys-88913 #unit3655 { margin:0!important; } .ys-88913 #unit3655 div span { font-size:19px!important; } .ys-88913 #unit3655 span { font-size:17px!important; } #component7064 .res-1 { top:33%!important; left:5%!important; } #component7064 .res-2 { top:45%!important; left:5%!important; } #component7064 .res-3 { top:38%!important; left:5%!important; } #component7064 .res-4 { top:38%!important; left:5%!important; } #component7064 .res-5 { top:38%!important; left:5%!important; } #component7064 .res-1 span { font-size:14px!important; } #component7064 .res-2 span { font-size:14px!important; } #component7064 .res-3 span { font-size:14px!important; } #component7064 .res-4 span { font-size:14px!important; } #component7064 .res-5 span { font-size:14px!important; } /**/ .ys-123194 #unit3700 > div:nth-of-type(2) ,.ys-123194 #unit9803 > div:nth-of-type(2) { top: 15% !important; left: 7%!important; } .ys-123194 #unit3700 > div:nth-of-type(1) >div ,.ys-123194 #unit9803 > div:nth-of-type(1) >div{ top: 1% !important; } .ys-123194 #unit3700 > div:nth-of-type(2) span ,.ys-123194 #unit9803 > div:nth-of-type(2) span { font-size:12px!important; } .ys-124515 #unit4521 p span {font-size:22px!important;} .ys-124516 #unit7189 >img{height:auto!important;} .ys-124517 #unit7189 >img{height:215px!important;} .ys-123226 p.nxt_button span { margin-bottom: 20px;} .t_fs_22 { font-size: 14px!important; } } @media (min-width:768px) and (max-width:992px) { #subgnb { min-width:90%; max-width:90%; } #subgnb .dropdown .btn { padding: 15px; } #ysToday h2 { font-size:20px; } #subDepth2 li { font-size:17px; margin:10px 0 ; } #unit2882 { margin: 0 0 15px!important; } #unit2882 div span a { font-size:16px!important; } #unit2882 div span { font-size:16px!important; } #unit8149 > div > p > span > span > span { left:12%!important; font-size:24px!important; top:4%!important; } #unit8149 > div > p > span > span > span > span { font-size:14px!important; top: 26%!important; left: 12%!important;} #unit8149 { padding:0 5px!important; } #unit9803 > div { background-size:100% 100%; } #unit3700 > div { background-size:100% 100%; } /*#component7064 .res-1 { top:33%!important; left:5%!important; } #component7064 .res-2 { top:45%!important; left:5%!important; } #component7064 .res-3 { top:38%!important; left:5%!important; } #component7064 .res-4 { top:38%!important; left:5%!important; } #component7064 .res-5 { top:38%!important; left:5%!important; }*/ #unit9803, #unit3700 { padding:0 10px!important; } /*#component7064 .res-1 span { font-size:14px!important; } #component7064 .res-2 span { font-size:14px!important; } #component7064 .res-3 span { font-size:14px!important; } #component7064 .res-4 span { font-size:14px!important; } #component7064 .res-5 span { font-size:14px!important; }*/ .ys-55651 #component4009 { width:50%!important; } .ys-88914 #unit3567 span { font-size:19px!important; } .ys-88914 #unit4307 > div { font-size:16px!important; line-height: 25px!important; } .ys-88914 #component4683 { margin-bottom:30px!important; } .ys-88914 #unit4456 { width:100%!important; margin-bottom:15px!important; } .ys-88914 #unit4456 > div { padding:15px!important; font-size:17px!important; } .ys-88914 #unit1146 { width:100%!important; margin-bottom:15px!important; } .ys-88914 #unit1146 > div { padding:15px!important; font-size:17px!important; } .ys-88917 #unit3567 span { font-size:19px!important; } .ys-88917 #unit4307 > div { font-size:16px!important; line-height: 25px!important; } .ys-88917 #component4683 { margin-bottom:30px!important; } .ys-88917 #unit4456 { width:100%!important; margin-bottom:15px!important; } .ys-88917 #unit4456 > div { padding:15px!important; font-size:17px!important; } .ys-88917 #unit1146 { width:100%!important; margin-bottom:15px!important; } .ys-88917 #unit1146 > div { padding:15px!important; font-size:17px!important; } .ys-88913 #unit7206 span { font-size:19px!important; } .ys-88913 #unit1031 span { font-size:16px!important; line-height: 30px!important; } .ys-88913 #unit3279 span { font-size:16px!important; line-height: 30px!important; } .ys-88913 #unit7364 div { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; text-align:center!important; } .ys-88913 #unit7364 span { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; } .ys-88913 #unit7329 div { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; text-align:center!important; } .ys-88913 #unit7329 span { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; } .ys-88913 #unit3655 { margin:0!important; } .ys-88913 #unit3655 div span { font-size:19px!important; } .ys-88913 #unit3655 span { font-size:17px!important; } #unit9803 > div { background-size:100% 100%; } #unit3700 > div { background-size:100% 100%; } /*#component7064 .res-1 { top:33%!important; left:5%!important; } #component7064 .res-2 { top:45%!important; left:5%!important; } #component7064 .res-3 { top:38%!important; left:5%!important; } #component7064 .res-4 { top:38%!important; left:5%!important; } #component7064 .res-5 { top:38%!important; left:5%!important; }*/ #component7064 .res-1 span { font-size:14px!important; } #component7064 .res-2 span { font-size:14px!important; } #component7064 .res-3 span { font-size:14px!important; } #component7064 .res-4 span { font-size:14px!important; } #component7064 .res-5 span { font-size:14px!important; } .ys-99355 #unit4822 span { font-size:20px!important; } /**/ .ys-123194 #unit3700 ,.ys-123194 #unit9803 { width:100% !important; } .ys-123194 #unit3700 > div:nth-of-type(2) span ,.ys-123194 #unit9803 > div:nth-of-type(2) span { font-size:18px!important; } .ys-123194 #component7064 { padding:0!important;margin:0!important;} .ys-123194 #component4104 { padding-bottom: 30px; } .ys-123194 #unit3700 > div:nth-of-type(1) , .ys-123194 .dimode-theme >div:nth-of-type(8) >div >div:nth-of-type(1) >div:nth-of-type(1) { height:530px !important; } .ys-123194 .dimode-theme > div:nth-of-type(9) > div > div:nth-of-type(1) > div:nth-of-type(1) { height: 275px !important; } .ys-123194 #unit3700 > div:nth-of-type(2) , .ys-123194 .dimode-theme >div:nth-of-type(8) >div >div:nth-of-type(1) >div:nth-of-type(2) { top: 20% !important; } .ys-123194 .dimode-theme > div:nth-of-type(9) > div > div:nth-of-type(2) > div:nth-of-type(2) { top: 20% !important; } .ys-123194 .dimode-theme >div:nth-of-type(9) >div >div:nth-of-type(1) >div:nth-of-type(2) { top: 30% !important; } .ys-123194 .res-3 { transform: translateY(-18px);} /*.ys-123194 #unit3700 > div:nth-of-type(2) ,.ys-123194 #unit9803 > div:nth-of-type(2) { top: 18% !important; left: 7%!important; }*/ .ys-124515 #unit4521 p span {font-size:16px!important;} .ys-124516 #unit7189 >img{height:auto!important;} .ys-124517 #unit7189 >img{height:190px!important;} .ys-124517 #component4009{width:33%!important;} .ys-123220 .dimode-sort.row.ui-sortable, .ys-123221 .dimode-sort.row.ui-sortable , .ys-123222 .dimode-sort.row.ui-sortable, .ys-123223 .dimode-sort.row.ui-sortable, .ys-123224 .dimode-sort.row.ui-sortable, .ys-123225 .dimode-sort.row.ui-sortable, .ys-124566 .dimode-sort.row.ui-sortable , .ys-123226 .dimode-sort.row.ui-sortable, .ys-123227 .dimode-sort.row.ui-sortable { margin: 0 30px!important; } .ys-123220 #component4663, .ys-123221 #component4663, .ys-123222 #component4663, .ys-123223 #component4663, .ys-123224 #component4663, .ys-123225 #component4663, .ys-124566 #component4663, .ys-123226 #component4663, .ys-123227 #component4663{ padding: 0!important;} .ys-123220 #unit3743, .ys-123221 #unit3743, .ys-123222 #unit3743, .ys-123223 #unit3743, .ys-123224 #unit3743, .ys-123225 #unit3743, .ys-124566 #unit3743, .ys-123226 #unit3743, .ys-123227 #unit3743{ border: 0!important;} .ys-123220 #unit3743 >div , .ys-123221 #unit3743 >div, .ys-123222 #unit3743 >div , .ys-123223 #unit3743 >div, .ys-123224 #unit3743 >div , .ys-123225 #unit3743 >div, .ys-124566 #unit3743 >div, .ys-123226 #unit3743 >div , .ys-123227 #unit3743 >div{ padding: 0!important;} .t_fs_22 { font-size: 16px!important; } .ys-123235 #unit9788 > img{ height:auto!important;} .ys-123240 #unit7277 .row .col-sm-2 >p >span >span >span { font-size: 40px!important;} } @media (max-width:767px) { .sub-top { position: relative; height: 300px;} .sub-rel { margin-bottom: 50px; position: relative; height: 300px;} #subgnb { width:95%; padding: 0 0px } #subgnb .dropdown .btn { padding: 15px 1px; font-size: 16px; } #subgnb .dropdown-menu {min-width: 130px;} #ysToday h2 { font-size:18px; } #ysToday .today-cont { padding:15px; width:100%; border: 8px solid #0372CF; margin-bottom:15px; } .list-categories > .btn { width:100%!important; font-size:15px!important; } .list-categories .btn-group .btn { font-size:15px!important; } .list-categories .btn-group { width:100%!important; font-size:15px!important; } #subTitle { margin:20px 0 30px; font-size:23px; } #subDepth2 li { font-size:16px; float:left; width:33.333%; text-align:center; margin:7px 0; } #subDepth2 { margin-top:30px; overflow:hidden; } #subDepth3 li { font-size:16px; float:left; width:33.333%; text-align:center; margin:20px 0; } #subDepth3 li { padding:0; } #subDepth2 li { padding:0; } #subDepth3 { overflow:hidden; margin-bottom:20px; } #ysBook { padding:30px 15px; } #ysBook h2 { margin: 0 0 20px; font-size:17px; } #ysBook .book-arrow { display:none; } #ysBook #bookTop { padding-bottom:30px; } .modal-backdrop { display:none!important; } #bookModal .modal-body { padding:15px; text-align:center; } #bookModal .modal-body img { max-width:200px; float:none; margin:0 0 15px; } #bookModal .modal-body ul { float:none; margin:0; } #modalImg { float:none; font-size:17px; margin:10px 0 0; } #modalImg img { margin:0!important; position:relative; top:-1px; } #ysOrder h1 { font-size:17px; margin-bottom: 15px; line-height:150%; } #ysOrder h3 { font-size:17px; margin-bottom: 15px; line-height:150%; } #ysOrder #orderTable table { font-size:15px; width:100%; display: table; margin:0 0 10px; } #ysOrder .board-theme .theme-write { padding:15px; margin-top:20px; } #ysOrder h2 { font-size:17px; margin-bottom: 15px; line-height:150%; } #ysOrder .board-theme .theme-write .document-extended_keys table tr th { padding:10px 10px; font-size:15px; } .board-theme .theme-list table th, .board-theme .theme-list table td { padding:10px!important; font-size:15px!important; } .board-theme .theme-list table tbody td.document-title a { font-size:14px!important; } .board-theme .theme-list .list-categories { margin-bottom:0px!important; } .board-theme.gallery .theme-list > .each-document { margin:15px 0 0!important; width:100%!important; padding:0!important; } .board-theme.gallery .theme-list > .each-document > a.title-image { width:100%!important; } #recent-sermon p { margin:0 0 15px!important; font-size:17px!Important; } #recent-sermon-cont { margin:15px 0!important; } #recent-sermon-cont p { margin:2px 0px!important; font-size:15px!Important; } #recent-sermon > div { padding:0!important; } .sermon-box { padding:0!important; width:100%!important; margin-bottom:15px!important; } .sermon-content .sermon-date { left:15px!important; } .sermon-content .sermon-speaker { margin-right:15px!important; } #section-5{padding: 0 15px;} /* new sub */ .ys-54662 #unit9831 > div { height:auto!important; } .ys-54662 #unit9831 > div > p { position:relative!important; top:0!important; left:0!important; transform:none!important; padding:15px 0; } .ys-54662 #unit9831 > div > p span { font-size:20px!important; } .ys-54662 #component9119 { margin-bottom:20px!important; } .ys-54662 #unit2728 span { font-size:17px!important; } .ys-54662 #unit2728 { margin-bottom:20px!important; } .ys-54662 #unit5729 { margin-top:30px!important; } .ys-54662 #unit5729 span { font-size:17px!important; } .ys-54662 #unit1272 { margin:0!important; } .ys-54662 #unit1272 span { font-size:17px!important; } .ys-54668 #map { margin:20px 0 0!important; } .ys-54668 #map .container { padding:0!important; } .ys-54668 #map h2 { font-size:18px!important; } .ys-54668 #map ul { margin:15px 0!important; } .ys-54668 #map li { font-size:15px!important; } #component4193 { margin:20px 0 30px!important; } #component7064 { margin-top:30px!important; } #unit9803 > div { background-repeat: no-repeat; } #unit9803 > div > div:first-child { top:3%!important; left:5%!important; } #unit9803 > div > div:first-child span { font-size:17px!important; } .res-1 { top: 20%!important; left: 6%!important; } .res-1 span { font-size:15px!important; } #unit3700 > div { background-repeat: no-repeat; } #unit3700 > div > div:first-child { top:3%!important; left:5%!important; } #unit3700 > div > div:first-child span { font-size:17px!important; } .res-4 { top: 20%!important; left: 6%!important; } .res-4 span { font-size:15px!important; } .res-3 { top: 20%!important; left: 6%!important; } .res-3 span { font-size:15px!important; } .res-2 { top: 20%!important; left: 6%!important; } .res-2 span { font-size:15px!important; } .res-5 { top: 20%!important; left: 6%!important; } .res-5 span { font-size:15px!important; } /* 다음세대 */ #unit7206 span { font-size:17px!important; } #unit1031 span { font-size:17px!important; } #unit3279 span { font-size:17px!important; } #unit7183 span { font-size:17px!important; width:100%!important; display:inline-block; padding:5px 0!important; text-align:center!important; } #unit5752 span { font-size:17px!important; width:100%!important; display:inline-block; padding:5px 0!important; text-align:center!important; } #unit2403 span { font-size:17px!important; width:100%!important; display:inline-block; padding:5px 0!important; text-align:center!important; } #unit7912 span { font-size:17px!important; width:100%!important; display:inline-block; padding:5px 0!important; text-align:center!important; } #unit9921 span { font-size:17px!important; width:100%!important; display:inline-block; padding:5px 0!important; text-align:center!important; } #unit4644 span { font-size:17px!important; width:100%!important; display:inline-block; padding:5px 0!important; text-align:center!important; } #unit5466 span { font-size:17px!important; width:100%!important; display:inline-block; padding:5px 0!important; text-align:center!important; } #unit2728 span { font-size:17px!important; width:100%!important; display:inline-block; padding:5px 0!important; text-align:center!important; } #component2572 { margin:10px 0!important; } #unit3279 img { margin:10px 0!important; } #unit3655 { margin:0!important; } #unit3279 { margin-top:15px!important; } #unit3655 span { font-size:17px!important; } #unit8242 { margin:0!important; } #unit8242 table span { font-size:15px!important; } .ys-55032 #unit1618 > p { font-size:20px!important; } .ys-55032 #unit3021 span { font-size:17px!important; } .ys-55032 #unit3021 p { margin:0!important; } .ys-55032 #unit9882 p { margin:0!important; } .ys-55032 #unit9882 p span { font-size:17px!important; } .ys-55032 #component2299 { padding:10px 0!important; } .ys-55032 #unit3141 span { font-size:17px!important; } .ys-55032 #unit3141 p { margin:0!important; } .ys-55032 #unit4914 p { margin:0!important; } .ys-55032 #unit4914 p span { font-size:17px!important; } .ys-55032 #component8805 { padding:10px 0!important; } .ys-55032 #component2299 img { margin-top:10px!important; } .ys-55032 #component5320 { padding:10px 0!important; } .ys-55032 #unit1389 p { margin:0!important; } .ys-55032 #unit1389 span { font-size:17px!important; } .ys-55032 #unit3996 p { margin:0!important; } .ys-55032 #unit3996 p span { font-size:17px!important; } .ys-55032 #component8729 { padding:10px 0!important; } .ys-55032 #unit3667 p { margin:0!important; } .ys-55032 #unit3667 span { font-size:17px!important; } .ys-55032 #unit8400 p { margin:0!important; } .ys-55032 #unit8400 p span { font-size:17px!important; } .ys-55032 #component9900 { padding:10px 0!important; } .ys-55032 #unit5126 p { margin:0!important; } .ys-55032 #unit5126 span { font-size:17px!important; } .ys-55032 #unit2932 p { margin:0!important; } .ys-55032 #unit2932 span { font-size:17px!important; } .ys-55032 #component4269 { padding:10px 0!important; } .ys-55032 #unit8063 p { margin:0!important; } .ys-55032 #unit8063 span { font-size:17px!important; } .ys-55032 #unit6746 p { margin:0!important; } .ys-55032 #unit6746 span { font-size:17px!important; } .ys-55032 #component7936 { padding:10px 0!important; } .ys-55032 #unit9504 p { margin:0!important; } .ys-55032 #unit9504 span { font-size:17px!important; } .ys-55032 #unit9747 p { margin:0!important; } .ys-55032 #unit9747 span { font-size:17px!important; } .ys-54667 #component2819 { margin:0 0 15px!important; } .ys-54667 #unit8735 span { font-size:17px!important; } .ys-54667 #component4009 { padding:0 15px!important; } .ys-54667 .pastor-1 > div img { padding:0!important; margin-bottom:10px!important; } .ys-54667 .pastor-1 > div { padding:0!important; } .ys-54667 #unit7489 span { display:inline-block; margin-bottom:10px!important; font-size:16px!important; } .ys-54666 #unit7479 span { font-size:17px!important; } .ys-54666 #unit7502 table span { font-size:15px!important; } .ys-54666 #component9234 { padding:0!important; } .ys-54670 #unit2847 span { font-size:15px!important; line-height:1.5!important; } .ys-54670 #unit2914 { margin:0!important; } .ys-54670 #unit2914 span { font-size:18px!important; } .ys-54670 #component8513 { margin:15px 0 0!important; } .ys-54670 #unit6612 { text-align:center!important; } .ys-54670 #unit6612 img { max-width:150px!important; } .ys-54670 #unit6800 { text-align:center!important; } .ys-54670 #unit6800 img { max-width:150px!important; } .ys-54669 #unit7479 > div { margin:0!important; } .ys-54669 #unit7479 span { font-size:17px!important; } .ys-88914 #unit3567 span { font-size:19px!important; } .ys-88914 #unit4307 > div { font-size:16px!important; line-height: 25px!important; } .ys-88914 #component4683 { margin-bottom:30px!important; } .ys-88914 #unit4456 { width:100%!important; margin-bottom:15px!important; } .ys-88914 #unit4456 > div { padding:15px!important; font-size:17px!important; } .ys-88914 #unit1146 { width:100%!important; margin-bottom:15px!important; } .ys-88914 #unit1146 > div { padding:15px!important; font-size:17px!important; } .ys-88917 #unit3567 span { font-size:19px!important; } .ys-88917 #unit4307 > div { font-size:16px!important; line-height: 25px!important; } .ys-88917 #component4683 { margin-bottom:30px!important; } .ys-88917 #unit4456 { width:100%!important; margin-bottom:15px!important; } .ys-88917 #unit4456 > div { padding:15px!important; font-size:17px!important; } .ys-88917 #unit1146 { width:100%!important; margin-bottom:15px!important; } .ys-88917 #unit1146 > div { padding:15px!important; font-size:17px!important; } .ys-88913 #unit7206 span { font-size:19px!important; } .ys-88913 #unit1031 span { font-size:16px!important; line-height: 30px!important; } .ys-88913 #unit3279 span { font-size:16px!important; line-height: 30px!important; } .ys-88913 #unit7364 div { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; text-align:center!important; } .ys-88913 #unit7364 span { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; } .ys-88913 #unit7329 div { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; text-align:center!important; } .ys-88913 #unit7329 span { height:auto!important; width:100%!important; padding:5px 0!important; font-size:16px!important; font-family:inherit!important; } .ys-88913 #unit3655 { margin:0!important; } .ys-88913 #unit3655 div span { font-size:19px!important; } .ys-88913 #unit3655 span { font-size:17px!important; } .ys-55772 .dimode-theme .col-xs-12 { padding:0!important; } .ys-55772 #unit7479 span { font-size:17px!important; } .ys-55772 #unit7502 table span { font-size:16px!important; } .ys-55752 #unit7206 span { font-size:17px!important; } .ys-55752 #component2572 { margin:20px 0!important; } .ys-55752 #unit7277 > div { padding:15px!important; } .ys-55752 #unit7277 span { font-size:17px!important; line-height: 30px; } .ys-55747 #unit7206 span { font-size:17px!important; } .ys-55747 #component2572 { margin:20px 0!important; } .ys-55747 #unit7277 > div { padding:15px!important; } .ys-55747 #unit7277 span { font-size:17px!important; line-height: 30px; } .ys-55686 #component5536 { margin:0 0 20px!important; } .ys-55686 #unit4012 span { font-size:18px!important; } .ys-55686 #component2819 { margin:0 0 15px!important; } .ys-55686 #component2819 span { font-size:17px!important; } .ys-55686 #unit2754 table { margin-bottom:15px!important; } .ys-55686 #unit2754 table span { font-size:15px!important; } .ys-55686 #unit8735 div { font-size:17px!important; line-height: 25px; } .ys-55515 #component2376 { padding:15px!important; } .ys-55515 #component2376 img { max-width:150px!important; } .ys-55515 #unit5804 div { font-size:17px!important; margin:15px 0!important; } .ys-55649 #component5084 { padding:0 15px!important; } .ys-55649 #unit4521 p { margin:15px 0 0!important; } .ys-55649 #unit4521 p span { font-size:18px!important; } .ys-55649 #unit7803 { display:none!important; } .ys-55649 #unit7476 { padding:0!important; margin-top:15px!important; } .ys-55649 #unit7476 span { font-size:17px!important; } .ys-55649 #unit7476 p { margin:0 0 5px!important; } .ys-55649 .pastor-1 > div { padding:0!important; margin:10px 0!important; } .ys-55649 #unit7189 img { width:100%!important; height:auto!important; } .ys-55649 #unit7489 { margin-top:15px!important; } .ys-55649 #unit7489 span { font-size:17px!important; } .ys-55649 #component4009 { padding: 0 15px 15px!important; } .ys-55932 #unit5569 span { font-size:17px!important; } .ys-55932 .next-div { padding:15px!important; text-align:center!important; } .ys-55932 #unit1121 div { margin:5px 0!important; } .ys-55932 #unit1121 div span { font-size:17px!important; } .ys-55932 #unit9036 { margin-top:15px!important; } .ys-55933 #unit5569 span { font-size:17px!important; } .ys-55933 .next-div { padding:15px!important; text-align:center!important; } .ys-55933 #unit1121 div { margin:5px 0!important; } .ys-55933 #unit1121 div span { font-size:17px!important; } .ys-55933 #unit9036 { margin-bottom:15px!important; } .ys-55933 #component4248 { margin:0!important; padding:0!important; } .ys-55933 #unit1121 { text-align:center!important; } .ys-98957 #unit8735 span { font-size:19px!important; } .ys-98957 #component2819 { margin:15px 0!important; } .ys-98957 #unit3239 { margin-top:10px!important; } .ys-98957 #unit3239 span { font-size:17px!important; } .ys-55515 #unit5327 { width:50%!important; float:left; } .ys-55515 #unit3338 { width:50%!important; float:left; } .ys-99355 #unit4822 span { font-size:17px!important; line-height:165%!important; } .ys-123193 #unit5650 { height: 60vw; overflow: hidden; } .ys-123193 #unit5650 img { position:relative; top: -165%; left:0; } .ys-123193 #unit7065 { padding: 7vw; } .ys-123194 #unit3700 > div:nth-of-type(2) span ,.ys-123194 #unit9803 > div:nth-of-type(2) span { font-size:3vw!important; } .ys-123194 #component7064 { padding:0!important;margin:0!important;} .ys-123194 #component4104 { padding-bottom: 30px; } .ys-123194 #unit3700 > div:nth-of-type(2) ,.ys-123194 #unit9803 > div:nth-of-type(2) { top: 25% !important; left: 7%!important; } .ys-123194 #unit3700 > div:nth-of-type(1) >div ,.ys-123194 #unit9803 > div:nth-of-type(1) >div{ top: 3% !important; } .ys-123194 #unit3700 > div:nth-of-type(1) , .ys-123194 .dimode-theme >div:nth-of-type(8) >div >div:nth-of-type(1) >div:nth-of-type(1) { height:65vw !important; } .ys-123194 .dimode-theme > div:nth-of-type(9) > div > div:nth-of-type(1) > div:nth-of-type(1) { height: 33vw !important; } .ys-123194 #unit3700 > div:nth-of-type(2) , .ys-123194 .dimode-theme >div:nth-of-type(8) >div >div:nth-of-type(1) >div:nth-of-type(2) { top: 20% !important; } .ys-123194 .dimode-theme > div:nth-of-type(9) > div > div:nth-of-type(2) > div:nth-of-type(2) { top: 20% !important; } .ys-123194 .dimode-theme >div:nth-of-type(9) >div >div:nth-of-type(1) >div:nth-of-type(2) { top: 18% !important;} .ys-123194 .res-3 { transform: translateY(-18px);} .ys-123194 #unit3700 span ,.ys-123194 #unit9803 span{ line-height: 1.3!important; } .ys-123196 .dimode-sort.row.ui-sortable { width: 97vw;} .ys-124517 #unit7189 , .ys-124518 #component4009 { text-align: center; } .ys-123220 .dimode-sort.row.ui-sortable, .ys-123221 .dimode-sort.row.ui-sortable , .ys-123222 .dimode-sort.row.ui-sortable, .ys-123223 .dimode-sort.row.ui-sortable, .ys-123224 .dimode-sort.row.ui-sortable, .ys-123225 .dimode-sort.row.ui-sortable, .ys-124566 .dimode-sort.row.ui-sortable , .ys-123226 .dimode-sort.row.ui-sortable, .ys-123227 .dimode-sort.row.ui-sortable {margin: 0 30px!important; } .ys-123220 #component4663, .ys-123221 #component4663, .ys-123222 #component4663, .ys-123223 #component4663, .ys-123224 #component4663, .ys-123225 #component4663, .ys-124566 #component4663, .ys-123226 #component4663, .ys-123227 #component4663{ padding: 0!important;} .ys-123220 #unit3743, .ys-123221 #unit3743, .ys-123222 #unit3743, .ys-123223 #unit3743, .ys-123224 #unit3743, .ys-123225 #unit3743, .ys-124566 #unit3743, .ys-123226 #unit3743, .ys-123227 #unit3743{ border: 0!important;} .ys-123220 #unit3743 >div , .ys-123221 #unit3743 >div, .ys-123222 #unit3743 >div , .ys-123223 #unit3743 >div, .ys-123224 #unit3743 >div , .ys-123225 #unit3743 >div, .ys-124566 #unit3743 >div, .ys-123226 #unit3743 >div , .ys-123227 #unit3743 >div{ padding: 0!important;} .ys-123220 #component7128, .ys-123221 #component7128, .ys-123222 #component7128, .ys-123223 #component7128, .ys-123224 #component7128, .ys-123225 #component7128, .ys-124566 #component7128, .ys-123226 #component7128, .ys-123227 #component7128{padding: 30px 0!important;} .ys-123226 p.nxt_button span { margin-bottom: 20px;} .ys-123233 #unit7279 { text-align: center;} .t_fs_22 { font-size: 16px!important; } .ys-123233 #unit2710 >div, .ys-123234 #unit2554 >div, .ys-123235 #unit2016 >div, .ys-123236 #unit6654 >div, .ys-123237 #unit2163 >div,.ys-123238 #unit7277 >div, .ys-123240 #unit7277 >div{ padding: 30px 20px!important;} .ys-123237 #unit9347 >div >div{ padding: 30px 20px!important; width: 70%;} .ys-123240 #unit7277 .row .col-sm-2 >p >span >span >span { font-size: 40px!important;} .ys-124315 #component2453 {padding: 30px 20px!important;} .ys-124315 .dimode-theme >div:nth-of-type(6) #unit1520 table td, .ys-124315 #unit1520 table td strong{word-break:break-all;} .ys-123255 #unit4635 .t_fs_30 {padding: 20px 30px!important;} .ys-123255 #unit4635 .t_fs_24 {padding: 20px 0px!important;} .ys-123255 .t_fs_30 { font-size: 23px;} .ys-123255 .t_fs_24 { font-size: 20px!important;} .ys-123255 #unit4635 >div >div { width: 90vw;} #map h2 {font-size: 20px;} #map li{ font-size:15px; } } @media (max-width:467px) { #subgnb { left: 50%; } #subgnb .dropdown-menu > li > a { font-size: 14px; } #subgnb .dropdown .btn { font-size: 14px; } .ys-124515 p span {font-size:5vw!important;} .ys-124515 #unit4521 p {margin-top: 23px!important;} .ys-123235 #unit9788 > img{ height:auto!important;} .ys-123235 #component2453, .ys-123237 #component2453 , ys-123237 #component4714 { padding: 30px 20px!important;} .ys-123237 #unit9347 >div >div{ width: 90%;} .ys-123257 #unit6547 >div >div span { font-size: 24px!important; } }