@charset "euc-kr";

body.seminar{min-width: 320px;}
.seminar b{font-weight: inherit; font-size: inherit; color: inherit;}

.seminar .w100{max-width: 768px; width: 100%; margin: 0 auto; min-width: auto; padding: 0 15px;}
.seminar button.btn{width: 180px; text-align: center; color: #6582C8; font-size: 15px; border: 1px solid #6582C8; border-radius: 30px; padding: 12px 0; background: transparent; margin: 5px;}

.seminar .icon.arrow{width: 14px; height: 14px; display: inline-block; background: url(/seminar/img/icons.svg) 0 -133px; padding-left: 0; vertical-align: middle;}
.seminar button.btn.on,
.seminar button.btn:hover{box-shadow: none; background: #6582C8; color: #fff;}
.seminar button.btn.on .icon.arrow.bottom,
.seminar button.btn:hover .icon.arrow.bottom{background-position: -56px -133px;}
.seminar button.btn.on .icon.arrow.bottom{transform: rotate(180deg); position: relative; top: -2px;}

.seminar button.btn .icon.arrow.right{background-position: -28px -133px; float: none; margin-top: -5px;}
.seminar button.btn:hover .icon.arrow.right{background-position: -42px -133px;}
.seminar button.btn.white{border: 1px solid #fff; border-radius: 30px; padding: 6px 36px; color: #fff; background: transparent; display: inline-block; width: auto; font-size: 15px;}


.seminar header{position: relative;}
.seminar header .ad img{width: 100%;}
.seminar header .ad img.mobile-img{display: none;}
.seminar header .logo a{display: block; height: 60px; line-height: 60px; position: relative;}
.seminar header .logo img{position: absolute; top: 50%; margin-top: -14.5px;}
.seminar header .inner{height: 60px; line-height: 60px; background: #6582C8; border-bottom: 1px solid rgba(255,255,255,0.25); box-shadow: none; position: static; transition: 0.2s all;}
.seminar header .inner.on{position: fixed; top: 0; left: 0; width: 100%;}
.seminar header .menu{width: 29px; height: 27px; background: url(/seminar/img/icons.svg) 0 -15px; margin-top: 17px;}
.seminar header .side{width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 100;}
.seminar header .side .blackout{display: block; background: rgba(0,0,0,0.8); width: 100%; height: 100%;}
.seminar header .side .list{display: block; width: 270px; background: #fff; position: absolute; right: 0; top: 0; height: 100%;}
.seminar header .side .list .close{width: 29px; height: 27px; background: url(/seminar/img/icons.svg) -29px -15px; display: block; position: absolute; left: -40px; top: 15px; text-indent: -9999em; cursor: pointer;}
.seminar header .side .list .log-area{background: #6582C8; padding: 30px; text-align: center; color: #fff; font-size: 17px;}
.seminar header .side .list .log-area p{color: #fff; font-size: inherit; margin-bottom: 5px;}
.seminar header .side .list .log-area p strong{font-weight: 500; color: inherit;}
.seminar header .side .list .log-area.login{font-size: 13px;}
.seminar header .side .list .log-area.logout button{font-size: 12px; padding: 2px 18px;}
.seminar header .side .list .link-area{padding-left: 30px; }
.seminar header .side .list .link-area ul{ padding: 5px 0;}
.seminar header .side .list .link-area ul.family{border: 1px solid rgba(101,130,200,0.15); border-right: 0; border-left: 0;}
.seminar header .side .list .link-area ul li{margin: 15px 0; line-height: 1.5em;}
.seminar header .side .list .link-area ul li a{box-shadow: inset 0 -9px 0 rgba(101,130,200,0); transition: 0.2s all; color: #555; font-size: 17px; display: inline-block;}
.seminar header .side .list .link-area ul.family li a{font-size: 15px; margin-left: 15px;}
.seminar header .side .list .link-area ul li a:hover,
.seminar header .side .list .link-area ul li a:active,
.seminar header .side .list .link-area ul li a:focus,
.seminar header .side .list .link-area ul li.title span:hover,
.seminar header .side .list .link-area ul.on li.title span{box-shadow: inset 0 -9px 0 rgba(101,130,200,0.15); color: #6582C8; cursor: pointer;}

.seminar header .side .list .link-area ul.family li{display: none; cursor: pointer; transition: 0.2s all;}
.seminar header .side .list .link-area ul.family li.title{display: block;}
.seminar header .side .list .link-area ul.family.on li{display: block;}

.seminar header .side .list .link-area ul.family li span{vertical-align: middle; transition: 0.2s all}
.seminar header .side .list .link-area .icon.arrow.bottom{margin-left: 130px; transform: rotate(0deg); transition: 0.2s all}
.seminar header .side .list .link-area ul.family.on .icon.arrow.bottom{transform: rotate(180deg);}



.seminar .wrap{padding-top:0}
.seminar .intro{background: #F8F8F8;}
.seminar .intro .w100{background: url(/seminar/img/seminar-intro.jpg) 50% 50%; background-size: cover; height: 225px; display: table;}
.seminar .intro h2{width: 100%; color: #6582C8; vertical-align: middle; font-size: 36px; font-weight: 500; padding-top: 37px; padding-bottom: 20px; line-height: 1.2em;}
.seminar .intro h2 span.line{display:inline-block; width: 100px; border-bottom: 2px solid #6582C8; vertical-align: middle; margin-left: 20px;}
.seminar .intro .title{width: 100%; color: #6582C8; vertical-align: middle; box-sizing: border-box; font-size: 18px; line-height: 1.5em; font-weight: 200;}
.seminar .tab{width: 100%;}
.seminar .tab button{width: 50%; display: block; float: left; background: transparent; font-size: 17px; color: #777; font-weight: 400; border-bottom: 2px solid #e6e6e6;padding-bottom: 12.5px; margin-top: 50px;}
.seminar .tab button:focus,
.seminar .tab button:active{box-shadow: none;}
.seminar .tab button.on{color: #6582C8; border-bottom: 2px solid #6582C8; font-weight: 500; }

.seminar .sem.now{width: 100%; text-align: center; margin-top: 30px;}
.seminar .sem.now .card{width: 50%; padding: 0 10px; box-sizing: border-box; display: inline-block; position: relative; margin-right: -4px; margin-bottom: 20px; vertical-align: top; text-align: left; cursor: pointer}
.seminar .sem.now .card .img{padding: 35%; background-size: cover;}
.seminar .sem.now .card h3{font-size: 20px; color: #333; font-weight: 500; line-height: 1.3em; padding: 20px 20px 0; text-align: left; word-spacing: -1px; letter-spacing: -1px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom: 10px; height: 55px;}
.seminar .sem.now .card ul{padding: 0 20px 40px;}
.seminar .sem.now .card ul li:nth-child(1){margin-bottom: 10px;}
.seminar .sem.now .card ul li span{font-size: 17px; color: #555; width: 55px; display: table-cell; border-right: 1px solid #ccc; line-height: 1;}
.seminar .sem.now .card ul li em{font-size: 17px; color: #555; padding-left: 8px; display: table-cell}
.seminar .sem.now .card ul li em b{font-weight: inherit;}
.seminar .sem.now .card .tag-area{text-align: right;}
.seminar .sem.now .card .status{width: 70px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; font-weight: 500; background: linear-gradient(to right, #ef6678 1%,#ec8c6a 100%); text-align: center; display: inline-block; position: relative; bottom: -1px; right: -1px}
.seminar .sem.now .card .status.open{background: linear-gradient(to right, #7392D6 1%,#4CDCDA 100%);}
.seminar .sem.now .card .status.end{background: #B4BFD6;}
.seminar .sem.now .card .status.sale{width: 110px; color: #EF6778; border: 1px solid #EF6778; background: transparent; box-sizing: border-box; bottom: -2px}
.seminar .sem.now .card .bottom{border: 1px solid #ccc; box-sizing: border-box; border-top: 0;;min-height:243px}
.seminar .sem-year h2{font-size: 22px; color: #333; font-weight: 400; margin-top: 50px;}
.seminar .sem-year table{border-spacing: 0 5px; border-collapse: initial; border: 0; margin-top: 20px;}
.seminar .sem-year table tr th{padding: 6px 20px; border: 1px solid #e1e1e1; border-right: 0; background: #F0F0F0; color: #7294D6; font-size: 15px;}
.seminar .sem-year table tr th span{color: #7294D6; font-size: 24px;}
.seminar .sem-year table tr td{padding: 6px 20px; border: 1px solid #e1e1e1; border-left: 0; font-size: 17px; color: #555; text-align: left; line-height: 1.75em;}
.seminar .sem-year .note{text-align: left; color: #555; font-size: 13px;}


.seminar .all-title{width: 100%; font-size: 22px; color: #555555; font-weight: 500; background: #F7F7F7; padding: 14px; line-height: 1; box-sizing: border-box;}

.seminar .sem.all dl{padding: 30px 0; border-bottom: 1px solid #e1e1e1;}
.seminar .sem.all dl dt{display: table-cell; vertical-align: top;}
.seminar .sem.all dl dt img{display: inline-block; width: 140px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1);}
.seminar .sem.all dl dd{display: table-cell; padding-left: 30px;}
.seminar .sem.all dl dd h3{font-size: 22px; font-weight: 500; line-height: 1.3em; padding: 5px 0 15px; color: #333; vertical-align: middle;}
.seminar .sem.all dl dd h3 em{display: inline-block; font-size: inherit; font-weight: inherit; color: inherit; padding-right: 10px; vertical-align: middle;}
.seminar .sem.all dl dd h3 span{font-size: 17px; font-weight: 400; color: #999999; vertical-align: middle; display: inline-block;}
.seminar .sem.all dl dd .note{font-size: 17px; color: #555; line-height: 1.76em;}
.seminar .sem.all dl dd .who{margin-top: 10px;}
.seminar .sem.all dl dd .who span{font-size: 17px; color: #6582C8; line-height: 1.76em;}
.seminar .sem.all dl dd .who em{color: #ccc;}
.seminar .sem.all dl dd .list{background: #F4F4F4; border-radius: 5px; padding: 20px 15px; box-sizing: border-box; margin-top: 15px;}
.seminar .sem.all dl dd .list li{font-size: 15px; color: #555; vertical-align: middle; line-height: 1.75em;}
.seminar .sem.all dl dd .list li .square{text-indent: -9999em; width: 5px; height: 5px; display: inline-block; background: #EF6778; transform: rotate(45deg); vertical-align: middle; margin-right: 6px; margin-top: -3px;}

.seminar .sem.all .filter{width: 100%; margin-top: 30px;}
.seminar .sem.all .filter button{display: block; float: left; height: 40px; line-height: 38px; font-size: 15px; color: #777; box-sizing: border-box; border-radius: 5px; border: 1px solid #e1e1e1; background: transparent; padding: 0;}
.seminar .sem.all .filter button.on{background: #6582C8; color: #fff; border: 1px solid #6582C8}
.seminar .sem.all .filter button.all{width: 14%; margin-right: 1%}
.seminar .sem.all .filter button.show1,
.seminar .sem.all .filter button.show2{width: 20%; margin-right: 1%}
.seminar .sem.all .filter button.show3{width: 21%; margin-right: 1%}
.seminar .sem.all .filter button.show4{width: 21%; margin-right: 0;}



.seminar .qna{text-align: center;}
.seminar .qna p{text-align: center; font-size: 22px; font-weight: 500; margin: 30px 0 10px; line-height: 1.6em;}
.seminar .qna p span{display: inline-block;}

.seminar .notice{background: #829C59; margin: 150px 0 0; }
.seminar .notice .w100{padding-top: 40px; padding-bottom: 40px; position: relative;}
.seminar .notice h2{font-size: 24px; color: #fff; font-weight: 500; margin-bottom: 15px; text-align: center; font-weight: 500; line-height: 1.2em;}
.seminar .notice h2 .sub{font-size: 17px; display: block; text-align: center; width: 100%; color: #fff; margin-top: 5px; font-weight: 400;}
.seminar .notice p{font-size: 17px; color: #fff; line-height: 1.76em; font-weight: 200; text-align: center; border-top: 1px solid #e1e1e1; padding-top: 15px;}
.seminar .notice .bg-icon{background: url(/seminar/img/icons.svg) 0 -520px; width: 138px; height: 94px; display: block; position: absolute; top: -94px; right: 50%; margin-right: -69px;}
.seminar .notice .call{font-size: 22px; color: inherit; margin-top: 5px; display: inline-block;}

.seminar .detail h2{line-height: 1.2em; margin: 50px 0 20px;}
.seminar .detail .notice h2{margin-top: 0;}
.seminar .detail h2 em{font-size: 26px; font-weight: 500; margin-right: 20px; color: #333333;}
.seminar .detail h2 span{font-size: 17px; font-weight: 400; color: #999999; display: inline-block;}
.seminar table{width: 100%; border-top: 1px solid #e1e1e1;}
.seminar table th{background: #F6F8FB; padding: 14px; width: 100px; font-size: 15px; color: #555; font-weight: 400; border-bottom: 1px solid #e1e1e1}
.seminar table td{background: transparent; padding: 14px 20px; border-bottom: 1px solid #e1e1e1;font-size: 15px; color: #555; font-weight: 400;}
.seminar table td b{font-weight: inherit;}
.seminar table td button.btn{padding: 6px 22px; width: auto; font-size: 15px; margin: 10px 0 0 0; display: block;}

.seminar .map{width: 100%; height: 300px; display: none; margin-top: 14px;}
.seminar .map.on{display: block;}

.seminar table td.price-area .price{color: #999999; font-size: 14px; text-decoration: line-through; margin-right: 5px;}
.seminar table td.price-area .discount{color: #6582C8; font-size: 17px; font-weight: 500; }
.seminar table td.price-area .date{display: inline-block; background: #f4f4f4; color: #EF6678; padding: 4px 15px; line-height: 1.2em; border-radius: 30px; font-size: 14px; margin-top: 10px;}




.seminar .detail .share{margin-top: 20px; margin-bottom: 30px;}
.seminar .detail .share li{display: inline-block; margin-right: 3px;}
.seminar .detail .share li button{width: 36px; height: 36px; background: url(/seminar/img/icons.svg) 0 -147px; display: inline-block;}
.seminar .detail .share li button.fb{background-position: 0 -147px;}
.seminar .detail .share li button.tw{background-position: 0 -183px;}
.seminar .detail .share li button.ka{background-position: 0 -219px;}
.seminar .detail .share li button.link{background-position: 0 -255px;}
.seminar .detail .content h3{color: #6582C8; font-size: 22px; font-weight: 500; line-height: 1.76em; margin-bottom: 10px;}
.seminar .detail .content h3:before{content:""; display: block; width: 30px; height: 2px; background: #6582C8; margin-bottom: 10px;}
.seminar .detail .content p{margin-bottom: 50px; font-size: 17px; color: #555; line-height: 1.76em;}
.seminar .detail .content img{margin-bottom: 50px; width:auto; max-width: 100%;}

.seminar ul.notice{background: #F4F4F4; padding: 20px 30px;}
.seminar ul.notice li:before{content: "."; display: inline-block; text-indent: -15px; position: relative; top: -5px;}
.seminar ul.notice li{margin-left: 10px; font-size: 15px; color: #555; line-height: 1.5em; margin-bottom: 10px;}
.seminar ul.notice li:last-child{margin-bottom: 0;}
.seminar .detail .footer{position: fixed; bottom: 0; left: 0; width: 100%; background: #F6F8FB; text-align: center; width: 100%; padding: 4.5px 3px; box-sizing: border-box; z-index: 1; box-shadow: 0 -3px 6px rgba(0,0,0,0.16)}
.seminar .detail .footer .w100{width: 100%; display: table; border-spacing: 5px; padding: 0;}
.seminar .detail .footer p{display: table-cell; border: 1px solid #6582C8; color: #6582C8; box-sizing: border-box; width: 33.3333%; padding: 12px 0; text-align: center; transition: 0.2s all; background-color: transparent; font-size: 15px; cursor: pointer}
.seminar .detail .footer p.on,
.seminar .detail .footer p:hover{background: #6582C8; color: #fff;}
.seminar .detail .footer p.go{background: #F08996; color: #fff; border: 1px solid #EF6678}
.seminar .detail .footer p.go:hover{background: #EF6678; color: #fff;}


.seminar .apply h2{font-size: 26px; color: #555; font-weight: 500; line-height: 1.76em; text-align: center; padding: 60px 10px 20px; border-bottom: 1px solid #e1e1e1;}
.seminar .apply h3{font-size: 17px; font-weight: 500; line-height: 1.76em; color: #555; margin-top: 30px; line-height: 1.76em;}
.seminar .apply table th{width: auto; max-width: 100%;}
.seminar .apply table td{text-align: center;}
.seminar .apply table td.point-t{font-weight: 500; color: #6582C8; border-left: 1px solid #e1e1e1;}
.seminar .apply ol li{list-style: decimal; margin-left: 20px; line-height: 1.76em; margin-bottom: 30px; color: #555;}
.seminar .apply ul.notice{margin: 30px 0;}
.seminar .apply .agree-area{width: 100%; border-top: 1px solid #e1e1e1; margin-bottom: 100px; padding-top: 20px; }
.seminar .apply .agree-area .cell:first-child{text-align: left;}
.seminar .apply .agree-area .cell{xwidth: 50%; text-align: right; xvertical-align: middle;}
.seminar .apply .agree-area .cell button{margin: 0;}
.seminar .apply .agree-area .cell label{font-size: 17px; color: #555;}


.seminar .apply .agree-area .cell input[type='checkbox']{width: 34px; height: 34px; background: url(/seminar/img/icons.svg) 0 -291px; border: 0; margin-right: 10px;}
.seminar .apply .agree-area .cell input[type='checkbox']:hover{background-position: -34px -291px;}
.seminar .apply .agree-area .cell input[type='checkbox']:checked{background-position: -68px -291px; -webkit-appearance: none;}
.seminar .apply .agree-area .cell input[type='checkbox']:checked:after{display: none;}


.seminar .apply .form p:after{content: ""; display: block; clear: both;}
.seminar .apply .form label{width: 140px; display: block; float: left; vertical-align: top; line-height: 40px; font-size: 15px; color: #555;}
.seminar .apply .form label.line-height{line-height: 1.2em; margin-top: 4px; padding-right: 30px; box-sizing: border-box;}
.seminar .apply .form em.cell{vertical-align: top; width:100%; max-width: 320px; line-height: 40px; float: left; display: block;}
.seminar .apply .form em.cell .sm{max-width: 120px; width: 100%;}
.seminar .apply .form em.cell .md{max-width: 160px; width: 100%;}
.seminar .apply .form em.cell .lg{max-width: 320px; width: 100%;}

.seminar .apply .form em.cell select,
.seminar .apply .form em.cell input[type="text"],
.seminar .apply .form em.cell input[type="tel"],
.seminar .apply .form em.cell input[type="email"]{border: 1px solid #e1e1e1; padding: 0 14px; height: 40px; line-height: 40px; font-size: 15px; color: #555; margin-bottom: 10px; box-sizing: border-box;}
.seminar .apply .form .address{padding: 20px 0;}
.seminar .apply .form em.cell select{background: url(/seminar/img/sub-select.svg) 100% 50% no-repeat; padding-right: 30px;}

.seminar .apply .form .address em.cell .md{max-width: 190px; margin-right: 10px; }
.seminar .apply .form .address em.cell button{background: #6D6D6D; color: #fff; font-size: 15px; font-weight: 400; height: 40px; line-height: 40px; word-spacing: -2px; letter-spacing: -1px;}

.seminar .apply .form h3{margin-bottom: 20px;}
.seminar .apply .form h3 em{margin-right: 15px;}
.seminar .apply .form .sub{font-size: 15px; color: #999; font-weight: 400;}
.seminar .apply .form input[type='checkbox']{border: 1px solid #e1e1e1; border-radius: 0; margin-right: 10px;}
.seminar .apply .form .line{width: 100%; border-bottom: 1px solid #e1e1e1; margin-top: 30px; margin-bottom: 30px;}

.seminar .apply .form #innerTable.more:after{content:""; display: block; clear: both;}
.seminar .apply .form #innerTable.more .person{float: left; width: 50%;}
.seminar .apply .form #innerTable.more .person label{width: 20%;}
.seminar .apply .form #innerTable.more .person em.cell{width: 80%;}

.seminar .apply .form .agree-area{margin-top: 20px;}

.seminar .apply table th{width: 100px; max-width: 100px; min-width: 100px; box-sizing: border-box; padding-left: 10px; padding-right: 10px;}

.seminar .apply.pay table td{text-align: left;}
.seminar .apply.pay table th .sub{font-size: 12px; display: block;}
.seminar .apply.pay .total-area{border-bottom: 1px solid #e1e1e1; margin-top: 5px; width: 100%;}
.seminar .apply.pay .total-area li{font-size: 15px; color: #555; display: table-row;}
.seminar .apply.pay .total-area li .cell{box-sizing: border-box; border-top: 1px solid #e1e1e1;  padding: 14px; vertical-align: middle;}
.seminar .apply.pay .total-area li .cell:last-child{text-align: right;}
.seminar .apply.pay .total-area li .sub{display: block; font-size: 12px;}
.seminar .apply.pay .total-area li.total .cell{color: #6582C8; font-weight: 500; border-top: 2px solid #6582C8}
.seminar .apply.pay .total-area li.total .cell:last-child{font-size: 20px;}

.seminar .apply.pay .pay-area button{width: 145px; height: 100px; border: 2px solid #e1e1e1;  background: transparent; box-sizing: border-box; margin-top: 30px; margin-bottom: 15px; transition: 0.2s all; display: inline-block;}
.seminar .apply.pay .pay-area button:active,
.seminar .apply.pay .pay-area button:hover,
.seminar .apply.pay .pay-area button:focus{box-shadow: none;}
.seminar .apply.pay .pay-area button.on{border: 2px solid #6582C8; }
.seminar .apply.pay .pay-area button:first-child{margin-right: 5px;}
.seminar .apply.pay .pay-area button .icon{width: 68px; height: 52px; background: url(/seminar/img/icons.svg) 0 -325px; display: block; margin: 0 auto; }
.seminar .apply.pay .pay-area button.bank .icon{background-position: 0 -377px}
.seminar .apply.pay .pay-area button.on.card .icon{background-position: -68px -325px}
.seminar .apply.pay .pay-area button.on.bank .icon{background-position: -68px -377px}
.seminar .apply.pay .pay-area em{font-size: 12px; color: #aaa;}
.seminar .apply.pay .pay-area button.on em{color: #6582C8}
.seminar .apply.pay h3.more{color: #6582C8; font-size: 17px; font-weight: 500;}
.seminar .apply.pay h3.more .icon{display: inline-block; width: 22px; height: 22px; background: url(/seminar/img/icons.svg) no-repeat;background-position: -44px -429px; vertical-align: middle; margin-right: 5px; margin-top: -3px;}
.seminar .apply.pay h3.more .icon.bus{background-position: -66px -429px;}
.seminar .apply.pay ul.notice{margin-top: 10px; margin-bottom: 0px;}
.seminar .apply.pay ul.bus{margin-top: 10px; margin-bottom: 20px; padding-left: 27px;}
.seminar .apply.pay ul.bus li{display: table-row;}
.seminar .apply.pay ul.bus span{display: table-cell; width: 100px; font-size: 15px; color: #555; line-height: 1.5em; padding-bottom: 10px;}
.seminar .apply.pay ul.bus em{display: table-cell; font-size: 15px; color: #555; line-height: 1.5em; padding-bottom: 10px;}

.seminar .apply.pay #innerTable{}

.seminar .apply.pay .btn-area{padding-top: 20px; margin-bottom: 100px;}
 
.seminar .my .box{width: 100%; margin-bottom: 30px;}
.seminar .my .box .date{width: 100%; background: #F6F8FB; border-top: 1px solid #e1e1e1; padding: 6px 10px; box-sizing: border-box;}
.seminar .my .box .date span{font-size: 15px; color: #555;}
.seminar .my .box .date span.left{margin-top: 5px; display: inline-block;}
.seminar .my .box .date span.right{display: inline-block; background: #fff; border-radius: 30px; padding: 3px 15px; line-height: 1.5em;}
.seminar .my .box .seminar-area{margin-top: 20px; margin-bottom: 10px; width: 100%;}
.seminar .my .box .seminar-area dt{display: table-cell;}
.seminar .my .box .seminar-area dt .img{width: 196px; height: 140px;  background-position: 50% 50%; background-size: cover; display: block;}
.seminar .my .box .seminar-area dd{display: table-cell; padding-left: 30px; vertical-align: middle;}
.seminar .my .box .seminar-area dd>strong{display: block; color: #333; font-size: 22px; font-weight: 500;}
.seminar .my .box .seminar-area dd>span{display: block; font-size: 15px; color: #555; margin-top: 10px;}
.seminar .my .box .seminar-area button.btn{width: auto; display: inline-block; padding: 6px 18px; margin-left: 0; margin-right: 10px; margin-top: 12px; margin-bottom: 0;}
.seminar .my .box .seminar-area button.btn:last-child{margin-right: 0;}
.seminar .my .box .open-table{display: none;}
.seminar .my .box button.btn:hover{background: #6582C8; color: #fff;}
.seminar .my .box button.btn.on .icon.arrow.bottom,
.seminar .my .box button.btn.on:hover .icon.arrow.bottom{background-position: -56px -133px;}
.seminar .my .box button.btn.on:hover{background: #6582C8; color: #fff;}
.seminar .my .my-none p{background: #F6F8FB; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; font-size: 15px; color: #555; padding: 20px 10px; text-align: center;}
.seminar .my .my-none span{color: #999; font-size: 14px; text-align: center; display: block; padding: 50px;}

/*.seminar .my .box button.btn:hover .icon.arrow.bottom{background-position: 0 -133px;}*/


.seminar .my .box:last-child{border-bottom: 1px solid #e1e1e1;}

.seminar .bold{font-weight: 500;}
.seminar .pt-30{padding-top: 30px; display: block;}
.seminar .bobo-0{border-bottom: 0!important;}
.seminar .red-t{color:#EF6678!important;}
.seminar input[type='radio']{border: 1px solid #e1e1e1; width: 22px; height: 22px;}
.seminar input[type='radio']:checked:after{width: 12px; height: 12px; margin: -6px 0 0 -6px;}

.seminar .paging{text-align: center; margin-bottom: 100px; margin-top: 50px;}
.seminar .paging ul{display: inline-block;}
.seminar .paging ul li{display: inline-block;}
.seminar .paging button{padding: 0; background: transparent; font-size: 15px; vertical-align: middle;}
.seminar .paging button:active,
.seminar .paging button:focus{box-shadow: none;}
.seminar .paging span.num{padding: 0 5px; font-size: 15px; color: #555; transition: 0.2s all;}
.seminar .paging.on span.num,
.seminar .paging span.num:hover{padding: 0 5px; color: #6582C8; text-decoration: underline;}
.seminar .paging span.icon{display: inline-block; width: 34px; height: 34px; background: url(/seminar/img/icons.svg) 0 -486px no-repeat;}
.seminar .paging span.icon.prev{background-position: 0 -452px; margin-right: 10px;}
.seminar .paging span.icon.next{background-position: 0 -452px; transform: rotate(180deg); margin-left: 10px;}
.seminar .paging span.icon.last{background-position: 0 -486px; transform: rotate(180deg)}

.seminar .paging span.icon.prev:hover{background-position: -34px -452px;}
.seminar .paging span.icon.next:hover{background-position: -34px -452px;}
.seminar .paging span.icon.last:hover{background-position: -34px -486px;}
.seminar .paging span.icon.first:hover{background-position: -34px -486px;}

.gotop{position: fixed; bottom: 30px; right: 0px; z-index: 100;}
.gotop .inner p{transition:0.2s background;}
.gotop .inner .go-top{display: block; width: 61px; height: 53.8px; background: url(/sl/img/gotop.svg) 0 -45px;}


@media screen and (max-width: 768px){
	footer .left{text-align: center; width: 100%;}
	footer .left ul{line-height: 1.6em; padding: 30px 20px; box-sizing: border-box;}
	footer .right{width: 100%; margin-top: 30px;}
	footer .right:after{content: ""; display: block; clear: both;}
	footer .right ul{width: 45%; float: left; margin-top: 0; text-align: left;}
	footer .right select{float: right;}
	.seminar header .ad img.web-img{display: none;}
	.seminar header .ad img.mobile-img{display: block;}

	.seminar a,
	.seminar th,
	.seminar td,
	.seminar li,
	.seminar h2,
	.seminar h3,
	.seminar h4,
	.seminar div,
	.seminar p,
	.seminar span,
	.seminar strong,
	.seminar button,
	.seminar label,
	.seminar input,
	.seminar em{letter-spacing: -1px;}

	.seminar .intro .w100{padding: 0 30px;}
	.seminar .intro h2{font-size: 30px;}
	.seminar .intro .title{font-size: 18px;}

	.seminar .sem.now .card h3,
	.seminar .all-title,
	.seminar .qna p,
	.seminar .notice h2,
	.seminar .sem.all dl dd h3{font-size: 20px; word-spacing: -2px;}
	.gotop .inner .go-top{display: block; width: 51px; height: 45px; background: url(/sl/img/gotop.svg) 0 0;}

	.seminar .apply .form #innerTable.more:after{content:""; display: block; clear: both;}
	.seminar .apply .form #innerTable.more .person{float: left; width: 100%;}
	.seminar .apply .form #innerTable.more .person label{width: 140px;}
	.seminar .apply .form #innerTable.more .person em.cell{width: 100%; max-width: 100%;}


}

@media screen and (max-width: 480px){
	.seminar ul.notice{padding: 20px;}
	.seminar table td{padding: 14px 14px;}
	.seminar .notice{margin-top: 150px;}


	.seminar .intro .w100{display: block; height: auto; padding-bottom: 30px;}
	.seminar .intro h2{width: 100%; display: block; min-width: 100%; text-align: center; padding:30px 0 20px; line-height: 1.2em;}
	.seminar .intro h2 span.line{display: none;}
	.seminar .intro .title{width: 100%; display: block; padding: 0; text-align: center; line-height: 1.75em;}

	.seminar .sem.now .card{width: 99.5%; padding: 0; margin-right: 0;}
	.seminar .sem.now .card .tag{right: 0;}
	.seminar .sem-year table tr th{width: 60px; box-sizing: border-box;}
	.seminar .sem-year .note{text-align: center;}	
	.seminar .sem.all dl dt{display: block; text-align: center;}
	.seminar .sem.all dl dd{display: block; padding-left: 0; }
	.seminar .sem.all dl dd h3 {margin-top: 10px;}
	.seminar .sem.all dl dd h3 em,
	.seminar .sem.all dl dd h3 span{display: block; text-align: center; width: 100%;}
	
	.seminar .sem.all .scr-x{width: 100%; overflow-x: scroll;}
	.seminar .sem.all .filter{width: 450px; padding-right: 20px; }

	.seminar .apply h2{padding-top: 30px;}
	.seminar .apply .agree-area .table{display: block; }
	.seminar .apply .agree-area .cell{display: block; width: 100%; text-align: center!important;}
	.seminar .apply .agree-area .cell button{margin: 20px auto 0;}

	.seminar .apply .form label{width: 24%; word-spacing: -2px;}
	.seminar .apply .form em.cell select,
	.seminar .apply .form em.cell input[type="text"],
	.seminar .apply .form em.cell input[type="tel"],
	.seminar .apply .form em.cell input[type="email"]{width: 100%; box-sizing: border-box;;}
	.seminar .apply .form em.cell{max-width: 76%; width: 76%}
	.seminar .apply .form em.cell .sm,
	.seminar .apply .form em.cell .md,
	.seminar .apply .form em.cell .lg{max-width: 100%;}
	.seminar .apply .form h3 .sub{display: block;}
	.seminar .apply .form .address{padding: 0;}
	.seminar .apply .form .address em.cell .md{max-width: 57%; margin-right: 3%;}
	.seminar .apply .form .address em.cell button{width: 40%; font-size: 14px;}
	.seminar .apply .form label.line-height{width: 100%; max-width: 100%; line-height: 40px; margin-top: 0;}
	.seminar .apply .form label.line-height+em{width: 100%; max-width: 100%;}
	.seminar .apply .form .agree-area{padding-top: 0;}
	.seminar .apply.pay .agree-area{padding-top: 0;}
	.seminar .apply.pay .agree-area.text-center{padding-top: 20px;}

	.seminar .apply table th{width: 80px; max-width: 80px; min-width: 80px; padding-left: 0; padding-right: 0;}
	.seminar .apply.pay .pay-area .child-on{text-align: center;}
	.seminar .apply.pay ul.bus li{display: block;}
	.seminar .apply.pay ul.bus span{display: block; padding-bottom: 0;}
	.seminar .apply.pay ul.bus em{display: block;}


	.seminar .apply.pay .pay-area button{width: 49%;}
	.seminar .apply.pay .pay-area button:first-child{margin-right: 0px;}

	.seminar .my .box .seminar-area dt{display: block; width: 100%;}
	.seminar .my .box .seminar-area dt .img{padding: 35%; background-size: cover; margin: 0 auto; width: auto; height: 0;}
	.seminar .my .box .seminar-area dd{display: block; padding-left: 0; text-align: center; margin-top: 10px;}


}


@media print {
	header{display: none;}
	footer{display: none;}
	.agree-area{display: none;}
}