/* common */
/* 2021.04.23 begin */
h4, h5, h6, h6, label {margin-top: 0; margin-bottom: 0;}
p {margin:0;}
/* 2021.04.23 end */
body {}
#wrap {width:100%; position:relative; padding-top:190px; overflow: hidden;}
#wrap.main {padding-top:150px;}
.container {width: 100%; max-width:1200px; margin-left:auto; margin-right:auto; position:relative;}
.container:after {content:""; display:table; clear:both;}
/* #wrap.main .container {max-width:1600px;} */

@media (max-width:1620px) {
	#wrap.main .container {padding-left: 15px; padding-right: 15px;}
}

@media (max-width:1220px) {
	#wrap {padding-top: 61px;}
	#wrap.main {padding-top:61px;}
	.container {padding-left: 15px; padding-right: 15px;}
}



.wht500 {font-weight:500;}
.txtLeft {text-align:left !important;}
.mt0 {margin-top:0;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.pt0 {padding-top:0 !important;}
.mt0 {margin-top:0 !important;}


/* GNB */
@media (min-width:1221px) {
	#gnb {position: fixed; z-index:100; top: 0; left: 0; right: 0; height: 190px; background: #fff;}
	#gnb.main {height: 150px;}
	#gnbTop {height:100px; border-bottom: solid 2px #e0e0e0;}
	#gnb.main #gnbTop {height: 60px;}
	.gbtLogo {height: 89px; position: absolute; top: 100%; margin-top: 2px; z-index: 1;}
	.gbtLogo a {display:block; height:100%; width:230px; text-indent:-9999px; /* background:url('../../img/intranet_logo.png')no-repeat left center; */ background-size: contain;}
	.gbtLft {float: left;}
	.gbtLft:after {content: ''; display: table; clear: both;}
	.gbtLft li {float: left; margin-right: 10px; padding: 34px 0;}
	#gnb.main .gbtLft li {padding: 14px 10px;}
	.gbtLft li:last-child {margin-right: 0;}
	.gbtLft li a {display: block; width: 30px; height: 30px; text-indent: -9999px;}
	.gbtLft li.gbtlsta a {background: url('../../img/common/gnb_top_left_insta.png')no-repeat left center;}
	.gbtLft li.gbtlkko a {background: url('../../img/common/gnb_top_left_kakao.png')no-repeat left center;}
	.gbtRht {float: right;}
	.gbtRht:after {/* content: ''; */ display: table; clear: both;}
	.gbtRht li {float: left; padding: 39px 10px; position: relative;}
	#gnb.main .gbtRht li {padding: 18px 25px;}
	#gnb.main .gbtRht li:after {/* content: ''; */ display: block; width: 3px; height: 3px; background: #c4c6ca; position: absolute; right: -1px; top: 50%; margin-top: -1px;}
	#gnb.main .gbtRht li:last-child {padding-right: 0;}
	#gnb.main .gbtRht li:last-child:after {display: none;}
	.gbtRht li:first-child {padding-left: 0;margin-top: -1px;}
	.gbtRht li:last-child {padding-right: 0;}
	.gbtRht li a {display:block; height:20px; line-height:20px; font-size:11pt; color:#444;}
	.gbtRht li.gbtrName a {}
	.gbtRht li.gbtrOut a {padding-left: 25px; background: url('../../img/common/gnb_top_right_login.jpg')no-repeat left center;}
	.gbtRht li.gbtrLgn a {padding-left: 25px; background: url('../../img/common/gnb_top_right_login.jpg')no-repeat left center;}
	.gbtRht li.gbtrJon a {padding-left: 25px; background: url('../../img/common/gnb_top_right_join.jpg')no-repeat left center;}
	.gbtRht li.gbtrEng a {padding-left: 25px; background: url('../../img/common/gnb_top_right_eng.jpg')no-repeat left center; color: #1681e0;}
	.gbtMo {display:none;}
	#gnbBot {height:90px; border-bottom:solid 1px #e5e5e5; position:relative;}
	#gnbBot .container {padding-left: 300px;}
	#gnb.main #gnbBot .container {/* padding-right: 300px; */}
	.gbbMenu {position:relative; padding-left:75px; color: #666;}
	#wrap .gbbMenu {width: calc(100% - 230px);float: right;padding-left: 0;}
	#wrap.main .gbbMenu {width: calc(100% - 230px);float: right;padding-left: 0;}
	.gbbMenu:after {content:""; display:table; clear:both;}
	.gbbMenu > li {float:right; width:20%; position: relative; }
	.gbbMenu > li:nth-child(6):after {display: none;}
	.gbbMenu > li:after {/* content: ''; */ display: block; width: 3px; height: 3px; background: #bbb; position: absolute; right: -1px; top: 50%; margin-top: -1px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;}
	.gbbMenu > li.gbbMo {display: none;}
	.gbbMenu > li > a {display:block; text-align:center; height:89px; line-height:89px; font-size:14pt; font-weight: 500; color: #000;}
	.gbbMenu > li > a > span {display:none;}
	.gbbMenu > li > ul {position:absolute; left:0; right:0; top:100%; height:0px; overflow:hidden; z-index:1; -webkit-transition: all 0.3s; transition: all 0.3s;}
	.gbbMenu > li > ul > li {padding:8px 0; text-align: center;}
	.gbbMenu > li > ul > li:first-child {padding-top:20px;}
	.gbbMenu > li > ul > li > a {display:inline-block; text-align:center; font-size:12pt; letter-spacing: -0.075em; color: #333;}
	.gbbMenu > li > ul > li > a:hover {color: #1681e0;}
	.gbbMenu > li > ul > li > ul {display: block; text-align: left; padding: 5px 0; padding-left: 42px;}
	.gbbMenu > li > ul > li > ul > li > a {display: inline-block; font-size: 10pt;}
	.gbbMenu > li > ul > li > ul > li > a:hover {color: #1681e0;}
	.gbbBg {position:absolute; top:100%; left:-1000px; right:-500px; height:0px; background: #fff; overflow:hidden; -webkit-transition: all 0.3s; transition: all 0.3s;}
	.gbbBg:before,
	.gbbBg:after {content:""; position:absolute; display:block; height:1px; left:0; right:0; background:#dadada;}
	.gbbBg:before {top:0;}
	.gbbBg:after {bottom:0;}
	.gbbMenu:hover > li > ul,
	.gbbMenu:hover > .gbbBg {height:260px;}
	.gbbMenu.on > li > ul,
	.gbbMenu.on > .gbbBg {height:290px !important;}
	.gbbPc {display:block; width:75px; height:67px; position:absolute; left:0; top:0; cursor:pointer; z-index:1; border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; padding: 23px 27px;}
	.gbtSch {padding: 20px 0; margin-right: 30px;}
	.gbtsForm {width: 620px; margin: 0 auto; position: relative;}
	.gbtsForm input[type="text"] {display: block; width: 100%; height: 60px; border: solid 4px #2c97d2; padding-left: 15px; padding-right: 75px; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
	.gbtsForm a {display: block; width: 60px; height: 60px; position: absolute; right: 15px; top: 0; text-indent: -9999px; background:url("../../img/main/main_top_search.png")no-repeat center center; background-size: 30px auto;}
	.gbtsAll {display: none;}

}

@media (max-width:1620px) {
	#gnb.main #gnbBot .container {}
	#wrap.main .gbbMenu {width: 100%;padding-left:300px;}
	#wrap .gbbMenu {width: 100%;padding-left:300px;}
}

@media (max-width:1220px) {
	#gnb {z-index:100; position: fixed; left: 0; right: 0; top: 0;}
	#wrap.main .gbbMenu {padding-left:0px;}
	#wrap .gbbMenu {padding-left:0px;}
	#gnbTop {height:61px; border-bottom: solid 1px #e0e0e0; background: #fff; z-index: 103; position: relative;}
	.gbtLogo {float: left;}
	.gbtLogo a {display:block; height:60px; width: 200px; text-indent:-9999px; /* background:url('../../img/intranet_logo.png')no-repeat left center; */ background-size: auto 30px !important; -webkit-transition: all 0.3s; transition: all 0.3s;}
	.gbtLft {display: none;}
	.gbtRht {display: none;}
	.gbtMo {display:block; width:50px; height:60px; position:fixed; z-index:105; padding:23px 15px; right:0; top:0; cursor:pointer;}
	.gbtMo span {display:block; height:1px; background:#000; margin-bottom:5px; position:relative; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
	.gbtMo span:last-child {margin-bottom:0;}
	.gbtMo.on span:nth-child(1) {opacity:0;}
	.gbtMo.on span:nth-child(2) {margin-bottom:6px; margin-left:-4px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
	.gbtMo.on span:nth-child(3) {margin-top:-7px; margin-left:-4px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
	#gnbBot {position:fixed; z-index:102; top:0; left:0; right: 0; width: 100%; height: 0px; padding-top: 61px; background: #fff; overflow:hidden; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
	#gnbBot.on {height: 100%;}
	#gnbBot .container {padding-left: 0; padding-right: 0; height: 100%;}
	html.on,
	body.on {display:block; height:100%; overflow:hidden;}
	.gbbUsr {text-align: center;}
	.gbbUsr:after {content: ''; display: table; clear: both;}
	.gbbUsr dd {float: left; padding: 15px 0; width: 33.3333%; position: relative;}
	.gbbUsr dd:after {content: ''; display: block; width: 1px; height: 14px; background: #ccc; position: absolute; right: 0; top: 50%; margin-top: -7px;}
	.gbbUsr dd:last-child:after {display: none;}
	.gbbUsr dd a {display:inline-block; height:20px; line-height:20px; font-size:11pt; color:#444; background-size:18px auto !important;}
	.gbbUsr dd.gbbName a {}
	.gbbUsr dd.gbbOut a {padding-left: 25px; background: url('../../img/common/gnb_top_right_login.jpg')no-repeat left center;}
	.gbbUsr dd.gbbLgn a {padding-left: 25px; background: url('../../img/common/gnb_top_right_login.jpg')no-repeat left center;}
	.gbbUsr dd.gbbJon a {padding-left: 25px; background: url('../../img/common/gnb_top_right_join.jpg')no-repeat left center;}
	.gbbUsr dd.gbbEng a {padding-left: 25px; background: url('../../img/common/gnb_top_right_eng.jpg')no-repeat left center; color: #1681e0;}
	.gbbMenu {height: 100%; overflow-y:scroll; -webkit-overflow-scrolling: touch;}
	.gbbMenu > li {position:relative; text-align:left; z-index:1; border-bottom:solid 1px #ddd;}
	.gbbMenu > li > a {display:block; height:60px; line-height:60px; font-size:13pt; padding:0 15px; font-weight:500;}
	.gbbMenu > li > a:after {content: ''; display: table; clear: both;}
	.gbbMenu > li > span {display:block; position:absolute; left:0; right:0; top:0; height:60px; cursor:pointer;}
	.gbbMenu > li > span:after {content:""; display:block; width:14px; height:8px; position:absolute; right:15px; top:50%; margin-top:-4px; background:url('../../img/common/mobile_updown.png')no-repeat center bottom; background-size:100% auto;}
	.gbbMenu > li > span.on:after {background-position:center top !important;}
	.gbbMenu > li > ul {display:none; background:#fafafa; border-top:solid 1px #ddd; padding: 15px;}
	.gbbMenu > li > ul > li {padding-left: 20px;}
	.gbbMenu > li > ul > li > a {display:block; height:40px; line-height:40px; font-size:11pt; position: relative; padding-left: 15px; background:url('../../img/common/mobile_arrow.png')no-repeat right center; background-size:7px auto;}
	.gbbMenu > li > ul > li > a:before {content: ''; display: block; width: 7px; height: 9px; position: absolute; left: 0; top: 50%; margin-top: -4px; background:url('../../img/common/gnb_mobile_dot.png')no-repeat right center; background-size:100% auto;}
	.gbbMenu > li.gbbBg {display:none;}

	.gbtSch {padding: 20px 0; margin-right: 30px;}
	.gbtsForm {display: none;}
	.gbtsAll {display: block; width: 50px; height: 60px; text-indent: -9999px; position: absolute; right: 50px; top: 0; background: url("../../img/main/main_top_search.png")no-repeat center center; background-size: 20px auto;}


}







/* Footer */
/* 
#footer {background: #303030; padding: 30px 0; margin-top: 120px;}
.ftTop {position: relative;}
.ftTop:after {content: ''; display: table; clear: both;}
.fttLft {float: left;}
.fttLft:after {content: ''; display: table; clear: both;}
.fttLft p {color: #fff; font-size: 16pt; font-weight: 500; margin-top: 10px;}
.fttLft p span {font-size: 14pt; font-weight: 300;}
.fttLft dl {margin-top: 10px;}
.fttLft dl:after {content: ''; display: table; clear: both;}
.fttLft dl dd {float: left; margin-right: 20px; color: #a6a9ad; font-size: 11pt; position: relative; padding-left: 8px;}
.fttLft dl dd:last-child {margin-right: 0;}
.fttLft dl dd:before {content: ''; display: block; width: 2px; height: 2px; position: absolute; background: #a6a9ad; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.fttLft ul {margin-top: 40px;}
.fttLft ul:after {content: ''; display: table; clear: both;}
.fttLft ul li {margin-right: 30px; float: left;}
.fttLft ul li:last-child {margin-right: 0;}
.fttLft ul li a {display: block; color: #fff; font-size: 11pt;}
.fttLft ul li:first-child a {color: #5ea9ff;}
.fttRht {float: right; width: 420px; margin-right: -5px; margin-top: 30px;}
.fttRht:after {content: ''; display: table; clear: both;}
.fttRht li {float: left; padding: 5px;}
.fttRht li a {display: block;}
.fttRht li img {display: block;}
.ftBot {border-top: solid 1px #454545; padding-top: 30px; margin-top: 30px;}
.ftBot:after {content: ''; display: table; clear: both;}
.ftbLft {float: left;}
.ftbLft p {color: #999;}
.ftbLft p.ftbCopy {color: #fff;}
.ftbRht {float: right; position: relative; z-index: 2;}
.ftbRht span {display: block; width: 230px; height: 40px; line-height: 38px; font-size: 11pt; color: #666; border: solid 1px #5f5f5f; position: relative; padding-left: 15px; padding-right: 40px; cursor: pointer;}
.ftbRht span:after {content: ''; display: block; width: 9px; height: 4px; position: absolute; right: 15px; top: 50%; margin-top: -2px; background:url('../../img/common/footer_family_arrow.png')no-repeat center top; background-size: 100% auto !important;}
.ftbRht span.on:after {background-position: center bottom;}
.ftbRht ul {position: absolute; bottom: 100%; left: 0; right: 0; background: #fff; border-left: solid 1px #ddd; border-right: solid 1px #ddd; display: none;}
.ftbRht ul li {border-top: solid 1px #ddd;}
.ftbRht ul li a {display: block; padding: 10px 15px; font-size: 11pt;}

@media (max-width:1620px) {
	.fttLft dl {width: 600px;}
}

@media (max-width:1220px) {
	.fttLft dl {width: 400px;}
}

@media (max-width:900px) {
	#footer {margin-top: 60px;}
	.fttLft {float: none; text-align: center;}
	.fttLft p {float: none; margin-top: 0;}
	.fttLft p span {font-size: 11pt; margin-top: 0;}
	.fttLft dl {font-size: 30pt; float: none; margin-left: 0; width: 100%;}
	.fttLft dl dd {padding-left: 0; float: none; margin-right: 0;}
	.fttLft dl dd:before {display: none;}
	.fttLft ul {position: static; margin-top: 15px;}
	.fttLft ul:after {content: ''; display: table; clear: both;}
	.fttLft ul li {margin-right: 20px; float: none; display: inline-block;}
	.fttRht {float: none; width: 100%; height: auto; margin-right: -2px; margin-top: -2px; margin-top: 20px;}
	.fttRht li {width: 50%; padding: 2px;}
	.fttRht li img {width: 100%;}
	.ftBot {padding-top: 20px; margin-top: 20px;}
	.ftbLft {float: none; margin-top: 15px; text-align: center; font-size: 10pt;}
	.ftbLft p {line-height: 1.5em;}
	.ftbLft p span {display: block;}
	.ftbLft p.ftbCopy {font-size: 9pt; margin-top: 5px;}
	.ftbRht {float: none; width: 60%; margin: 0 auto;}
	.ftbRht span {width: 100%;}
}

@media (max-width:320px) {
	.ftbLft {font-size: 9pt;}
	.ftbLft p span {display: inline;}
	.ftbLft p.ftbCopy {font-size: 9pt;}
}

 */


/* Footer */
#footer {margin-top:60px;}
.ftMenu {border-top:solid 1px #d3d3d3; border-bottom:solid 1px #d3d3d3;}
.ftMenu ul {float:left;}
.ftMenu ul:after {content:""; display:table; clear:both;}
.ftMenu ul li {padding:22px 20px; float:left; position:relative;}
.ftMenu ul li:after {content:""; display:block; width:1px; height:14px; background:#d2d2d2; position:absolute; right:0; top:50%; margin-top:-7px;}
.ftMenu ul li:last-child:after {display:none;}
.ftMenu ul li a {display:block; height:14px; line-height:14px; white-space:nowrap; font-size:11pt; color:#7e7e7e; font-weight:300;}

.ftAddr {background:#f9fafb; padding:35px 0;}
/* .ftAddr .container {background:url("../../img/common/footer_iso.jpg")no-repeat right top;} */
.ftAddr p {padding-right:190px;}
.ftAddr p:after {content:""; display:table; clear:both;}
.ftAddr p b {font-weight:400;}
.ftAddr p span {font-size:11pt; font-weight:300; display:block; float:left; margin-right:10px; padding-right:12px; white-space:nowrap; position:relative;}
.ftAddr p span a {font-size:10pt; font-weight:300; display:block;}
.ftAddr p span:after {content:""; display:block; width:1px; height:10px; background:#aaa; position:absolute; right:0; top:50%; margin-top:-5px;}
.ftAddr p span:last-child:after {display:none;}
.ftAddr p span em {font-style:normal; font-size:10pt; font-weight:300;}
.ftAddr ul {padding:10px 0;}
.ftAddr ul:after {content:""; display:table; clear:both;}
.ftAddr ul li {float:left; margin-right:40px;}
.ftAddr ul li:last-child {margin-right:0;}
.ftAddr ul li:before {content:""; display:inline-block; vertical-align:middle; width:30px; height:30px; background-size:18px auto !important; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.ftAddr ul li span {display:inline-block; vertical-align:middle; white-space:nowrap; margin-left:10px; font-weight:300;}
.ftAddr ul li:nth-child(1):before {background:#808080 url("../../img/common/footer_ico01.png")no-repeat center center;}
.ftAddr ul li:nth-child(2):before {background:#808080 url("../../img/common/footer_ico03.png")no-repeat center center}
.ftCopy {font-size:11pt; color:#aaa; font-weight:300; letter-spacing:0em; margin-top:10px;}
.ftCopy em {font-style:normal; color:#f0379b; font-weight:400;}


@media (max-width:800px) {
	#footer {margin-top:60px;}
	.ftMenu {border-top:none; border-bottom:none;}
	.ftMenu .container {padding:0;}
	.ftMenu ul {float:right; width:100%; border-bottom:solid 1px #eaeaea;}
	.ftMenu ul li {padding:10px 10px; width:50%; border-top:solid 1px #eaeaea;}
	.ftMenu ul li:nth-child(2n-1) {border-right:solid 1px #eaeaea;}
	.ftMenu ul li:after {display:none;}
	.ftMenu ul li a {height:auto; line-height:1.5; font-size:11pt; text-align:center;}
	.ftMenu p {float:none; width:100%; position:absolute; left:0; right:0; top:0; height:80px; margin-top:0; background-size:auto 40px;}
	.ftAddr .container {background:none;}
	.ftAddr p span {display:block; float:none; margin-right:0; padding-right:0; white-space:normal; text-align:center;}
	.ftAddr p span:after {display:none;}
	.ftAddr p span em {display:block;}
	.ftAddr ul {padding:20px 0;}
	.ftAddr ul li {float:none; margin-right:0; text-align:center; margin-bottom:10px;}
	.ftAddr ul li:last-child {margin-bottom:0;}
	.ftAddr ul li span {font-size:10pt;}
	.ftCopy {font-size:10pt; text-align:center; padding:0 30px;}
}






/* Main */
#mTop {background: #cee6f1 url('../../img/main/main_top_bg.jpg')no-repeat right top; padding-top: 60px; padding-bottom: 70px;}
.mtSch {width: 620px; margin: 0 auto; position: relative;}
.mtSch input[type="text"] {display: block; width: 100%; height: 60px; border: solid 4px #2c97d2; padding-left: 15px; padding-right: 75px; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
.mtSch a {display: block; width: 60px; height: 60px; position: absolute; right: 15px; top: 0; text-indent: -9999px; background:url("../../img/main/main_top_search.png")no-repeat center center; background-size: 30px auto;}
.mtCont {padding: 30px 0; margin-top: 40px; position: relative;}
.mtCont:after {content: ''; display: table; clear: both;}
.mtBan {width: 600px; height: 350px; position: absolute; top: 0; left: 50%; margin-left: -300px; overflow: hidden;}
.mtbSlider {}
.mtbsCont {display: block; padding-bottom: 58.3%; background-size: cover !important;}
.mtbNav {position: absolute; z-index: 1; right: 0; bottom: 0; background: rgba(0,0,0,0.6); padding-left: 123px;}
.mtbArw {}
.mtbArw .slick-arrow,
.mtbPlay {position: absolute; top: 0; width: 41px; height: 40px; text-indent: -9999px; border-right: solid 1px #fff; background-size: 7px auto !important; cursor: pointer;}
.mtbArw .slick-prev {background: url('../../img/main/main_top_banner_prev.png')no-repeat center center; left: 0;}
.mtbArw .slick-next {background: url('../../img/main/main_top_banner_next.png')no-repeat center center; left: 82px;}
.mtbPlay {left: 41px; background: url('../../img/main/main_top_banner_pause.png')no-repeat center center;}
.mtbPlay.paused {background: url('../../img/main/main_top_banner_play.png')no-repeat center center;}
.mtbNum {height: 40px; line-height: 40px; text-align: center; width: 80px; color: #fff; letter-spacing: 0.05em;}
.mtMenu {width: 300px; height: 300px; text-align: center;}
.mtMenu:after {content: ''; display: table; clear: both;}
.mtMenu li {float: left; width: 50%;}
.mtMenu li a {display: block; height: 150px;}
.mtMenu li a em {display: block; margin: 0 auto;}
.mtMenu li a span {display: block; color: #fff; font-size: 12pt;}
.mtLft {float: left;}
.mtLft li a {padding-top: 30px;}
.mtLft li:nth-child(1) a {background: #00b5d0;}
.mtLft li:nth-child(2) a {background: #009dad;}
.mtLft li:nth-child(3) a {background: #2bab91;}
.mtLft li:nth-child(4) a {background: #25bd61;}
.mtLft li a em {width: 56px; height: 49px; background-size: cover !important;}
.mtLft li a span {font-weight: 300; margin-top: 15px;}
.mtRht {float: right;}
.mtRht li a {padding-top: 30px;}
.mtRht li:nth-child(1) a {background: #55cdff;}
.mtRht li:nth-child(2) a {background: #2591bf;}
.mtRht li:nth-child(3) a {background: #00549d;}
.mtRht li:nth-child(4) a {background: #1681e0;}
.mtRht li a em {width: 61px; height: 50px; background-size: cover !important;}
.mtRht li a span {font-weight: 500; margin-top: 15px;}

#mBot {}
.mbTitle {padding: 50px 0; text-align: center; line-height: 1.2em; color: #000; font-size: 28pt; font-weight: 700; letter-spacing: -0.075em;}
.mbTab {width: 660px; margin: 0 auto;}
.mbTab:after {content: ''; display: table; clear: both;}
.mbTab li {float: left; width: 33.3333%; border: solid 1px #bdbdbd; border-right: none; color: #404040;}
.mbTab li:last-child {border-right: solid 1px #bdbdbd;}
.mbTab li a {display: block; height: 68px; line-height: 68px; text-align: center; font-size: 14pt;}
.mbTab li.current {border-color: #272727 !important; background: #272727; color: #fff;}
.mbList {margin-top: 50px; border: solid 1px #e5e5e5; border-bottom: none;}
.mbList:after {content: ''; display: table; clear: both;}
.mbList li {float: left; width: 33.3333%; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5;}
.mbList li:nth-child(3n) {border-right: none;}
.mbList li a {display: block; padding: 19px;}
.mblThumb {position: relative;}
.mblThumb em {display: block; padding-bottom: 52.7%; background-size: cover !important;}
.mblThumb span {position: absolute; right: 0; top: 0; width: 80px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 11pt; font-weight: 500;}
.mblThumb span.blu {background: #1e52bd;}
.mblThumb span.grn {background: #008b5b;}
.mblTxt {margin-top: 15px;}
.mblTxt h6 {color: #2b74c7; font-size: 12pt; font-weight: 500;}
.mblTxt h5 {margin-top: 5px; font-size: 14pt; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5; height: 3.0em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mblDate {background: #f4f5f5; padding: 15px; margin-top: 15px;}
.mblDate dl {display: table; font-size: 12pt; padding: 2px 0;}
.mblDate dl dt {display: table-cell; width: 40px; color: #5b5b5b; font-weight: 500;}
.mblDate dl dd {display: table-cell; color: #888;}
.mblMore {display: block; width: 80px; height: 60px; margin: 0 auto; margin-top: 30px; border: solid 1px #d0d0d0; text-indent: -9999px; position: relative;}
.mblMore:before,
.mblMore:after {content: ''; display: block; background: #666; position: absolute; left: 50%; top: 50%;}
.mblMore:before {width: 20px; height: 4px; margin-top: -2px; margin-left: -10px;}
.mblMore:after {width: 4px; height: 20px; margin-top: -10px; margin-left: -2px;}



@media (max-width:1220px) {
	.mtCont {width: 620px; margin: 0 auto;}
	.mtBan {width: 620px; height: 350px; position: relative; left: 0; margin-left: auto; margin-right: auto;}
	.mtMenu {width: 310px;}
}

@media (max-width:900px) {
	.mbList li {width: 50%;}
	.mbList li:nth-child(2n) {border-right: none;}
	.mbList li:nth-child(3n) {border-right: solid 1px #e5e5e5;}
}

@media (max-width:640px) {
	#mTop {padding-top: 30px; padding-bottom: 30px; background-size: auto 290px;}
	.mtSch {width: 100%;}
	.mtSch input[type="text"] {height: 50px; border: solid 3px #2c97d2; padding-left: 15px; padding-right: 60px; font-size: 11pt;}
	.mtSch a {width: 50px; height: 50px; right: 10px; top: 0; background-size: 22px auto;}
	.mtCont {padding: 0; margin-top: 15px; width: 100%;}
	.mtBan {width: 100%; height: auto;}
	.mtbSlider img {width: 100%;}
	.mtbNav {padding-left: 93px;}
	.mtbArw {}
	.mtbArw .slick-arrow,
	.mtbPlay {width: 31px; height: 30px; background-size: 5px auto !important;}
	.mtbArw .slick-next {left: 62px;}
	.mtbPlay {left: 31px;}
	.mtbNum {height: 30px; line-height: 30px; width: 50px; font-size: 10pt;}
	.mtMenu {width: 100%; height: 90px; margin-top: 15px;}
	.mtMenu li {width: 25%;}
	.mtMenu li a {height: 90px;}
	.mtMenu li a span {font-size: 10pt;}
	.mtLft {float: none;}
	.mtLft li a {padding-top: 15px;}
	.mtLft li a em {width: 40px; height: 35px; background-size: cover !important;}
	.mtLft li a span {margin-top: 5px;}
	.mtRht {float: none;}
	.mtRht li a {padding-top: 15px;}
	.mtRht li a em {width: 39px; height: 32px; background-size: cover !important;}
	.mtRht li a span {font-weight: 400; margin-top: 5px;}
	#mBot {}
	.mbTitle {padding: 30px 0; font-size: 18pt;}
	.mbTab {width: 100%;}
	.mbTab li a {height: 44px; line-height: 44px; font-size: 10pt;}
	.mbList {margin-top: 30px; border: none;}
	.mbList li {float: none; width: 100%; margin-top: 15px; border: solid 1px #e5e5e5 !important;}
	.mbList li:first-child {margin-top: 0;}
	.mbList li a {padding: 10px;}
	.mblThumb span {width: 60px; height: 30px; line-height: 30px; font-size: 10pt;}
	.mblTxt {margin-top: 10px;}
	.mblTxt h6 {font-size: 11pt;}
	.mblTxt h5 {font-size: 12pt;}
	.mblDate {padding: 10px; margin-top: 10px;}
	.mblDate dl {font-size: 10pt; padding: 0;}
	.mblDate dl dt {width: 30px;}
	.mblMore {width: 67px; height: 47px;}
	.mblMore:before {width: 17px; height: 3px; margin-top: -2px; margin-left: -9px;}
	.mblMore:after {width: 3px; height: 17px; margin-top: -9px; margin-left: -2px;}
}












#mTop2 {padding-top: 50px; padding-bottom: 60px; /* background: url('../../img/main/main_top_bg2.jpg')no-repeat center top; */}
.mtSch2 {width: 620px; margin: 0 auto; position: relative;}
.mtSch2 input[type="text"] {display: block; width: 100%; height: 60px; border: solid 4px #2c97d2; padding-left: 15px; padding-right: 75px; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
.mtSch2 a {display: block; width: 60px; height: 60px; position: absolute; right: 15px; top: 0; text-indent: -9999px; background:url("../../img/main/main_top_search.png")no-repeat center center; background-size: 30px auto;}
.mtCont2 {margin-top: 50px; position: relative;}
.mtCont2:after {content: ''; display: table; clear: both;}
.mtBan2 {width: 940px; height: 300px; position: absolute; top: 0; left: 50%; margin-left: -470px; overflow: hidden; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);}
.mtbSlider2 {}
.mtbsCont2 {display: block; padding-bottom: 31.9148%; background-size: cover !important;}
.mtbNav2 {position: absolute; z-index: 1; left: 60px; bottom: 20px; padding-right: 90px;}
.mtbArw2 {}
.mtbArw2 .slick-arrow,
.mtbPlay2 {position: absolute; top: 0; width: 30px; height: 30px; text-indent: -9999px; background-size: 7px auto !important; cursor: pointer;}
.mtbArw2 .slick-prev {background: url('../../img/main/main_top_banner_prev2.png')no-repeat center center; right: 60px;}
.mtbArw2 .slick-next {background: url('../../img/main/main_top_banner_next2.png')no-repeat center center; right: 0;}
.mtbPlay2 {background: url('../../img/main/main_top_banner_pause2.png')no-repeat center center; right: 30px;}
.mtbPlay2.paused {background: url('../../img/main/main_top_banner_play2.png')no-repeat center center;}
.mtbNum2 {height: 30px; line-height: 30px; color: #000; letter-spacing: 0.05em; font-size: 13pt; font-weight: 300; margin-right: 10px;}
.mtbNum2 span {font-weight: 700; display: inline-block; position: relative; padding-right: 20px; margin-right: 5px;}
.mtbNum2 span:after {content: ''; display: block; width: 15px; height: 1px; background: #000; position: absolute; right: 0; top: 50%;}
.mtMenu2 {width: 320px; height: 320px; text-align: center; margin-top: -10px;}
.mtMenu2:after {content: ''; display: table; clear: both;}
.mtMenu2 li {float: left; width: 50%; padding: 10px;}
.mtMenu2 li a {display: block; height: 140px; background: #fff; padding-top: 35px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.mtMenu2 li a em {display: block; margin: 0 auto; width: 44px; height: 36px; background-size: cover !important;}
.mtMenu2 li a span {display: block; color: #032461; font-size: 13pt; font-weight: 500; margin-top: 10px;}
.mtLft2 {float: left; margin-left: -10px;}
.mtLft2 li a em {}
.mtRht2 {float: right; margin-right: -10px;}
.mtRht2 li a em {}

@media (max-width:1620px) {
	#mTop2 {background-size: cover;}
	.mtCont2 {width: 940px; margin: 0 auto; padding-top: 30px;}
	.mtBan2 {width: 940px; height: 300px; position: relative; left: 0; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
	.mtMenu2 {width: 640px; margin: 0 auto; height: auto;}
	.mtMenu2 li {width: 25%;}
	.mtLft2 {float: none; margin-left: auto;}
	.mtRht2 {float: none; margin-right: auto;}
}

@media (max-width:940px) {
	#mTop2 {padding-top: 30px; padding-bottom: 30px;}
	.mtSch2 {width: 100%;}
	.mtSch2 input[type="text"] {height: 50px; border: solid 3px #2c97d2; padding-left: 15px; padding-right: 60px; font-size: 11pt;}
	.mtSch2 a {width: 50px; height: 50px; right: 10px; top: 0; background-size: 22px auto;}
	.mtCont2 {padding: 0; margin-top: 15px; width: 100%;}
	.mtBan2 {width: 100%; height: auto;}
	.mtbNav2 {left: 10px; bottom: 10px; padding-right: 60px;}
	.mtbArw2 .slick-arrow,
	.mtbPlay2 {width: 20px; height: 20px; background-size: 5px auto !important;}
	.mtbArw2 .slick-prev {right: 40px;}
	.mtbPlay2 {right: 20px;}
	.mtbNum2 {height: 20px; line-height: 20px; font-size: 10pt; margin-right: 5px;}
	.mtbNum2 span {padding-right: 15px; margin-right: 3px;}
	.mtbNum2 span:after {width: 10px;}
	.mtMenu2 {width: auto; margin-left: -5px; margin-right: -5px;}
	.mtMenu2 li {padding: 5px;}
	.mtMenu2 li a {height: auto; padding-bottom: 100%; padding-top: 0; position: relative;}
	.mtMenu2 li a em {position: absolute; left: 0; right: 0; top: 20%;}
	.mtMenu2 li a span {position: absolute; left: 0; right: 0; top: 20%; margin-top: 45px;}
}

@media (max-width:580px) {
	.mtMenu2 li {padding: 5px;}
	.mtMenu2 li a em {top: 20%; width: 29px; height: 28px;}
	.mtMenu2 li a span {top: 20%; margin-top: 25px; font-size: 9pt; letter-spacing: -0.1em;}
}




.mbTab2 {text-align: center; padding: 10px 0;}
.mbTab2:after {content: ''; display: table; clear: both;}
.mbTab2 li {display: inline-block; padding: 0 30px; position: relative;}
.mbTab2 li:after {content: ''; display: block; width: 1px; height: 20px; background: #dfdfdf; position: absolute; right: 0; top: 50%; margin-top: -10px;}
.mbTab2 li:last-child:after {display: none;}
.mbTab2 li a {display: block; font-size: 14pt; font-weight: 300;}
.mbTab2 li.current a {color: #00aeff; font-weight: 500;}
.mbSlider {margin: 0 -5px; padding-top: 50px;}
.mbsCont {padding: 0 25px;}
.mbsCont a {display: block; border: solid 1px #dfdfdf;}
.mbsTmb {position: relative;}
.mbsTmb em {display: block; padding-bottom: 68%; background-size: cover !important;}
.mbsTmb span {display: block; position: absolute; left: 0; top: 0; font-size: 10pt; color: #fff; padding: 3px 15px;}
.mbsTmb span.blu {background: #29257b;}
.mbsTmb span.sky {background: #00aeff;}
.mbsTmb span.grn {background: #008b5b;}
span.blu {background: #29257b;}
span.sky {background: #00aeff;}
span.grn {background: #008b5b;}
.mbsTxt {padding: 15px;}
.mbsTxt h6 {color: #2b74c7; font-weight: 400; font-size: 11pt;}
.mbsTxt h5 {color: #000; margin-top: 5px; font-size: 12pt; font-weight: 500; overflow: hidden; text-overflow: ellipsis;white-space: normal; line-height: 1.4; height: 2.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mbsTxt ul {margin-top: 20px;}
.mbsTxt ul li {color: #8a8a8a; font-size: 10pt; position: relative; padding-left: 7px;}
.mbsTxt ul li:before {content: ''; display: block; width: 2px; height: 2px; background: #888; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.mbsTxt ul li span {margin-right: 15px;}
.mbSlider .slick-arrow {display: block; width: 60px; height: 60px; text-indent: -9999px; border: solid 1px #ccc; position: absolute; top: 50%; margin-top: -30px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.mbSlider .slick-prev {background: url('../../img/main/main_edu_prev.png')no-repeat center center; left: -55px;}
.mbSlider .slick-next {background: url('../../img/main/main_edu_next.png')no-repeat center center; right: -55px;}
.mbSlider .slick-dots {text-align: center; margin-top: 10px;}
.mbSlider .slick-dots li {display: inline-block; width: 10px; height: 10px; background: #ddd; margin: 0 4px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.mbSlider .slick-dots li.slick-active {background: #29257b;}
.mbSlider .slick-dots li button {display: none;}
.mbHalf {margin-top: 70px;}
.mbHalf:after {content: ''; display: table; clear: both;}
.mbHalf > div {float: left; width: 50%; padding: 0 20px;}
.mbhTitle:after {content: ''; display: table; clear: both;}
.mbhTitle h4 {color: #000; font-weight: 700; font-size: 18pt; height: 50px; line-height: 50px;}
.mbhTab {float: left;}
.mbhTab:after {content: ''; display: table; clear: both;}
.mbhTab li {float: left; position: relative; padding: 0 25px;}
.mbhTab li:after {content: ''; display: block; width: 1px; height: 18px; background: #ccc; position: absolute; right: 0; top: 50%; margin-top: -9px;}
.mbhTab li:last-child:after {display: none;}
.mbhTab li:first-child {padding-left: 0;}
.mbhTab li:last-child {padding-right: 0;}
.mbhTab li a {display: block; color: #666; font-weight: 300; font-size: 18pt; height: 50px; line-height: 50px;}
.mbhTab li.current a {color: #000; font-weight: 700;}
.mbhMore {display: block; float: right; width: 50px; height: 50px; text-indent: -9999px; position: relative;}
.mbhMore:before,
.mbhMore:after {content: ''; display: block; background: #a8a8a8; position: absolute; left: 50%; top: 50%;}
.mbhMore:before {width: 18px; height: 2px; margin-left: -9px; margin-top: -1px;}
.mbhMore:after {width: 2px; height: 18px; margin-left: -1px; margin-top: -9px;}
.mbhList {border-top: solid 1px #ccc; padding-top: 20px;}
.mbhList li {margin-bottom: 12px; position: relative; padding-left: 20px;}
.mbhList li:before {content: ''; display: block; width: 3px; height: 3px; background: #00aeef; position: absolute; left: 7px; top: 50%; margin-top: -2px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.mbhList li:last-child {margin-bottom: 0;}
.mbhList li a {display: block; color: #666; font-size: 13pt; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mbhList li a p {width: calc(100% - 80px); display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mbhList li a span {display: inline-block; text-align: right; width: 80px; vertical-align: top;}
.mbhQuick {margin: 0 -7px;}
.mbhQuick:after {content: ''; display: table; clear: both;}
.mbhQuick li {float: left; width: 33.3333%; padding: 0 7px;}
.mbhQuick li a {display: block; color: #fff; padding: 30px 20px; position: relative;}
.mbhQuick li:nth-child(1) a {background: #29257b;}
.mbhQuick li:nth-child(2) a {background: #564da3;}
.mbhQuick li:nth-child(3) a {background: #82b1ef;}
.mbhQuick li a:after {content: ''; display: block; width: 65px; height: 70px; background-size: contain !important; position: absolute; right: 20px; bottom: 30px;}
.mbhQuick li:nth-child(1) a:after {background: url('../../img/main/main_bottom_quick01.png')no-repeat center center;}
.mbhQuick li:nth-child(2) a:after {background: url('../../img/main/main_bottom_quick02.png')no-repeat center center;}
.mbhQuick li:nth-child(3) a:after {background: url('../../img/main/main_bottom_quick03.png')no-repeat center center;}
.mbhQuick li a h5 {font-size: 14pt; font-weight: 400; line-height: 1.4em; height: 2.8em;}
.mbhQuick li a span {display: inline-block; font-size: 10pt; padding: 2px 12px; margin-top: 10px; border: solid 1px rgba(255,255,255,0.5); color: rgba(255,255,255,0.8);}

@media (max-width:1620px) {
	.mbsCont {padding: 0 15px;}
	.mbhQuick li a:after {display: none;}
}

@media (max-width:1220px) {
	.mbTab2 {padding: 0; border-left: solid 1px #ddd; border-top: solid 1px #ddd;}
	.mbTab2 li {display: block; padding: 0; float: left; width: 50%; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd;}
	.mbTab2 li:after {display: none;}
	.mbTab2 li a {font-size: 12pt; height: 50px; line-height: 50px;}
	.mbTab2 li.current a {color: #fff; background: #00aeff;}
	.mbSlider {padding-top: 20px;}
	.mbsCont {padding: 0 5px;}
	.mbHalf {margin-top: 0;}
	.mbHalf > div {float: none; width: 100%; margin-top: 30px;}
	.mbhQuick li a:after {display: block; height: 60px;}
}

@media (max-width:900px) {
	.mbTab2 li a {font-size: 11pt; height: 40px; line-height: 40px;}
}

@media (max-width:770px) {
	.mbhList {padding-top: 10px;}
	.mbhList li {margin-bottom: 5px;}
	.mbhList li a {font-size: 11pt;}
	.mbhList li a p {width: calc(100% - 60px);}
	.mbhList li a span {width: 60px;}
	.mbhQuick {margin: 0;}
	.mbhQuick li {float: none; width: 100%; padding: 0; margin-bottom: 10px;}
	.mbhQuick li:last-child {margin-bottom: 0;}
	.mbhQuick li a {padding: 20px;}
	.mbhQuick li a:after {height: 50px;}
	.mbhQuick li a h5 {font-size: 13pt; height: auto;}
	.mbhQuick li a h5 br {display: none;}
}

@media (max-width:320px) {
	.mbTab2 li a {font-size: 10pt;}
}






/* pageCommon */
#subTitle {height: 200px;}
#subTitle > div {display: table; width: 100%; height: 100%;}
#subTitle > div > div {display: table-cell; width: 100%; vertical-align: middle;}
#subTitle.subBg01 {background: url('../../img/common/subTitle_bg01.jpg')no-repeat center center;}
#subTitle.subBg02 {background: url('../../img/common/subTitle_bg02.jpg')no-repeat center center;}
#subTitle.subBg03 {background: url('../../img/common/subTitle_bg03.jpg')no-repeat center center;}
#subTitle.subBg04 {background: url('../../img/common/subTitle_bg04.jpg')no-repeat center center;}
#subTitle.subBg05 {background: url('../../img/common/subTitle_bg05.jpg')no-repeat center center;}
#subTitle.subBg06 {background: url('../../img/common/subTitle_bg06.jpg')no-repeat center center;}
#subTitle h2 {line-height:1.2em; font-weight:100; color:#fff; font-size:30pt; text-align: center;}
#subTitle h2 span {font-weight:500; font-size:30pt; color:#fff;}


#breadcrumb {border-top: solid 1px #e5e7ea; border-bottom:solid 1px #e5e7ea;}
#breadcrumb dl {}
#breadcrumb dl:after {content:""; display:table; clear:both;}
#breadcrumb dl > dd {float:left; position:relative; border-left:solid 1px #e5e7ea; border-right:solid 1px #e5e7ea; margin-left:-1px;}
#breadcrumb dl > dd:first-child {border-right:solid 1px #e5e7ea; margin-left:0;}
#breadcrumb dl > dd > a,
#breadcrumb dl > dd > span {display:block; height:58px; line-height:58px; position:relative;}
#breadcrumb dl > dd > span:after {content:""; display:block; width:10px; height:5px; position:absolute; right:20px; top:50%; margin-top:-2px; background:url("../../img/common/breadcrumb_arrow.png")no-repeat center bottom; background-size:100% auto !important;}
#breadcrumb dl > dd > span.on:after {background-position:center top !important;}
#breadcrumb dl > dd > a {width:58px; text-indent:-9999px; background: url("../../img/common/breadcrumb_home.png")no-repeat center center; background-size:24px auto;}
#breadcrumb dl > dd > span {width:260px; padding-left:20px; cursor:pointer;}
#breadcrumb dl > dd:last-child > span {width:350px;}
/* #breadcrumb dl > dd:last-child > span:before {content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:2px; background:#000;} */
#breadcrumb dl > dd > ul {position:absolute; left:-1px; right:-1px; top:100%; background:#fff; padding:10px 0; border:solid 1px #e5e7ea; display:none; z-index:10;}
#breadcrumb dl > dd > ul > li {padding:5px 20px;}
#breadcrumb dl > dd > ul > li > a {display:block;}
#breadcrumb dl > dd > ul > li.current > a {color:#238dfa; font-weight:500;}
#subPage {padding-bottom:260px;}
#pageTitle {margin:60px 0;}
#pageTitle.lgn {padding-top:120px; /* background: url("../../img/intranet_logo.png")no-repeat center top; */}
#pageTitle > h3 {text-align:center; font-size:30pt; color:#333; letter-spacing:-0.025em; font-weight:500; line-height:1.0em; letter-spacing:-0.075em; position:relative;}
#pageTitle > p {text-align:center; font-size:12pt; color:#6b6b6b; letter-spacing:0em; font-weight:300; margin-top:40px; line-height:1.8em;}

.subTab {display: flex;flex-wrap: wrap;align-items: stretch;}

.subTab li {color: #949494;font-size: 14pt;border: solid 1px #d3d3d3; margin-left: -1px;margin-top: -1px;}

.subTab.col2 li {flex-basis: 50%;}
.subTab.col3 li {flex-basis: calc(33.333% + 1px);}
.subTab.col4 li {flex-basis: 25%;}
.subTab.col5 li {flex-basis: 20%}
.subTab li a {padding:17px;display: flex;justify-content: center;text-align: center;}
.subTab li.current {color: #1e52bd; position:relative;}
.subTab li.current::after {display: block; content: ""; border: 1px solid #1e52bd; position: absolute; width: calc(100% + 1px); height: 100%; margin-left: -1px; top: 0;}
.subTab li a {padding:10px;}

@media (max-width:800px) {
	#subTitle {height: 80px; background-size: cover !important;}
	#subTitle h2 {font-size:15pt; padding:15px 0;}
	#subTitle h2 span { font-size:15pt;}
	#breadcrumb .container {padding-left:0; padding-right:0;}
	#breadcrumb dl {position:relative; padding-left:40px;}
	#breadcrumb dl > dd {float:left; width:50%; margin-left:0; border-right:none;}
	#breadcrumb dl > dd:first-child {position:absolute; left:0; top:0; bottom:0; width:40px; border-right:none; border-left:none;}
	#breadcrumb dl > dd > a,
	#breadcrumb dl > dd > span {height:40px; line-height:40px;}
	#breadcrumb dl > dd > a {width:40px; background-size:15px auto !important;}
	#breadcrumb dl > dd > span {width:100% !important; padding-left:10px; font-size:10pt; padding-right:25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	#breadcrumb dl > dd > span:after {right:10px;}
	#breadcrumb dl > dd > ul > li {padding:5px 10px;}
	#breadcrumb dl > dd > ul > li > a {font-size:10pt;}
	#subPage {padding-bottom:70px;}
	#pageTitle {margin:40px 0;}
	#pageTitle.lgn {padding-top:0; background:none;}
	#pageTitle > h3 {font-size:18pt;}
	#pageTitle > h3:before {width:24px; height:2px; margin-left:-12px;}

	.subTab li {font-size: 10pt;}
	.subTab li a {padding:10px;}
}







/* --------------------------------------- */
/* Offline */
/* --------------------------------------- */



@media (min-width:801px) {
	.offTab {padding-top:50px;}
	.offtName {display:none;}
	.offtList {display:block !important;}
	.offtList:after {content:""; display:table; clear:both;}
	.offtList li {float:left; width:14.2857%; border:solid 1px #dfdfdf; border-right:none; position:relative;}
	.offtList li:last-child {border-right:solid 1px #dfdfdf;}
	.offtList li a {display:block; text-align:center; height:38px; line-height:38px; color:#898989; background:#f9f9f9;}
	.offtList li.current {border-color:#333583;}
	.offtList li.current:after {content:""; display:block; width:1px; background:#333583; position:absolute; top:-1px; bottom:-1px; right:-1px; z-index:1;}
	.offtList li:last-child.current:after {display:none;}
	.offtList li.current a {background:#fff; color:#333583;}
	.offMonth {margin:0 -5px; padding-top:30px;}
	.offMonth ul {transform: translateZ(0px) translateX(0px) !important; width: auto !important;}
	.offMonth ul li {width:8.3333%; padding:0 5px;}
	.offMonth ul li a {height:40px; line-height:40px;}
}

@media (max-width:800px) {
	.offTab {padding-top:15px; position:relative;}
	.offtName {display:block; background:#f8f8f8; border:solid 1px #e1e1e1; height:40px; line-height:40px; position:relative; padding:0 15px; color:#333583; cursor:pointer;}
	.offtName:after {content:""; display:block; width:17px; height:10px; position:absolute; right:15px; top:50%; margin-top:-5px; background:url("../../img/offline/tab_arrow.png")no-repeat center bottom; background-size:100% auto !important;}
	.offtName.on:after {background-position:center top !important;}
	.offtList {display:none; position:absolute; left:0; right:0; top:100%; background:#fff; border-left:solid 1px #e1e1e1; border-right:solid 1px #e1e1e1; z-index:1;}
	.offtList li {border-bottom:solid 1px #e1e1e1;}
	.offtList li a {display:block; padding:0 15px; height:38px; line-height:38px; color:#898989;}
	.offtList li.current a {color:#333583;}
	.offMonth {margin:0 -3px; padding-top:15px;}
	.offMonth ul li {width:60px; padding:0 3px;}
	.offMonth ul li a {height:34px; line-height:34px; font-size:10pt;}
}

.offMonth ul:after {content:""; display:table; clear:both;}
.offMonth ul li {float:left;}
.offMonth ul li a {display:block; text-align:center; background:#f0f2f8;}
.offMonth ul li.active a {background:#333583; color:#fff;}
.offDesc {padding-top:50px; padding-bottom:10px;}
.offDesc:after {content:""; display:table; clear:both;}
.offDesc p {float:left; white-space:nowrap; height:50px; line-height:50px;}
.offDesc a {float:right; display:block; width:150px; height:50px; line-height:50px; text-align:center; background:#333583; color:#fff;}
.offList {margin-bottom:50px;}
.offList h5 {display:block; height:50px; line-height:50px; text-align:center; font-weight:400; font-size:14pt; background:#f4f4f4; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px;}
.offList.current h5 {color:#333583;}
.offList tr th,
.offList tr td {padding:20px; border-bottom:solid 1px #eaeaea;}
.offList tr th {width:100px; text-align:center; font-weight:400;}
.offList tr td {text-align:left;}
.offList tr th,
.offList tr td p,
.offList tr td span {font-size:12pt;}
.offList tr td span {color:#333583;}
.offList tr.disable th,
.offList tr.disable td p,
.offList tr.disable td span {color:#888;}

@media (max-width:800px) {
	.offDesc {padding-top:30px; padding-bottom:15px;}
	.offDesc p {float:none; white-space:normal; height:auto; line-height:1.6em;}
	.offDesc a {float:none; margin:0 auto; width:120px; height:40px; line-height:40px; margin-top:15px;}
	.offList {margin-bottom:30px;}
	.offList h5 {height:40px; line-height:40px; font-size:12pt;}
	.offList tr th,
	.offList tr td {padding:15px 0;}
	.offList tr th {width:80px;}
	.offList tr th,
	.offList tr td p,
	.offList tr td span {font-size:11pt;}
}



/* --------------------------------------- */
/* Online */
/* --------------------------------------- */

.brdSch {padding:10px 20px; background:#f3f3f3;}
.brdSch div {position:relative; padding-right:50px;}
.brdSch input[type="text"] {display:block; width:100%; height:50px; border:none; padding:0 15px; font-size:14pt; font-weight:300;}
.brdSch input[type="submit"] {display:block; width:50px; height:50px; position:absolute; right:0; top:0; border:none; text-indent:-9999px; background:#3a3a3a url("../../img/online/search_ico.png")no-repeat center center; background-size:50px auto;}
.brdSch.slct div {padding-left:250px;}
.brdSch.slct select {display:block; position:absolute; left:0; top:0; width:240px; height:50px; border:none;}
.fairList {padding-top:50px;}
.fairList > li {border:solid 1px #d6d6d6; margin-bottom:30px;}
.fairList > li:last-child {margin-bottom:0;}
.fairLec {}
.fairLec th {padding:20px; width:270px; vertical-align:middle;}
.fairLec th img {display:block; max-width:100%;}
.fairLec td {vertical-align:middle;}
.fairList.off .fairLec td {padding:30px 20px;}
.fairLec td h5 {font-size:14pt; font-weight:400; line-height:20px;}
.fairLec td h5 span {display:inline-block; vertical-align:middle; width:40px; height:20px; line-height:20px; text-align:center; font-size:10pt; color:#fff; background:#ff6600; margin-right:5px;}
.fairLec td dl {margin-top:20px;}
.fairLec td dl:after {content:""; display:table; clear:both;}
.fairLec td dt {float:left; width:100%; font-size:12pt; margin-bottom:5px;}
.fairLec td dd {float:left; position:relative; padding-right:15px; margin-right:15px; font-size:11pt; color:#888; white-space:nowrap;}
.fairLec td dd:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}
.fairLec td dd:last-child:after {display:none;}
.fairLec td dd span {font-size:11pt; color:#238dfa;}
.fairBook {border-top:solid 1px #d6d6d6; padding:20px 30px;}
.fairBook p {font-size:12pt; margin-bottom:10px;}
.fairBook input[type="checkbox"] {display:inline-block; vertical-align:middle; width:20px; height:20px;}
.fairBook label {display:inline-block; vertical-align:middle; margin-left:5px; font-size:12pt; color:#888;}
.fairBook label b {font-size:12pt; color:#ff0000;}
.fairBook label span {font-size:12pt; color:#000;}
.fairCost {background:#f9f9f9; padding:10px 20px 10px 30px;}
.fairCost:after {content:""; display:table; clear:both;}
.fairCost p { font-size:12pt; color:#888; float:left; line-height:40px;}
.fairCost p b {font-size:12pt; color:#ff0000;}
.fairCost p span {font-size:12pt; color:#000;}
.fairCost dl {float:right;}
.fairCost dl:after {content:""; display:table; clear:both;}
.fairCost dl dt {float:left; margin-right:10px;}
.fairCost dl dd {float:left;}
.fairCost a {display:block; width:100px; height:40px; line-height:38px; border:solid 1px #2e2d76; font-size:12pt; text-align:center;}
.fairCost dl dt a {color:#2e2d76; background:#fff;}
.fairCost dl dd a {color:#fff; background:#2e2d76;}
.fairInfo {border:solid 1px #d6d6d6; margin-top:50px;}
.fairInfo .blu {background: #1e52bd;}
.fairInfo .blu {display: inline-block; vertical-align: middle; width: 80px; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; color: #fff; font-size: 11pt;}
.fairInfo .fairInfoLabel {display: inline-block; vertical-align: middle; width: 80px; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; color: #fff; font-size: 11pt;}
.fairInfo .blu {background: #29257b;}
.fairInfo .sky {background: #00aeff;}
.fairInfo .grn {background: #008b5b;}
.fairInfo h5 {background:#f1f8ff; font-size:16pt; font-weight:400; line-height:20px; padding:30px 20px;}
.fairInfo h5:after {content:""; display:table; clear:both;}
.fairInfo h5 span {display:block; float:left; width:40px; height:20px; line-height:20px; text-align:center; font-size:10pt; color:#fff; background:#ff6600; margin-right:10px;}
.fairInfo table {}
.fairInfo table th {padding:20px; width:270px; vertical-align:top;}
.fairInfo table th img {display:block; max-width:100%;}
.fairInfo table td {vertical-align:top; padding:20px; /* padding-left:0; */}
.fairInfo.thumbNo table td {padding-left:20px;}
.fairInfo table td ul li {padding-left:8px; position:relative; margin-bottom:10px; font-size:12pt;}
.fairInfo table td ul li:last-child {margin-bottom:0;}
.fairInfo table td ul li:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:12px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.fairInfo table td ul li dl {}
.fairInfo table td ul li dl:after {content:""; display:table; clear:both;}
.fairInfo table td ul li dl dd {float:left; font-size:12pt; white-space:nowrap; margin-right:30px; padding-left:8px; position:relative;}
.fairInfo table td ul li dl dd:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:12px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.fairInfo table td ul li dl dd:first-child {padding-left:0;}
.fairInfo table td ul li dl dd:first-child:before {display:none;}
.fairInfo table td ul li dl dd span {font-size:12pt; color:#238dfa;}
.fairInfo table td ul li > span {font-size:12pt; color:#ff6600;}
.fairRadio {padding:5px 0;}
.fairRadio div {margin:2px 0;}
.fairRadio div input[type="radio"] {display:inline; vertical-align:middle; margin-right:5px;}
.fairRadio label {font-size:12pt; display:inline; vertical-align:middle;}
.fairCover {}
.fairCover h4 {padding-left:25px; font-size:16pt; color:#0d4a99; font-weight:400; margin-bottom:5px; margin-top:60px; background:url("../../img/online/title_ico.png")no-repeat left center; background-size:16px auto;}
.fairCover > div {border:solid 1px #d6d6d6;}
.fairCover th {width:160px; padding:20px;}
.fairCover th em {display:block; padding-bottom:125%; border:solid 1px #e8e8e8; background-size:cover !important;}
.fairCover td {padding:20px; padding-left:0;}
.fairCover td h5 {font-size:14pt; font-weight:400; line-height:20px;}
.fairCover td h5:after {content:""; display:table; clear:both;}
.fairCover td h5 span {display:block; float:left; width:40px; height:20px; line-height:20px; text-align:center; font-size:10pt; color:#fff; background:#00aeea; margin-right:5px;}
.fairCover td dl {margin-top:10px;}
.fairCover td dl:after {content:""; display:table; clear:both;}
.fairCover td dd {float:left; position:relative; padding-right:15px; margin-right:15px; font-size:11pt; color:#888; white-space:nowrap;}
.fairCover td dd:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}
.fairCover td dd:last-child:after {display:none;}
.fairCover td dd span {font-size:11pt; color:#000;}
.fairCover td p {padding-top:10px;}
.fairCover td p:after {content:""; display:table; clear:both;}
.fairCover td p span {display:block; float:left; height:20px; line-height:18px; border:solid 1px #000; text-align:center; font-size:10pt; margin-right:10px; padding:0 15px;}
.fairCover td p b {font-size:12pt; color:#ff0011; line-height:20px;}
.fairCover td p em {font-style:normal; font-size:12pt; color:#000; line-height:20px;}
.fairCover td > div {padding-top:25px;}
.fairCover td > div input[type="checkbox"] {display:inline-block; vertical-align:middle; width:20px; height:20px;}
.fairCover td > div label {display:inline-block; vertical-align:middle; margin-left:5px; font-size:12pt; color:#888;}
.fairTab {margin-top:60px;}
.fairTab:after {content:""; display:table; clear:both;}
.fairTab li {float:left; width:50%; background:#f9f9f9; border:solid 1px #dfdfdf; border-right:none;}
.fairTab.col2 li {width:50%;}
.fairTab li:last-child {border-right:solid 1px #dfdfdf;}
.fairTab li a {display:block; height:48px; line-height:48px; text-align:center; font-size:12pt; color:#898989;}
.fairTab li.current {background:#fff; border-color:#383838; border-bottom-color:#fff; position:relative;}
.fairTab li.current:after {content:""; display:block; width:1px; background:#0d4a99; position:absolute; right:-1px; top:-1px; bottom:-1px;}
.fairTab li.current a {color:#0d4a99;}
.fairIntro {padding:30px 20px;}
.fairIntro dt {position:relative; padding-left:22px; font-size:13pt;}
.fairIntro dt:before {content:""; display:block; width:16px; height:16px; border:solid 4px #000; box-sizing:border-box; position:absolute; left:0; top:50%; margin-top:-8px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.fairIntro dd {padding:0 20px; margin-top:15px;}
.fairIntro dd ul {}
.fairIntro dd ul li {margin-bottom:10px; font-size:12pt;}
.fairIntro dd ul li:last-child {margin-bottom:0;}
.fairTch th {width:120px; vertical-align:middle;}
.fairTch th em {display:block; padding-bottom:116%; border:solid 1px #e8e8e8; background-size:cover !important;}
.fairTch td {padding-left:20px; vertical-align:middle;}
.fairTch td h5 {font-size:13pt;}
.fairTch td p {font-size:11pt; color:#888; margin-top:15px;}
.fairStand {border-left:solid 2px #fff; border-right:solid 2px #fff;}
.fairStand th,
.fairStand td {text-align:center; border:solid 1px #d6d6d6;}
.fairStand th {background:#f9f9f9; font-size:11pt; padding:10px; font-weight:300;}
.fairStand td {font-size:12pt; padding:15px 10px;}
.fairMock {border-left:solid 2px #fff; border-right:solid 2px #fff; margin-top:30px;}
.fairMock th,
.fairMock td {padding:20px; border:solid 1px #d6d6d6;  font-size:12pt;}
.fairMock th {background:#f9f9f9; width:90px; font-weight:400; text-align:center;}
.fairMock td p {line-height:20px;}
.fairMock td p:after {content:""; display:table; clear:both;}
.fairMock td p span {display:block; float:left; height:20px; line-height:20px; background:#333583; color:#fff; text-align:center; font-size:10pt; margin-right:10px; padding:0 10px;}
.fairRcmd {padding:30px 20px;}
.fairRcmd > h5 {position:relative; padding-left:22px; font-size:13pt;}
.fairRcmd > h5:before {content:""; display:block; width:16px; height:16px; border:solid 4px #000; box-sizing:border-box; position:absolute; left:0; top:50%; margin-top:-8px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.fairRcmd .fairList {padding-top:15px;}
.clsTitle {padding-left:25px; font-size:16pt; color:#0f59cb; font-weight:400; margin-bottom:5px; margin-top:60px; background:url("../../img/online/title_ico.png")no-repeat left center; background-size:20px auto; position:relative;}
.clsTxt {margin-top: 15px; font-size: 12pt; font-weight: 300; line-height: 1.8em;}
.clsTxt b {font-weight: 500;}
.clsList {border-top:solid 1px #d6d6d6;}
.clsList li {padding:30px 20px; border:solid 1px #d6d6d6; border-top:none;}
.clsList li h5 {line-height:20px; font-size:13pt;}
.clsList li h5:after {content:""; display:table; clear:both;}
.clsList li h5 span {display:block; float:left; height:20px; line-height:20px; background:#383838; color:#fff; text-align:center; font-size:9pt; margin-right:5px; padding:0 5px;}
.clsList li h5 span.ppl {background:#a404b2}
.clsList li h5 em {font-style:normal; color:#238dfa; font-size:13pt;}
.clsList p {font-size:11pt; color:#888; margin-top:5px; font-weight:300;}
.clsChk th,
.clsChk td {border-bottom:solid 1px #d6d6d6; padding:20px;}
.clsChk th {width:150px; background:#f9f9f9; text-align:center; font-weight:400; font-size:12pt;}
.clsChk ul:after {content:""; display:table; clear:both;}
.clsChk ul li {float:left; margin-right:20px;}
.clsChk ul li:last-child {margin-right:0;}
.clsChk ul li input[type="radio"] {display:inline-block; vertical-align:middle;}
.clsChk ul li label {display:inline-block; vertical-align:middle; font-size:12pt;}
.clsTable {border-top:solid 2px #d6d6d6; border-left:solid 2px #fff; border-right:solid 2px #fff;}
.clsTable th,
.clsTable td {padding:10px 20px; font-size:12pt; font-weight:300; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
.clsTable th {width:190px; background:#fafafa;}
.clsTable th span {font-size:12pt; color:#ff0000;}
.clsTable th em {font-style:normal; font-size:12pt; font-weight:300;}
.clsTable td {}
.clsTable td select {}
.clsTable td input[type="text"],
.clsTable td input[type="tel"] {}
.clsTable td ul {}
.clsTable td ul:after {content:""; display:table; clear:both;}
.clsTable td ul li {float:left;}
.clsTable td ul li select,
.clsTable td ul li input[type="text"],
.clsTable td ul li input[type="tel"] {display:block; width:100%; min-width:100%;}
.clsTable td p {line-height:40px;}
.clsMail li:nth-child(1) {width:200px;}
.clsMail li:nth-child(2) {width:40px; height:40px; line-height:40px; text-align:center;}
.clsMail li:nth-child(3) {width:200px; margin-right:10px;}
.clsMail li:nth-child(4) {width:200px;}
.clsPhone li:nth-child(1) {width:130px;}
.clsPhone li:nth-child(2),
.clsPhone li:nth-child(4) {width:20px; height:40px; line-height:40px; text-align:center;}
.clsPhone li:nth-child(3) {width:160px; margin-right:10px;}
.clsPhone li:nth-child(5) {width:160px;}
.clsDate:after {content:""; display:table; clear:both;}
.clsDate li {float:left;}
.clsDate li:nth-child(even) {width:15px; text-align:center; line-height:40px;}
.clsDate li:nth-child(odd) {width:80px;}
.clsDate li:first-child {width:120px;}
.clsCpny {}
.clsCpny span {vertical-align:middle;}
.clsCpny a {display:inline-block; vertical-align:middle; width:90px; height:40px; line-height:38px; text-align:center; border:solid 1px #000; margin-left:30px;}
.clsFile {position:relative; padding-right:170px;}
.clsFile a {display:block; width:150px; height:40px; line-height:40px; text-align:center; font-size:11pt; color:#fff; position:absolute; right:0; top:50%; margin-top:-20px; background:#0d4a99;}
.clsPrivacy {padding:20px; font-size:11pt; font-weight:300; background:#fafafa; line-height:1.8em;}
.clsAgree {margin-top:10px;}
.clsAgree:after {content:""; display:table; clear:both;}
.clsAgree input[type="checkbox"] {width:20px; height:20px; float:left; margin-right:5px; display:inline-block; vertical-align:top;}
.clsAgree label {font-size:12pt; font-weight:500; line-height:20px; display:inline; vertical-align:top;}
.clsBtn {text-align:center; margin-top:30px;}
.clsBtn li {display:inline-block; padding:0 5px;}
.clsBtn li a {display:block; width:220px; height:60px; font-size:13pt;}
.clsBtn li:nth-child(1) a {line-height:60px; background:#383838; color:#fff;}
.clsBtn li:nth-child(2) a {border:solid 1px #0d4a99; color:#0d4a99; line-height:58px;}
.clsBtn li:nth-child(2) a span {font-size:13pt; line-height:58px;}
.clsBtn li:nth-child(3) a {line-height:60px; background:#0d4a99; color:#fff;}
.clsBtn.society li:nth-child(2) a {line-height:60px; background:#0d4a99; color:#fff;}
.clsBtn.solo li a {width:140px; background:#383838;}
.clsPop {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:100;}
.clsPop > div {display:table; width:100%; height:100%;}
.clsPop > div > div {display:table-cell; width:100%; vertical-align:middle;}
.clsPopWrap {width:100%; max-width:620px; max-height:100%; margin:0 auto; background:#fff; position:relative;}
.clsPopTitle {background:#0d4a99; position:relative; padding:0 20px;}
.clsPopTitle h5 {height:70px; line-height:70px; color:#fff; font-size:16pt;}
.clsPopTitle a {display:block; height:70px; width:70px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:1; cursor:pointer; background:url("../../img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
.clsPopCont {padding:30px; overflow-y:auto;}

.clsPop.clsPopFull > div {display:block; width:100%;}
.clsPop.clsPopFull > div > div {display:block; height:100%; vertical-align:middle; overflow:hidden;}
.clsPop.clsPopFull > div {display:block; height:100%; padding-top:30px; padding-bottom:30px;}
.clsPop.clsPopFull .clsPopWrap {position:relative; padding-top:70px; height:100%; -webkit-overflow-scrolling: touch; max-width:1200px;}
.clsPop.clsPopFull.small .clsPopWrap {max-width:620px;}
.clsPop.clsPopFull .clsPopTitle {position:absolute; left:0; right:0; top:0;}
.clsPop.clsPopFull .clsPopCont {height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;}
.clsPopScroll {position:absolute; left:0; right:0; top:50px; bottom:0;}


.clspSch {padding:20px; background:#fafafa; padding-right:100px; position:relative;}
.clspSch.slct {padding-left:170px;}
.clspSch.slct select {display:block; position:absolute; left:20px; top:20px; width:140px;}
.clspSch input[type="text"] {display:block; width:100%;}
.clspSch input[type="submit"] {
	display:block; position:absolute; right:20px; top:20px; width:70px; height:40px; background:#878787; color:#fff; font-size:11pt;
	border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;
	border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}

.clspCpny {margin-top:20px;}
.clspCpny th,
.clspCpny td {padding:10px 0; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
.clspCpny th {text-align:left;}
.clspCpny th p {position:relative; padding-left:8px; font-size:12pt;}
.clspCpny th p:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:50%; margin-top:-1px;}
.clspCpny td {width:70px;}
.clspCpny td a {display:block; width:100%; height:30px; line-height:28px; text-align:center; border:solid 1px #000; font-size:11pt;}
.clspNon {text-align:center; padding:60px 0; font-size:12pt; line-height:1.8em;}
.clspInput {padding-bottom:50px; text-align:center;}
.clspInput input[type="text"] {display:inline-block; vertical-align:middle; width:70%; margin-right:10px;}
.clspInput input[type="submit"] {
	vertical-align:middle; display:inline-block; width:70px; height:40px; background:#353535; color:#fff; font-size:12pt;
	border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;
	border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}

/*과정상세 수강후기 */
.rvList {border-top: solid 1px #d6d6d6; /* margin-top: 30px; */}
.rvList li {padding: 25px 20px; border-bottom: solid 1px #d6d6d6;}
.rvList li p {color: #6b6b6b; margin-top: 5px;}
.rvTop h5 {display: inline; vertical-align: middle; font-size: 13pt; font-weight: 400;}
.rvTop span {/* display: inline; */ vertical-align: middle;}
.rvTop dl {display: inline; margin: 0 2px;}
.rvTop dl dt {display: inline;}
.rvTop dl dd {display: inline-block; padding-left: 10px; margin-left: 10px; position: relative;}
.rvTop dl dd:before {content: ''; display: block; width: 1px; height: 10px; background: #e6e6e6; position: absolute; left: 0; top: 50%; margin-top: -5px;}
.rvTop dl dd em {font-style: normal; color: #f4a54a;}

.melMore {margin-top: 50px; text-align: center;}
.melMore a {display: inline-block; padding: 0 160px; height: 60px; line-height: 58px; border: solid 1px #999;}
.melMore a span {display: block; position: relative; padding-right: 25px;}
.melMore a span:before,
.melMore a span:after {content: ''; display: block; background: #000; position: absolute; right: 0; top: 50%;}
.melMore a span:before {width: 12px; height: 2px; margin-top: -1px;}
.melMore a span:after {width: 2px; height: 12px; margin-top: -6px; margin-right: 5px;}

@media (max-width:800px) {
	.melMore {margin-top: 30px;}
	.melMore a {padding: 0 80px; height: 50px; line-height: 48px;}
}
/*과정상세 수강후기 */



.paging {text-align:center; padding-top:30px;}
.paging a {display:inline-block; vertical-align:middle; width:40px; height:40px; line-height:38px; border:solid 1px #d6d6d6;}
.paging > a {text-indent:-9999px; background-size:auto 10px !important;}
.paging a.first {background:url("../../img/common/paging_first.png")no-repeat center center;}
.paging a.prev {background:url("../../img/common/paging_prev.png")no-repeat center center;}
.paging a.next {background:url("../../img/common/paging_next.png")no-repeat center center;}
.paging a.last {background:url("../../img/common/paging_last.png")no-repeat center center;}
.paging ul {display:inline-block; vertical-align:middle; margin:0 10px;}
.paging ul li {display:inline-block; vertical-align:middle;}
.paging ul li.on a {border:solid 1px #353535; background:#353535; color:#fff;}
.trstDesc {background:#fafafa; padding:20px; margin-bottom:30px;}
.trstDesc p {position:relative; padding-left:8px; font-size:11pt;}
.trstDesc p:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:50%; margin-top:-1px;}
.trstList:after {content:""; display:table; clear:both;}
.trstList li {float:left; margin-right:30px;}
.trstList li input[type="radio"] {display:inline-block; vertical-align:middle;}
.trstList li label {display:inline-block; vertical-align:middle; margin-left:5px; font-size:11pt;}
.trstBtn {padding-top:30px; text-align:center;}
.trstBtn a {display:inline-block; width:220px; height:60px; font-size:13pt; line-height:60px; background:#0d4a99; color:#fff;}

.clsAdd {display:block; width:150px; height:40px; line-height:39px; text-align:center; background:#0d4a99; color:#fff; font-size:11pt; position:absolute; right:0; bottom:5px;}

.clsSociety {border-top:solid 1px #d6d6d6;}
.clsSociety li {padding:25px 0; border-bottom:solid 1px #d6d6d6;}
.clsSociety li h5 {}
.clsSociety li h5:after {content:""; display:table; clear:both;}
.clsSociety li h5 span {float:left; display:block; height:30px; line-height:30px; margin-right:15px; white-space:nowrap; font-size:12pt; font-weight:500;}
.clsSociety li h5 a {float:left; display:block; width:60px; height:30px; line-height:28px; border:solid 1px #0d4a99; text-align:center; color:#0d4a99;}
.clsSociety dl {margin-top:15px;}
.clsSociety dl dd {margin-bottom:5px; position:relative; padding-left:8px; font-size:12pt;}
.clsSociety dl dd:last-child {margin-bottom:0;}
.clsSociety dl dd:before {content:""; display:block; width:2px; height:2px; background:#333; position:absolute; left:0; top:50%; margin-top:-1px;}

.sctyTable {}
.clsTable.sctyTable th {width:170px;}
.sctyTable .clsMail li:nth-child(1) {width:45%;}
.sctyTable .clsMail li:nth-child(2) {width:10%;}
.sctyTable .clsMail li:nth-child(3) {width:45%; margin-right:0;}
.sctyTable .clsMail li:nth-child(4) {width:100%; margin-top:10px;}
.sctyTable .clsPhone li:nth-child(1) {width:30%;}
.sctyTable .clsPhone li:nth-child(2),
.sctyTable .clsPhone li:nth-child(4) {width:5%;}
.sctyTable .clsPhone li:nth-child(3) {width:30%; margin-right:0;}
.sctyTable .clsPhone li:nth-child(5) {width:30%;}

.sctyRadio {}
.sctyRadio:after {content:""; display:table; clear:both;}
.sctyRadio li {float:left; margin-right:20px;}
.sctyRadio li:last-child {margin-right:0;}
.sctyRadio li input[type="radio"] {display:inline-block; vertical-align:middle;}
.sctyRadio li label {display:inline-block; vertical-align:middle; font-size:12pt;}
.sctyChk {}
.sctyChk:after {content:""; display:table; clear:both;}
.sctyChk li {float:left; width:50%;}
.sctyChk li input[type="checkbox"] {display:inline-block; vertical-align:middle;}
.sctyChk li label {display:inline-block; vertical-align:middle; font-size:12pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sctyBtn {padding:30px 0; text-align:center;}
.sctyBtn a {display:inline-block; width:160px; height:60px; line-height:60px; background:#383838; color:#fff; font-size:13pt;}
.sctyNone {text-align:center; padding:60px 0; font-size:13pt;}
.sctyNone span {color:#0d4a99; font-size:13pt;}

html.lock,
body.lock {width:100%; height:100%; overflow:hidden;}


@media (max-width:940px) {
	.clsMail li:nth-child(1) {width:45%;}
	.clsMail li:nth-child(2) {width:10%;}
	.clsMail li:nth-child(3) {width:45%; margin-right:0;}
	.clsMail li:nth-child(4) {width:100%; margin-top:10px;}
}

@media (max-width:800px) {
	.brdSch {padding:5px 10px;}
	.brdSch div {padding-right:40px;}
	.brdSch input[type="text"] {height:40px; padding:0 10px; font-size:11pt;}
	.brdSch input[type="submit"] {width:40px; height:40px; background-size:40px auto;}
	.brdSch.slct div {padding-left:105px;}
	.brdSch.slct select {width:100px; min-width:100px; height:40px; border:none; font-size:10pt;}
	.fairList {padding-top:20px;}
	.fairList > li {margin-bottom:15px;}
	.fairLec th {padding:10px; width:150px; vertical-align:top;}
	.fairLec td {padding:10px 10px 10px 0; vertical-align:top;}
	.fairList.off .fairLec td {padding:15px 10px;}
	.fairLec td h5 {font-size:12pt;}
	.fairLec td h5 span {width:30px; font-size:9pt; margin-right:5px; float:left;}
	.fairLec td dl {margin-top:5px;}
	.fairLec td dt {float:none; font-size:10pt; margin-top:10px; margin-bottom:5px;}
	.fairLec td dd {float:none; padding-right:0; margin-right:0; font-size:10pt; white-space:normal;}
	.fairLec td dd:after {display:none;}
	.fairLec td dd span {font-size:10pt;}
	.fairBook {padding:10px;}
	.fairBook p {margin-bottom:5px;}
	.fairBook label b {font-weight:400;}
	.fairCost {padding:5px 10px;}
	.fairCost p { font-size:11pt; line-height:34px;}
	.fairCost p b {font-size:11pt; font-weight:400;}
	.fairCost p span {font-size:11pt;}
	.fairCost dl dt {margin-right:5px;}
	.fairCost a {width:80px; height:34px; line-height:32px; border:solid 1px #2e2d76; font-size:11pt; text-align:center;}
	.fairInfo {margin-top:20px;}
	.fairInfo h5 {font-size:12pt; padding:15px 10px;}
	.fairInfo table,
	.fairInfo table tbody,
	.fairInfo table tr,
	.fairInfo table th,
	.fairInfo table td {display:block; width:100%;}
	.fairInfo table th {padding:10px; width:100%; vertical-align:middle;}
	.fairInfo table th img {width:100%;}
	.fairInfo table td {padding:10px; vertical-align:middle;}
	.fairInfo.thumbNo table td {padding-left:10px;}
	.fairInfo table td ul li {padding-left:6px; margin-bottom:5px; font-size:11pt;}
	.fairInfo table td ul li:before {top:10px;}
	.fairInfo table td ul li dl dd {float:none; font-size:11pt; white-space:normal; margin-right:0; padding-left:0;}
	.fairInfo table td ul li dl dd:before {top:10px; left:-6px;}
	.fairInfo table td ul li dl dd span {font-size:11pt;}
	.fairInfo table td ul li > span {font-size:11pt;}
	.fairRadio div {position:relative; padding-left:20px;}
	.fairRadio div input[type="radio"] {position:absolute; left:0; top:7px;}
	.fairRadio label {font-size:11pt; margin-left:0;}
	.fairCover h4 {padding-left:15px; font-size:13pt; margin-top:30px; background-size:11px auto;}
	.fairCover th {width:110px; padding:10px;}
	.fairCover td {padding:20px 10px;}
	.fairCover td h5 {font-size:12pt; line-height:18px;}
	.fairCover td h5 span {width:30px; height:18px; line-height:18px; font-size:9pt;}
	.fairCover td dl {margin-top:10px;}
	.fairCover td dd {float:none; padding-right:0; margin-right:0; font-size:10pt; white-space:normal;}
	.fairCover td dd:after {display:none;}
	.fairCover td dd span {font-size:10pt;}
	.fairCover td p span {font-size:9pt; padding:0 10px;}
	.fairCover td > div {padding-top:10px;}
	.fairCover td > div label {font-size:11pt;}
	.fairTab {margin-top:30px;}
	.fairTab li a {height:38px; line-height:38px; font-size:11pt;}
	.fairIntro {padding:20px 0;}
	.fairIntro dt {padding-left:16px; font-size:12pt;}
	.fairIntro dt:before {width:10px; height:10px; border:solid 3px #000; margin-top:-5px;}
	.fairIntro dd {padding:0; margin-top:10px;}
	.fairIntro dd ul li {margin-bottom:5px; font-size:11pt;}
	.fairTch th {width:80px; }
	.fairTch td {padding-left:10px; vertical-align:middle;}
	.fairTch td h5 {font-size:12pt;}
	.fairTch td p {font-size:10pt; margin-top:5px;}
	.fairStand th {font-size:10pt; padding:5px;}
	.fairStand td {font-size:10pt; padding:5px;}
	.fairMock th,
	.fairMock td {padding:10px; font-size:11pt;}
	.fairMock th {width:60px;}
	.fairMock td p span {font-size:9pt; margin-right:5px;}
	.fairRcmd {padding:20px 0;}
	.fairRcmd > h5 {padding-left:16px; font-size:12pt;}
	.fairRcmd > h5:before {width:10px; height:10px; border:solid 3px #000; margin-top:-5px;}
	.fairRcmd .fairList {padding-top:5px;}
	.clsTitle  {padding-left:15px; font-size:13pt; margin-top:30px; background-size:11px auto;}
	.clsTxt {font-size: 11pt; margin-top: 10px; line-height: 1.6em;}
	.clsList li {padding:15px 10px;}
	.clsList li h5 {font-size:12pt;}
	.clsList li h5 em {font-size:12pt;}
	.clsList p {font-size:10pt;}
	.clsChk th,
	.clsChk td {padding:10px;}
	.clsChk th {padding:10px 0;}
	.clsChk th {width:100px; font-size:10pt;}
	.clsChk ul li {float:left; margin-right:10px;}
	.clsChk ul li label {font-size:11pt;}
	.clsTable th,
	.clsTable td {padding:10px; font-size:11pt;}
	.clsTable th {width:90px; font-size:10pt; font-weight:400;}
	.clsTable th span {font-size:10pt;}
	.clsTable th em {font-size:10pt; display:block;}
	.clsTable td select {width:100%;}

	.clsPhone li:nth-child(1) {width:30%;}
	.clsPhone li:nth-child(2),
	.clsPhone li:nth-child(4) {width:5%;}
	.clsPhone li:nth-child(3) {width:30%; margin-right:0;}
	.clsPhone li:nth-child(5) {width:30%;}
	.clsDate li {width:100%;}
	.clsDate li:nth-child(even) {width:5%;}
	.clsDate li:nth-child(odd) {width:30%;}
	.clsDate li:first-child {width:30%;}
	.clsCpny a {margin-left:20px;}
	.clsFile {padding-right:0;}
	.clsFile a {width:120px; height:34px; line-height:34px; font-size:11pt; position:static; margin-top:5px;}
	.clsPrivacy {padding:10px; font-size:10pt;}
	.clsAgree label {font-size:11pt;}
	.clsBtn {margin-left:-5px; margin-right:-5px;}
	.clsBtn:after {content:""; display:table; clear:both;}
	.clsBtn li {display:block; float:left; width:33.3333%;}
	.clsBtn li a {width:100%; height:50px; font-size:12pt;}
	.clsBtn li:nth-child(1) a {line-height:50px;}
	.clsBtn li:nth-child(2) a {line-height:1.2em; font-size:11pt; letter-spacing:-0.075em; padding-top:5px;}
	.clsBtn li:nth-child(2) a span {font-size:11pt; display:block; line-height:1.2em; letter-spacing:-0.075em;}
	.clsBtn li:nth-child(3) a {line-height:50px;}
	.clsBtn.solo li a {width: 100%;}
	.clsBtn.society {text-align:center;}
	.clsBtn.society li {display:inline-block; float:none; vertical-align:middle;}
	.clsBtn.society li:nth-child(2) a {line-height:50px; padding-top:0;}
	.clsBtn.solo {text-align:center;}
	.clsBtn.solo li {display:inline-block; float:none; vertical-align:middle;}
	.clsPop > div > div {padding-left:15px; padding-right:15px;}
	.clsPopTitle {padding:0 15px;}
	.clsPopTitle h5 {height:50px; line-height:50px; font-size:14pt;}
	.clsPopTitle a {height:50px; width:50px; background-size:20px auto;}
	.clsPopCont {padding:20px;}
	.clspSch {padding:10px; padding-right:80px; position:relative;}
	.clspSch input[type="submit"] {right:10px; top:10px; width:60px; font-size:11pt;}
	.clspSch.slct {padding-left:130px;}
	.clspSch.slct select {left:10px; top:10px; min-width:110px; width:110px;}
	.clspCpny th p {font-size:11pt;}
	.clspNon {padding:40px 0; font-size:11pt; line-height:1.5em;}
	.clspInput {padding-bottom:30px;}
	.clspInput input[type="text"] {width:60%;}
	.clspInput input[type="submit"] {width:60px; height:40px; font-size:11pt;}
	.paging {padding-top:20px;}
	.paging a {width:28px; height:28px; line-height:26px;}
	.paging ul {margin:0 2px;}
	.trstDesc {padding:10px; margin-bottom:30px;}
	.trstList li {margin-right:20px;}
	.trstBtn a {width:160px; height:50px; font-size:12pt; line-height:50px;}

	.clsTable.sctyTable th {width:100px;}
	.sctyChk li {float:left; width:100%;}
	.sctyNone {padding:30px 0;}

}






/* --------------------------------------- */
/* License */
/* --------------------------------------- */


.lcnSccss {padding:40px; text-align:center; background:#fafafa;}
.lcnSccss h5 {margin-bottom:20px;}
.lcnSccss h5 span {font-size:22pt; color:#ff0000;}
.lcnSccss p span {display:block; font-size:13pt; line-height:1.8em; font-weight:300;}
.lcnDate {margin-top:20px;}
.lcnDate li {font-size:12pt; color:#888; font-weight:300;}
.lcnDate li b {font-size:12pt; font-weight:500; color:#ff0000;}
.lcnFile {padding:20px 20px 20px 30px;}
.lcnFile:after {content:""; display:table; clear:both;}
.lcnFile span {display:block; float:left; margin-right:10px; font-size:12pt; color:#888;}
.lcnFile ul {float:left;}
.lcnFile ul:after {content:""; display:table; clear:both;}
.lcnFile ul li {float:left; padding-right:10px; margin-right:10px; position:relative;}
.lcnFile ul li:after {content:""; display:block; width:1px; height:10px; background:#aaa; position:absolute; right:0; top:50%; margin-top:-5px;}
.lcnFile ul li:last-child:after {display:none;}
.lcnFile ul li a {display:block; white-space:nowrap; font-size:12pt; color:#888;}

@media (max-width:800px) {
	.lcnSccss {padding:30px 15px;}
	.lcnSccss h5 {margin-bottom:20px;}
	.lcnSccss h5 span {font-size:18pt; display:block; line-height:1.3em;}
	.lcnSccss p span {display:inline; font-size:11pt; line-height:1.6em}
	.lcnDate {margin-top:10px;}
	.lcnDate li {font-size:11pt;}
	.lcnDate li b {font-size:11pt;}

	.lcnFile {padding:10px;}
	.lcnFile:after {content:""; display:table; clear:both;}
	.lcnFile span {float:none; margin-right:0; font-size:11pt; font-weight:500;}
	.lcnFile ul {float:none; margin-top:5px;}
	.lcnFile ul li {float:none; padding-right:0; margin-right:0;}
	.lcnFile ul li:after {display:none;}
	.lcnFile ul li a {white-space:normal; font-size:11pt;}

}



/* --------------------------------------- */
/* Book */
/* --------------------------------------- */

.bookList {}
.bookList > li {border:solid 1px #d6d6d6; margin-bottom:30px;}
.bookList > li:last-child {margin-bottom:0;}
.bookList th {width:160px; padding:20px;}
.bookList th em {display:block; padding-bottom:125%; border:solid 1px #e8e8e8; background-size:cover !important;}
.bookList td {padding:20px; padding-left:0;}
.bookList td h5 {font-size:14pt; font-weight:400; line-height:20px;}
.bookList td h5:after {content:""; display:table; clear:both;}
.bookList td h5 span {display:block; float:left; width:40px; height:20px; line-height:20px; text-align:center; font-size:10pt; color:#fff; background:#00aeea; margin-right:5px;}
.bookList td dl {margin-top:20px;}
.bookList td dl:after {content:""; display:table; clear:both;}
.bookList td dd {float:left; position:relative; padding-right:20px; margin-right:20px; font-size:12pt; color:#888; white-space:nowrap;}
.bookList td dd:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}
.bookList td dd:last-child:after {display:none;}
.bookList td dd span {font-size:12pt; color:#000;}
.bookList td p {padding-top:15px;}
.bookList td p:after {content:""; display:table; clear:both;}
.bookList td p span {display:block; float:left; height:20px; line-height:20px; font-size:12pt; margin-right:10px;}
.bookList td p b {font-size:12pt; color:#ff0011; line-height:20px;}
.bookList td p em {font-style:normal; font-size:12pt; color:#000; line-height:20px;}
.bookList td:last-child {width:150px; padding:20px;}
.bookList td ul li {padding:5px 0;}
.bookList td ul li a {display:block; text-align:center; padding:10px 0;}
.bookList td ul li:nth-child(1) a {background:#383838;}
.bookList td ul li:nth-child(2) a {background:#0d4a99;}
.bookList td ul li a span {display:inline-block; height:20px; line-height:20px; background-size:20px auto !important; color:#fff; padding-left:25px;}
.bookList td ul li:nth-child(1) a span {background:url("../../img/book/book_list_btn01.png")no-repeat left center;}
.bookList td ul li:nth-child(2) a span {background:url("../../img/book/book_list_btn02.png")no-repeat left center;}


.bookInfo {border:solid 1px #d6d6d6; margin-top:50px;}
.bookInfo > h5 {background:#2e2d76; color:#fff; font-size:16pt; font-weight:400; line-height:20px; padding:30px 20px;}
.bookTable th {padding:20px; width:220px; vertical-align:top;}
.bookTable td {vertical-align:top; padding:20px; padding-left:0;}
.bookTable td p:after {content:""; display:table; clear:both;}
.bookTable td p span {display:block; float:left; height:20px; line-height:18px; border:solid 1px #000; text-align:center; font-size:10pt; margin-right:10px; padding:0 15px; font-weight:300;}
.bookTable td p b {font-size:14pt; color:#ff0011; line-height:20px;}
.bookTable td p em {font-style:normal; font-size:12pt; color:#000; line-height:20px; margin-left:3px;}
.bookTable td ul {margin-top:15px;}
.bookTable td ul li {padding-left:8px; position:relative; margin-bottom:6px; font-size:12pt;}
.bookTable td ul li:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:12px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}

.bookCost {background:#f9f9f9; padding:10px 20px 10px 30px;}
.bookCost:after {content:""; display:table; clear:both;}
.bookCost h5 { font-size:12pt; float:left; line-height:40px; white-space:nowrap;}
.bookCost ul {float:left; margin:0 20px;}
.bookCost ul:after {content:""; display:table; clear:both;}
.bookCost ul li {float:left;}
.bookCost ul li a {display:block;display:block; width:40px; height:40px; line-height:38px; text-align:center; background:#dfdfdf; font-size:16pt;}
.bookCost ul li input[type="text"] {display:block; width:70px; height:40px; border:solid 1px #cbcbcb; background:#fff; padding:0 10px; text-align:right; margin:0 10px;}
.bookCost p { font-size:14pt; color:#888; float:left; line-height:40px;}
.bookCost p b {font-size:14pt; color:#ff0000;}
.bookCost p span {font-size:14pt; color:#000;}
.bookCost dl {float:right;}
.bookCost dl:after {content:""; display:table; clear:both;}
.bookCost dl dt {float:left; margin-right:10px;}
.bookCost dl dd {float:left;}
.bookCost dl a {display:block; text-align:center; padding:10px 0; width:110px;}
.bookCost dl dt a {background:#383838;}
.bookCost dl dd a {background:#0d4a99;}
.bookCost dl a span {display:inline-block; height:20px; line-height:20px; background-size:20px auto !important; color:#fff; padding-left:25px;}
.bookCost dl dt a span {background:url("../../img/book/book_list_btn01.png")no-repeat left center;}
.bookCost dl dd a span {background:url("../../img/book/book_list_btn02.png")no-repeat left center;}

.bkSlider {padding:0 30px;}
.bkSlider .slick-arrow {display:block; width:16px; height:30px; position:absolute; top:50%; margin-top:-15px; text-indent:-9999px;}
.bkSlider .slick-prev {left:0; background:url("../../img/book/thumb_arrow_prev.png")no-repeat left center;}
.bkSlider .slick-next {right:0; background:url("../../img/book/thumb_arrow_next.png")no-repeat left center;}
.bkThumb {height:150px !important; border:solid 1px #e8e8e8; background-size:cover !important;}


@media (max-width:800px) {
	.bookList {padding-top:20px;}
	.bookList > li {margin-bottom:15px;}
	.bookList table,
	.bookList tbody,
	.bookList tr,
	.bookList th,
	.bookList td {display:block; width:100%;}
	.bookList tr {padding:15px; position:relative;}
	.bookList tr:after {content:""; display:table; clear:both;}
	.bookList th {width:90px; position:absolute; left:15px; top:15px; padding:0;}
	.bookList td:nth-child(2) {padding:10px 0; padding-left:105px;}
	.bookList td h5 {font-size:12pt; line-height:18px;}
	.bookList td h5 span {width:30px; height:18px; line-height:18px; font-size:9pt;}
	.bookList td dl {margin-top:10px;}
	.bookList td dd {float:none; padding-right:0; margin-right:0; font-size:10pt; white-space:normal;}
	.bookList td dd:after {display:none;}
	.bookList td dd span {font-size:10pt;}
	.bookList td p {padding-top:5px;}
	.bookList td p span {font-size:11pt; padding:0;}
	.bookList td p em,
	.bookList td p b {font-size:11pt;}

	.bookList td:last-child {width:100%; padding:0 20px; margin-top:20px; text-align:center;}
	.bookList td ul li {padding:0 5px; display:inline-block;}
	.bookList td ul li a {padding:7px 20px;}
	.bookList td ul li a span {display:inline-block; height:20px; line-height:20px; font-size:11pt; background-size:15px auto !important; padding-left:20px;}
	.bookList td ul li:nth-child(1) a span {background:url("../../img/book/book_list_btn01.png")no-repeat left center;}
	.bookList td ul li:nth-child(2) a span {background:url("../../img/book/book_list_btn02.png")no-repeat left center;}

	.bookInfo {margin-top:20px;}
	.bookInfo > h5 {font-size:12pt; padding:15px 10px;}
	.bookTable th {padding:10px; width:140px; vertical-align:middle;}
	.bookTable td {padding:10px; vertical-align:middle;}
	.bookTable td ul li {padding-left:6px; margin-bottom:5px; font-size:11pt;}
	.bookTable td ul li:before {top:10px;}
	.bookTable td ul li dl dd {float:none; font-size:11pt; white-space:normal; margin-right:0; padding-left:0;}
	.bookTable td ul li dl dd:before {top:10px; left:-6px;}
	.bookTable td ul li dl dd span {font-size:11pt;}
	.bookTable td ul li > span {font-size:11pt;}

	.bookCost {padding:20px;}
	.bookCost p {display:none;}
	.bookCost dl {float:left; width:100%; text-align:center; padding-top:20px;}
	.bookCost dl dt {float:none; display:inline-block; margin-right:0; padding:0 5px;}
	.bookCost dl dd {float:none; display:inline-block; padding:0 5px;}
	.bookCost dl a {padding:7px 20px;}
	.bookCost dl a span {display:inline-block; height:20px; line-height:20px; font-size:11pt; background-size:15px auto !important; padding-left:20px; white-space:nowrap;}

	.bkSlider {padding:0 20px;}
	.bkSlider .slick-arrow {width:12px; height:22px; margin-top:-11px; background-size:cover !important;}
	.bkThumb {height:110px !important;}
}


/* --------------------------------------- */
/* Customer */
/* --------------------------------------- */

.csTable th,
.csTable td {border-top:solid 10px #fff; border-bottom:solid 10px #fff; font-size:12pt;}
.csTable th {background:#f4f4f4; width:210px; font-weight:500; padding:20px;}
.csTable td {font-weight:300; padding:0 20px;}
.faqTab:after {content:""; display:table; clear:both;}
.faqTab li {float:left; width:20%; background:#f9f9f9; border:solid 1px #dfdfdf; border-right:none;}
.faqTab li:last-child {border-right:solid 1px #dfdfdf;}
.faqTab li a {display:block; height:48px; line-height:48px; text-align:center; font-size:12pt; color:#898989;}
.faqTab li.current {background:#fff; border-color:#0d4a99; border-bottom-color:#fff; position:relative;}
.faqTab li.current:after {content:""; display:block; width:1px; background:#0d4a99; position:absolute; right:-1px; top:-1px; bottom:-1px;}
.faqTab li.current a {color:#0d4a99;}
.faqList {border-top:solid 1px #d6d6d6; margin-top:30px;}
.faqList dt {border-bottom:solid 1px #d6d6d6; cursor:pointer; position:relative; padding-right:140px;}
.faqList dt:after {content:""; display:block; width:100px; height:40px; border:solid 1px #2e2d76; position:absolute; right:20px; top:50%; margin-top:-20px; background:url("../../img/customer/faq_btn01.png")no-repeat center center;}
.faqList dt.on:after {background:url("../../img/customer/faq_btn02.png")no-repeat center center;}
.faqList dd {border-bottom:solid 1px #d6d6d6;}
.faqList dd {display:none;}
.faqList dt.on {background:#f9f9f9;}
.faqList p {font-size:12pt;}
.faqList th {padding:20px 0;}
.faqList td {padding:20px;}
.faqList th {width:60px; font-weight:500; text-align:center;}
.faqList dt th {background:#f9f9f9;}
.faqList dd th {color:#f36f21;}
.notiList th,
.notiList td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; padding:30px 20px;}
.notiList th {text-align:left;}
.notiList th h5 strong {font-weight:400;font-size: 10pt;color: #ffffff;display: inline-block;padding: 0 4px;vertical-align: bottom;border-radius: 5px;}
.notiList th h5 strong.receipt {background: #383838;}
.notiList th h5 strong.done {background: #ff4f4f;}
.notiList th a {display:block;}
.notiList th h5 {font-size:14pt; font-weight: 500;}
.notiList th h5 span {font-size:14pt; color:#238dfa;}
.notiList th h5 em {font-size:14pt; font-style:normal; color:#f36f21;}
.notiList th h5 img {display:inline-block; vertical-align:middle; margin-top:-4px; margin-left:5px;}
.notiList th p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12pt; margin-top:15px; font-weight: 300;}
.notiList td {width:220px; text-align:right;}
.notiList td dl {display:inline-block;}
.notiList td dl:after {content:""; display:table; clear:both;}
.notiList td dl dd {float:left; color:#8f8f8f; font-weight:300; font-size:11pt; margin-right:10px; padding-right:10px; position:relative;}
.notiList td dl dd:after {content:""; display:block; width:1px; height:10px; background:#8f8f8f; position:absolute; right:0; top:50%; margin-top:-5px;}
.notiList td dl dd:last-child {margin-right:0; padding-right:0;}
.notiList td dl dd:last-child:after {display:none;}
.notiList tr.reply th a {padding-left:30px; background:url("../../img/customer/notice_reply.png")no-repeat left top;}
.notiList tr.visit {background:#f7f7f7;}
.notiBtn.top {text-align:right; padding-top:30px; padding-bottom:10px;}
.notiBtn.bot {text-align:center; padding:30px 0;}
.notiBtn a {display:inline-block; width:220px; height:60px; line-height:60px; text-align:center; color:#fff; background:#0d4a99; font-size:13pt;}
.notiView {border-top:solid 2px #d6d6d6;}
.notiView td {padding:20px; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
.notiView td img{max-width: 100%; height: auto;}
.ntvTitle {}
.ntvTitle h5 {font-size:14pt;}
.ntvTitle h5 span {font-size:14pt; color:#238dfa;}
.ntvTitle dl:after {content:""; display:table; clear:both;}
.ntvTitle dl dd {float:left; color:#8f8f8f; font-weight:300; font-size:11pt; margin-right:10px; padding-right:10px; position:relative;}
.ntvTitle dl dd:after {content:""; display:block; width:1px; height:10px; background:#8f8f8f; position:absolute; right:0; top:50%; margin-top:-5px;}
.ntvTitle dl dd:last-child {margin-right:0; padding-right:0;}
.ntvTitle dl dd:last-child:after {display:none;}
.ntvFile {}
.ntvFile ul {}
.ntvFile ul:after {content:""; display:table; clear:both;}
.ntvFile ul li {float:left; margin-right:50px;}
.ntvFile ul li:last-child {margin-right:0;}
.ntvFile ul li a {display:block; font-size:12pt; color:#8f8f8f; padding-right:30px; background:url("../../img/customer/notice_file.png")no-repeat 99% center;}
.ntvBtn {text-align:center; padding-top:30px; padding-bottom:100px;}
.ntvBtn li {display:inline-block; padding:0 5px;}
.ntvBtn li a {display:block; width:140px; height:60px; line-height:58px; color:#fff; background:#383838; border:solid 1px #383838; font-size:13pt;}
.ntvBtn li:first-child a {background:#0d4a99; border:solid 1px #0d4a99;}
.ntvBtn li:last-child a {border:solid 1px #0d4a99; background:none; color:#0d4a99;}
.ntvReply {}
.ntvReply h5 {font-size:14pt; color:#0d4a99; padding-bottom:5px;}
.ntvReply div {position:relative; background:#fafafa; padding:30px; padding-right:160px;}
.ntvReply input[type="text"] {display:block; width:100%; height:40px; border:none; padding:0 15px; border:solid 1px #cbcbcb;}
.ntvReply input[type="submit"] {display:block; width:120px; height:40px; position:absolute; right:30px; top:30px; border:none; color:#fff; background:#3a3a3a;}
.ntvrList {margin-top:50px; border-top:solid 1px #d6d6d6;}
.ntvrList li {border-bottom:solid 1px #d6d6d6; padding:25px 0;}
.ntvrList li h5 {}
.ntvrList li h5:after {content:""; display:table; clear:both;}
.ntvrList li h5 span {display:inline-block; vertical-align:middle; font-size:12pt; color:#8f8f8f; font-weight:300; padding-right:10px; margin-right:10px; position:relative;}
.ntvrList li h5 span:after {content:""; display:block; width:1px; height:10px; background:#aaa; position:absolute; right:0; top:50%; margin-top:-5px;}
.ntvrList li h5 em {display:inline-block; vertical-align:middle; font-size:12pt; color:#8f8f8f; font-weight:300; font-style:normal;}
.ntvrList li h5 a {display:inline-block; vertical-align:middle; width:70px; height:30px; line-height:27px; font-size:11pt; color:#383838; border:solid 1px #383838; margin-left:15px; text-align:center;}
.ntvrList li p {margin-top:10px;}
.ntvrWrite {position:relative; padding-right:160px; margin-top:10px;}
.ntvrWrite input[type="text"] {display:block; width:100%; height:40px; border:none; padding:0 15px; border:solid 1px #cbcbcb;}
.ntvrWrite dl {position:absolute; right:0; top:0;}
.ntvrWrite dl:after {content:""; display:table; clear:both;}
.ntvrWrite dl dd {float:left;}
.ntvrWrite dl dd a {display:block; width:70px; height:40px; text-align:center; line-height:37px; font-size:11pt; border:solid 1px #383838;}
.ntvrWrite dl dd:first-child {margin-right:10px;}
.ntvrWrite dl dd:first-child a {background:#383838; color:#fff;}
.ntvrWrite dl dd:last-child a {color:#383838;}
.qnaWrite {border-top:solid 2px #d6d6d6;}
.qnaWrite th,
.qnaWrite td {padding:10px 20px; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
.qnaWrite th {width:190px; background:#fafafa; font-size:12pt; font-weight:300;}
.qnaWrite td {}
.qnaWrite td textarea {display:block; width:100%; height:220px; resize:none; border:solid 1px #cbcbcb}
.qnaWrite input[type="file"],
.qnaWrite input[type="file"] + label {display:inline-block; vertical-align:middle; white-space:nowrap;}
.qnawTitle {position:relative; padding-right:80px;}
.qnawTitle > div {position:absolute; right:0; top:50%; margin-top:-12px;}
.qnawTitle input[type="text"] {border:solid 1px #cbcbcb; width:100%;}
.qnawTitle input[type="checkbox"] {display:inline-block; vertical-align:middle;}
.qnawTitle label {display:inline-block; vertical-align:middle;}
.qnawBtn {text-align:center; padding:40px 0;}
.qnawBtn li {display:inline-block; padding:0 5px;}
.qnawBtn li a {display:block; width:140px; height:60px; line-height:58px; border:solid 1px #0d4a99; font-size:13pt;}
.qnawBtn li:first-child a {background:#0d4a99; color:#fff;}
.qnawBtn li:last-child a {color:#0d4a99;}
.rfndTxt {padding-top:10px;}
.rfndTxt p {font-size:12pt; line-height:1.6em; font-weight:300;}
.rfndTxt ul {margin-top:10px;}
.rfndTxt li {font-size:12pt; line-height:1.6em; font-weight:300;}
.rfndTxt span {font-size:12pt; line-height:1.6em; font-weight:300; color:#ff0000;}
.rfndTxt img {max-width:100%; margin:0 auto;}
.rfndTxt img.imgPc {display:block;}
.rfndTxt img.imgMo {display:none;}
.lcaMap {width:100% !important;}
.locaTable {margin-top:30px;}
.locaTable th,
.locaTable td {padding:5px 0; vertical-align:top;}
.locaTable th {width:140px; text-align:center;}
.locaTable th div {background:#343483; padding:10px 0; }
.locaTable th span {display:inline-block; height:20px; line-height:20px; background-size:20px auto !important; color:#fff; padding-left:25px;}
.locaTable td {padding-left:20px;}
.locaTable td h5 {margin-top:30px;}
.locaTable td h5 span {display:block; padding-left:40px; height:40px; line-height:40px; position:relative; background-size:auto 30px !important; font-size:12pt; font-weight:500;}
.locaTable td ul li {padding-left:8px; position:relative; font-size:12pt; font-weight:300; line-height:1.8em;}
.locaTable td ul li:before {content:""; display:block; width:2px; height:2px; background:#888; position:absolute; left:0; top:50%; margin-top:-1px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.locaTable td dl dt {margin-top:20px; font-size:12pt; font-weight:500; margin-bottom:5px;}
.locaTable td dl dt:first-child {margin-top:10px;}
.locaTable td dl dd {line-height:1.8em; font-size:12pt; font-weight:300; padding-left:18px; position:relative;}
.locaTable td dl dd:before {content:""; display:block; width:10px; height:10px; position:absolute; left:0; top:10px;}
.locaTable td dl dd.locaDot01:before {background:#0060ff;}
.locaTable td dl dd.locaDot02:before {background:#037b44;}
.locaTable td dl dd.locaDot03:before {background:#e60012;}





@media (max-width:800px) {
	.csTable,
	.csTable tbody,
	.csTable tr,
	.csTable th,
	.csTable td {display:block; width:100%;}
	.csTable th,
	.csTable td {border-top:none; border-bottom:none; font-size:11pt;}
	.csTable th {width:100%; padding:10px;}
	.csTable td {padding:10px 0 20px 0;}
	.faqTab {border-bottom:solid 1px #dfdfdf;}
	.faqTab li {border-bottom:none;}
	.faqTab li:nth-child(4n) {border-right:solid 1px #dfdfdf;}
	.faqTab li.current:before {content:""; display:block; height:1px; background:#0d4a99; position:absolute; right:-1px; left:-1px; bottom:-1px;}
	.faqTab li a {height:38px; line-height:38px; font-size:10pt;}
	.faqList {margin-top:20px;}
	.faqList dt {padding-right:100px;}
	.faqList dt:after {width:60px; height:30px; right:10px; margin-top:-15px; background-size:auto 100% !important;}
	.faqList p {font-size:11pt;}
	.faqList th {padding:10px 0;}
	.faqList td {padding:10px;}
	.faqList th {width:40px;}
	.notiList tbody,
	.notiList tr,
	.notiList th,
	.notiList td {display:block; width:100%;}
	.notiList {border-top:solid 1px #d6d6d6;}
	.notiList tr {border-bottom:solid 1px #d6d6d6;}
	.notiList th,
	.notiList td {padding:20px 10px; border-top:none; border-bottom:none;}
	.notiList th {padding-bottom:10px;}
	.notiList th h5 {font-size:12pt;}
	.notiList th h5 span {font-size:12pt;}
	.notiList th h5 em {font-size:12pt;}
	.notiList th h5 img {width:12px;}
	.notiList th p {font-size:11pt; margin-top:10px; overflow: hidden; text-overflow: ellipsis;white-space: normal; line-height: 1.4; height: 2.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.notiList td {width:100%; text-align:left; padding-top:0;}
	.notiList td dl {display:block;}
	.notiList td dl dd {font-size:10pt;}
	.notiList tr.reply td {padding-left:40px;}
	.notiBtn.top {padding-top:20px; padding-bottom:10px;}
	.notiBtn.bot {padding:20px 0;}
	.notiBtn a {width:140px; height:44px; line-height:44px; font-size:12pt;}
	.notiView td {padding:10px 0;}
	.ntvTitle h5 {font-size:13pt;}
	.ntvTitle h5 span {font-size:13pt;}
	.ntvTitle dl dd {font-size:10pt; margin-top:5px;}
	.ntvFile ul li {margin-right:20px;}
	.ntvFile ul li a {display:block; font-size:11pt; padding-right:26px; background-size:18px auto !important;}
	.ntvBtn {padding-top:20px; padding-bottom:60px; margin:0 -5px;}
	.ntvBtn:after {content:""; display:table; clear:both;}
	.ntvBtn li {display:block; float:left; width:25%;}
	.ntvBtn li a {width:100%; height:40px; line-height:38px; font-size:11pt;}
	.ntvReply h5 {font-size:12pt;}
	.ntvReply div {padding:10px; padding-right:100px;}
	.ntvReply input[type="text"] {height:36px; border:none; padding:0 15px; border:solid 1px #cbcbcb;}
	.ntvReply input[type="submit"] {width:80px; height:36px; right:10px; top:10px;;}
	.ntvrList {margin-top:30px;}
	.ntvrList li {padding:15px 0;}
	.ntvrList li h5:after {content:""; display:table; clear:both;}
	.ntvrList li h5 span {font-size:11pt;}
	.ntvrList li h5 em {font-size:11pt;}
	.ntvrList li h5 a {display:block; width:50px; height:22px; line-height:19px; font-size:9pt; margin-left:0; float:right;}
	.ntvrWrite {padding-right:130px; margin-top:10px;}
	.ntvrWrite input[type="text"] {height:36px;}
	.ntvrWrite dl dd a {width:60px; height:36px; line-height:33px;}
	.ntvrWrite dl dd:first-child {margin-right:5px;}
	.qnaWrite th,
	.qnaWrite td {padding:5px;}
	.qnaWrite th {width:100px; font-size:11pt;}
	.qnaWrite td textarea {height:160px;}
	.qnaWrite input[type="file"],
	.qnaWrite input[type="file"] + label {display:block; font-size:10pt;}
	.qnaWrite input[type="file"] {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
	.qnaWrite input[type="file"] + label {white-space:normal; line-height:1.2em; margin-top:5px;}
	.qnawTitle input[type="text"] {height:34px;}
	.qnawBtn {padding:20px 0;}
	.qnawBtn li a {width:100px; height:44px; line-height:42px; font-size:12pt;}
	.rfndTxt {padding-top:0;}
	.rfndTxt p {font-size:11pt;}
	.rfndTxt ul {margin-top:10px;}
	.rfndTxt li {font-size:11pt;}
	.rfndTxt span {font-size:11pt;}
	.rfndTxt img.imgPc {display:none;}
	.rfndTxt img.imgMo {display:block;}
	.lcaMap {height:300px !important;}
	.locaTable {margin-top:20px;}
	.locaTable th {width:80px;}
	.locaTable th div {padding:5px 0;}
	.locaTable th span {background-size:15px auto !important; padding-left:20px; font-size:11pt;}
	.locaTable td {padding-left:10px; font-weight:300;}
	.locaTable td h5 {margin-top:20px;}
	.locaTable td h5 span {padding-left:30px; height:30px; line-height:30px; background-size:auto 20px !important; font-size:12pt;}
	.locaTable td ul li {font-size:11pt;}
	.locaTable td ul li:before {top:13px;}
	.locaTable td dl dd {font-size:11pt;}
	.locaTable td dl dd:before {top:8px;}

}



/* --------------------------------------- */
/* Membership */
/* --------------------------------------- */

.joinForm {width:100%; max-width:500px; margin:0 auto;}
.joinForm ul li {margin-bottom:20px;}
.joinForm ul li input[type="text"],
.joinForm ul li input[type="password"],
.joinForm ul li input[type="tel"],
.joinForm ul li #agencyno {display:block; width:100%; height:40px; border:solid 1px #cbcbcb; padding:0 20px;}
.joinCpny {position:relative; padding-right:100px;}
.joinCpny2 {position:relative; padding-right:330px;}
.joinCpny2 span {display:block; width:25px; height: 40px; line-height: 37px; text-align:center; font-size:11px; position: absolute; right: 305px; top: 0;}
.joinCpny2 #email2 {display:block; width:150px; height: 40px; line-height: 37px; font-size:12pt; position: absolute; right: 155px; top: 0;}
.joinCpny2 select {display:block; width:150px; height: 40px; line-height: 37px; text-align:center; font-size:12pt; position: absolute; right: 0; top: 0;}
.joinCpny a {display:block; width:90px; height:40px; line-height:37px; text-align:center; border:solid 1px #0d4a99; color:#0d4a99; font-size:11pt; position:absolute; right:0; top:0;}
.joinAgree {margin-bottom:50px; padding-left:23px; position:relative;}
.joinAgree input[type="checkbox"] {width:20px; height:20px; position:absolute; left:0; top:2px;}
.joinAgree label {display:block; font-size:11pt; color:#000;}
.joinAgree label a {color:#f36f21; font-size:11pt;}
.joinBtn {display:block; height:60px; line-height:60px; text-align:center; background:#0d4a99; color:#fff; font-size:14pt; font-weight:500;}
.delBtn {display:block; height:60px; line-height:60px; text-align:center; background:#fff; color:#0d4a99 !important; font-size:14pt; font-weight:500; border:solid 1px #0d4a99;}

.popWrap {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); padding:30px 15px; z-index:100; display:none;}
.popWrap > div {width:100%; max-width:1200px; margin:0 auto; height:100%; position:relative; padding-top:80px;}
.popWrap.popSmall > div {display:table; width:100%; height:100%; padding-top:0;}
.popWrap.popSmall > div > div {display:table-cell; width:100%; vertical-align:middle;}
.popWrap.popSmall > div > div > div {width:400px; margin:0 auto; position:relative; padding-top:80px; background:#fff;}
.popWrap.popMiddle > div > div > div {width:800px; margin:0 auto; position:relative; padding-top:80px; background:#fff;}
.popTitle {background:#0d4a99; padding:0 30px; position:absolute; left:0; right:0; top:0;}
.popTitle h5 {font-size:22pt; color:#fff; font-weight:400; height:80px; line-height:80px;}
.popTitle span {display:block; width:80px; height:80px; position:absolute; right:0; top:0; text-indent:-9999px; cursor:pointer; background:url("../../img/common/pop_close.png")no-repeat center center;}
.popCont {background:#fff; overflow-y:auto; height:100%; padding:0 30px; padding-bottom:40px; -webkit-overflow-scrolling: touch;}
.popCont h3 {font-size:15pt; padding-top:40px; font-weight:500;}
.popCont h4 {font-size:13pt; padding-top:30px; font-weight:500; padding-bottom:5px;}
.popCont h5 {font-size:11pt; padding-top:40px; font-weight:500;}
.popCont p {font-size:11pt;}
html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;}

.joinScss {text-align:center; padding-top:60px;}
.joinScss h5 span {font-size:20pt; color:#0d4a99; font-weight:400;}
.joinScss p {margin-top:10px;}
.joinScss p span {font-size:13pt; font-weight:300;}
.joinScss a {display:block; width:500px; max-width:100%; margin:0 auto; margin-top:130px; height:60px; line-height:60px; text-align:center; background:#0d4a99; color:#fff; font-size:14pt; font-weight:500;}

.lgnWrap {width:100%; max-width:500px; margin:0 auto;}
.lgnForm {}
.lgnForm li {margin-bottom:20px;}
.lgnForm li:last-child {margin-bottom:0;}
.lgnForm li input {height:60px; border:solid 1px #cbcbcb; display:block; width:100%;}
.lgnChk {margin-bottom:50px; margin-top:10px;}
.lgnChk input[type="checkbox"] {display:inline-block; vertical-align:middle;}
.lgnChk label {display:inline-block; vertical-align:middle;}
.lgnBtn {display:block; text-align:center; height:60px; line-height:60px; background:#0d4a99; color:#fff !important; font-size:14pt;}
.lgnMenu {margin-top:50px;}
.lgnMenu dl:first-child {margin-bottom:10px;}
.lgnMenu dl:after {content:""; display:table; clear:both;}
.lgnMenu dt {float:left; white-space:nowrap; height:50px; line-height:50px; font-size:12pt; font-weight:300;}
.lgnMenu dd {float:right;}
.lgnMenu dd a {display:block; height:50px; line-height:48px; text-align:center; width:190px; border:solid 1px #ccc; color:#515151; font-size:12pt;}
.lgnMenu dl:first-child dd a {color:#0d4a99; border-color:#0d4a99;}

.idpw {padding-top:30px;}
.idpw p {font-size:12pt; color:#000; padding-bottom:15px;}
.idpw p span {font-size:12pt; color:#f36f21;}
.idpwBtn {margin-top:60px; padding:0 25px;}
.idpwBtn:after {content:""; display:table; clear:both;}
.idpwBtn li {float:left; width:50%; padding:0 5px;}
.idpwBtn li a {display:block; height:60px; line-height:58px; font-size:13pt; color:#0d4a99; border:solid 1px #0d4a99; text-align:center;}
.idpwBtn li:first-child a {background:#0d4a99; color:#fff;}




@media (max-width:800px) {
	.joinForm ul li {margin-bottom:10px;}
	.joinForm ul li input[type="text"],
	.joinForm ul li input[type="password"],
	.joinForm ul li input[type="tel"] {height:36px; padding:0 10px;}
	.joinCpny {padding-right:80px;}
	.joinCpny a {width:70px; height:36px; line-height:33px;}
	.joinAgree {margin-bottom:20px;}
	.joinBtn {height:50px; line-height:50px; font-size:12pt;}
	.delBtn {height:50px; line-height:50px; font-size:12pt;}

	.popWrap > div {padding-top:50px;}
	.popWrap.popSmall > div > div {}
	.popWrap.popSmall > div > div > div {width:100%; padding-top:50px;}
	.popTitle {padding:0 15px}
	.popTitle h5 {font-size:16pt; height:50px; line-height:50px;}
	.popTitle span {width:50px; height:50px; background-size:25px auto;}
	.popCont {padding:0 15px; padding-bottom:30px;}
	.popCont h3 {font-size:13pt; padding-top:30px;}
	.popCont h4 {font-size:12pt; padding-top:20px}
	.popCont h4 {font-size:10pt; padding-top:30px}
	.popCont p {font-size:10pt;}

	.joinScss {padding-top:60px;}
	.joinScss h5 span {font-size:16pt; display:block; line-height:1.3em;}
	.joinScss p {margin-top:10px;}
	.joinScss p span {font-size:11pt; display:block;}
	.joinScss a {margin-top:60px; height:50px; line-height:50px; font-size:12pt;}

	.lgnForm li {margin-bottom:10px;}
	.lgnChk {margin-bottom:40px;}
	.lgnBtn {height:50px; line-height:50px; font-size:12pt;}
	.lgnMenu {margin-top:30px;}
	.lgnMenu dl:first-child {margin-bottom:20px;}
	.lgnMenu dt {float:none; text-align:center; height:auto; line-height:1.5em;; font-size:11pt;}
	.lgnMenu dd {float:none; padding-top:10px;}
	.lgnMenu dd a {margin:0 auto;height:40px; line-height:38px; width:160px; font-size:11pt;}

	.idpw {padding-top:0;}
	.idpw p {font-size:10pt;;}
	.idpwBtn {margin:0 -5px; margin-top:30px; padding:0;}
	.idpwBtn li a {height:50px; line-height:48px; font-size:11pt;}
}




/* 위탁교육 */
.csgTitle {text-align:center; padding-bottom:30px;}
.csgTitle h4 {font-weight:400; color:#333583; font-size:28pt; line-height:1.0em;}
.csgTitle p {font-size:18pt; margin-top:20px;}
.csgPoint {margin:0 -30px;}
.csgPoint:after {content:""; display:table; clear:both;}
.csgPoint dd {float:left; width:50%; padding:0 30px;}
.csgPoint dd > div {background:#e4f6ff; text-align:center; padding:25px 0; position:relative; border-radius:100px 100px 100px 100px; -moz-border-radius:100px 100px 100px 100px; -webkit-border-radius:100px 100px 100px 100px;}
.csgPoint ul {display:inline-block; text-align:left; padding-left:100px; min-height:105px; background-size:80px auto !important; position:relative;}
.csgPoint dd:first-child ul {background:url("../../img/offline/consign_list_ico01.png")no-repeat left center;}
.csgPoint dd:last-child ul {background:url("../../img/offline/consign_list_ico02.png")no-repeat left center;}
.csgPoint dd:last-child div:before {content:""; display:block; width:130px; height:105px; position:absolute; bottom:100%; right:50%; background:url("../../img/offline/consign_list_man.png")no-repeat left center; background-size:cover;}
.csgPoint ul li {white-space:nowrap; margin-bottom:15px; font-size:12pt; line-height:25px; position:relative; padding-left:22px;}
.csgPoint ul li:before {content:""; display:block; width:14px; height:11px; position:absolute; left:0; top:6px; background:url("../../img/offline/consign_list_dot.png")no-repeat center center;}
.csgPoint ul li:last-child {margin-bottom:0;}
.csgTxt {padding:50px 0; text-align:center; font-size:13pt;}
.csgList {margin:0 -30px;}
.csgList:after {content:""; display:table; clear:both;}
.csgList dd {width:50%; float:left; padding:25px 30px;}
.csgList dd:last-child {margin-left:25%;}
.csgList dd h5 {width:60%; margin:0 auto; height:160px; line-height:60px; background:#0d4a99; color:#fff;  font-size:14pt; text-align:center; position:relative; border-radius:100% 100% 0 0; -moz-border-radius:100% 100% 0 0; -webkit-border-radius:100% 100% 0 0;}
.csgList dd h5:after {content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:100px; background:#fff;}
.csgList ul {background:#f9f9f9; padding:20px 30px; margin-top:-100px; position:relative; min-height:100px;}
.csgList ul li {font-size:12pt; padding-left:8px; position:relative; margin-bottom:5px;}
.csgList ul li:last-child {margin-bottom:0;}
.csgList ul li:before {content:""; display:block; width:2px; height:2px; background:#888; position:absolute; left:0; top:50%; margin-top:-1px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.csgList ul li:last-child {margin-bottom:0;}
.csgSub {font-size:15pt; color:#0d4a99; font-weight:400; position:relative; margin-top:60px; margin-bottom:10px;}
.csgTable {position:relative;}
.csgTable table {border-left:solid 2px #fff; border-right:solid 2px #fff;}
.csgTable th,
.csgTable td {font-size:12pt; font-weight:300; border:solid 1px #d6d6d6; padding:10px; text-align:center;}
.csgTable th {background:#f9f9f9;}
.csgTable td.txtLeft {text-align:left;}
.csgCall {margin-top:20px;}
.csgCall dt {font-size:12pt; font-weight:300; margin-bottom:10px;}
.csgCall dd {display:inline-block; vertical-align:middle; font-size:12pt; font-weight:300; margin-right:25px; padding-left:40px; position:relative;}
.csgCall dd:last-child {margin-right:0;}
.csgCall dd:before {content:""; display:block; width:30px; height:30px; background-size:18px auto !important; position:absolute; left:0; top:50%; margin-top:-15px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.csgCall dd:nth-child(2):before {background:#d5d5d5 url("../../img/common/footer_ico01.png")no-repeat center center;}
.csgCall dd:nth-child(3):before {background:#d5d5d5 url("../../img/common/footer_ico02.png")no-repeat center center}
.csgCall dd:nth-child(4):before {background:#d5d5d5 url("../../img/common/footer_ico03.png")no-repeat center center}




@media (max-width:1200px) {
	.csgPoint {margin:0 -10px;}
	.csgPoint dd {padding:0 10px;}
	.csgPoint dd > div {padding:25px 0;}
	.csgPoint ul {padding-left:60px; background-size:50px auto !important;}
	.csgPoint dd:last-child div:before {right:30%;}
	.csgPoint ul {min-height:auto;}
	.csgPoint ul li {font-size:11pt; margin-bottom:5px; line-height:20px;}
	.csgList {margin:0 -10px;}
	.csgList dd {padding:15px 10px;}
	.csgList dd h5 {height:140px; line-height:40px; font-size:12pt;}
	.csgList ul {padding:10px 15px; min-height:auto;}
	.csgList ul li {font-size:11pt;}
}

@media (max-width:800px) {
	.csgTitle {text-align:left; padding-bottom:20px; position:relative;}
	.csgTitle:after {content:""; display:block; width:65px; height:53px; bottom:0; right:50px; position:absolute; background:url("../../img/offline/consign_list_man.png")no-repeat left center; background-size:cover;}
	.csgTitle h4 {font-size:18pt;}
	.csgTitle p {font-size:12pt; margin-top:10px;}
	.csgPoint dd {width:100%;}
	.csgPoint dd:last-child {margin-top:20px;}
	.csgPoint dd:last-child div:before {display:none;}
	.csgPoint dd > div {padding:15px 25px;}
	.csgPoint ul {padding-left:50px; background-size:40px auto !important; display:block;}
	.csgPoint ul li {white-space:normal;}
	.csgTxt {padding:30px 0; font-size:11pt;}
	.csgList {margin:0 ;}
	.csgList dd {padding:15px 0; width:100%;}
	.csgList dd:last-child {margin-left:0;}
	/* .csgTable {overflow-x:auto;  -webkit-overflow-scrolling: touch;}
	.csgTable table {width:1000px;} */
	.csgTable th,
	.csgTable td {font-size:11pt; padding:5px;}
	.csgCall {margin-top:10px;}
	.csgCall dt {font-size:11pt;}
	.csgCall dd {font-size:11pt; margin-right:20px; padding-left:30px;}
	.csgCall dd:before {width:25px; height:25px; background-size:15px auto !important; margin-top:-13px;}
	.csgCall dd:last-child {margin-top:10px;}

}




/* ISO */
.isoTitle {height:252px; background:url("../../img/offline/iso_img.png")no-repeat right center; background-size:auto 252px;}
.isoTitle > div {display:table; height:100%; width:100%;}
.isoTitle > div > div {display:table-cell; width:100%; vertical-align:middle;}
.isoTitle h4 {font-size:22pt;}
.isoTitle p {color:#333583; font-size:36pt; line-height:1.2em;}
.isoCont {margin-top:50px;}
.isoCont dt {height:20px; line-height:20px; padding-left:25px; color:#0d4a99; font-size:14pt; font-weight:400; letter-spacing:0em; background:url("../../img/offline/iso_dot.png")no-repeat left center; background-size:16px auto !important;}
.isoCont dd {padding-left:25px;}
.isoCont dd h5 {font-size:12pt; font-weight:500; margin-top:25px;}
.isoCont dd ul {margin-top:15px;}
.isoCont dd ul li {font-size:12pt; margin-bottom:5px;}
.isoCont dd ul li:last-child {margin-bottom:0;}
.isoTel {background:#f7f7f7; padding:20px; margin-top:60px;}
.isoTel span {display:inline-block; white-space:nowrap; font-size:12pt; margin-right:25px; padding-left:40px; height:30px; line-height:30px; position:relative;}
.isoTel span:before {content:""; display:block; width:30px; height:30px; background-size:18px auto !important; position:absolute; left:0; top:50%; margin-top:-15px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.isoTel span:nth-child(1):before {background:#d5d5d5 url("../../img/offline/iso_ico01.png")no-repeat center center;}
.isoTel span:nth-child(2):before {background:#d5d5d5 url("../../img/offline/iso_ico02.png")no-repeat center center}
.isoTel span:nth-child(3):before {background:#d5d5d5 url("../../img/offline/iso_ico03.png")no-repeat center center}


@media (max-width:1200px) {
	.isoTitle {height:180px; background-size:auto 180px;}
	.isoTitle h4 {font-size:18pt;}
	.isoTitle p {font-size:26pt;}
}

@media (max-width:800px) {
	.isoTitle {height:auto; padding-bottom:180px; background-position:center bottom !important; background-size:auto 150px;}
	.isoTitle h4 {font-size:12pt;}
	.isoTitle p {font-size:18pt;}

	.isoCont {margin-top:40px;}
	.isoCont dt {height:16px; line-height:16px; padding-left:18px; font-size:12pt; background-size:12px auto !important;}
	.isoCont dd {padding-left:18px;}
	.isoCont dd h5 {font-size:11pt; margin-top:15px;}
	.isoCont dd ul {margin-top:15px;}
	.isoCont dd ul li {font-size:11pt; margin-bottom:5px;}
	.isoTel {padding:10px; margin-top:40px;}
	.isoTel span {font-size:11pt; margin-right:0; display:block; margin-bottom:10px;}
	.isoTel span:last-child {margin-bottom:0;}
}







/* 190811 CSS추가 */
.fairTab.col4 li {width:25%;}
.meList.recList {margin-top:20px;}
.meList.recList li {padding:10px;}
.csgList.lawList {margin:0;}
.lawTitle {text-align:center;}
.lawTitle h4 {font-size:30pt; margin-bottom:40px;}
.lawTitle h5 {display:inline-block; white-space:nowrap; text-align:left; font-size:30pt; color:#333583; padding-left:120px; position:relative;}
.lawTitle h5:before {content:""; display:block; width:95px; height:120px; position:absolute; left:0; top:50%; margin-top:-60px; background:url("../../img/offline/law_title_img.png")no-repeat center center;}
.lawTitle h5 span {display:block; font-size:16pt; color:#000;}
.lawTxt {margin-top:100px; margin-bottom:40px;}
.lawTxt dd {display:table; height:160px; margin-bottom:30px; width:100%; padding-left:80px;}
.lawTxt dd > div {display:table-cell; vertical-align:middle; position:relative; padding-left:100px; margin-left:-80px;}
.lawTxt dd:nth-child(2) > div {border:solid 2px #e4f6ff;}
.lawTxt em {display:block; width:160px; height:160px; position:absolute; left:-80px; top:-2px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.lawTxt ul li {margin-bottom:15px; font-size:12pt; line-height:25px; position:relative; padding-left:22px;}
.lawTxt ul li:before {content:""; display:block; width:14px; height:11px; position:absolute; left:0; top:6px; background:url("../../img/offline/consign_list_dot.png")no-repeat center center;}
.lawTxt ul li:last-child {margin-bottom:0;}
.lawTxt ul li.lawArw {padding-left:25px;}
.lawTxt ul li.lawArw:before {width:20px; height:20px; top:3px; background:url("../../img/offline/law_arrow.png")no-repeat center center;}
.lawTxt p {font-size:12pt; line-height:1.6em; padding-left:20px; max-width:75%;}
.lawList li {font-size:12pt; padding-left:8px; position:relative; margin-bottom:5px;}
.lawList li:last-child {margin-bottom:0;}
.lawList li:before {content:""; display:block; width:2px; height:2px; background:#888; position:absolute; left:0; top:12px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.lawList li:last-child {margin-bottom:0;}
.hstyList {display:table; width:100%; margin:0 -40px;}
.hstyList > div {display:table-row; width:100%;}
.hstyList dl {display:table-cell; width:50%; vertical-align:top; padding:20px 40px;}
.hstyList dl:after {content:""; display:table; clear:both;}
.hstyList dl dt {float:left; width:130px; height:50px; line-height:50px; text-align:center; color:#fff; background:#333583; font-size:22pt;}
.hstyList dl dd {float:left; width:100%;}
.hstyList dl dd ul {border-top:solid 1px #c9c9c9;}
.hstyList dl dd ul li {border-bottom:solid 1px #c9c9c9; padding:15px;  font-size:12pt; position:relative;}
.hstyList dl dd ul li:before {content:""; display:block; width:3px; height:3px; background:#888; position:absolute; left:7px; top:26px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
.acaFature {padding-right:500px; background:url("../../img/academy/aca_feature.png")no-repeat right top;}
.acaFature h5 {font-size:24pt;}
.acaFature ul li {margin-top:25px;}
.acaFlow {margin-top:60px;}
.acaFlow h5 {font-size:24pt;}
.acaFlow ul {margin:0 -25px; padding-top:30px;}
.acaFlow ul:after {content:""; display:table; clear:both;}
.acaFlow ul li {float:left; width:20%; padding:0 25px;}
.acaFlow ul li img {display:block; margin:0 auto; max-width:100%;}

@media (max-width:800px) {
	.meList.recList li {padding:0;}
	.lawList li {font-size:11pt;}
	.lawList li:before {top:10px;}
	.lawTitle h4 {display:none;}
	.lawTitle h5 {font-size:16pt; padding-left:60px;}
	.lawTitle h5:before {width:56px; height:70px; margin-top:-35px; background-size:contain;}
	.lawTitle h5 span {font-size:11pt;}
	.lawTxt {margin-top:60px; margin-bottom:30px;}
	.lawTxt dd {display:block; height:auto; margin-bottom:30px; padding-left:0; padding-top:50px;}
	.lawTxt dd > div {display:block; padding-left:0; margin-left:0; padding-top:60px;}
	.lawTxt dd:nth-child(2) > div {border:solid 1px #e4f6ff;}
	.lawTxt em {width:100px; height:100px; left:50%; margin-left:-50px; top:-50px;; background-size:42px auto !important;}
	.lawTxt ul li {margin-bottom:10px; font-size:11pt; line-height:1.6em; padding-left:20px;}
	.lawTxt ul li.lawArw {padding-left:20px;}
	.lawTxt ul li.lawArw:before {width:15px; height:15px; top:3px; background-size:cover !important;}
	.lawTxt p {font-size:11pt; line-height:1.6em; padding-left:0; max-width:100%; padding:10px;}
	.lawList li {font-size:11pt; padding-left:8px; position:relative; margin-bottom:5px;}
	.lawList li:last-child {margin-bottom:0;}
	.hstyList {display:block; margin:0; padding-top:20px;}
	.hstyList > div {display:block;}
	.hstyList dl {display:block; width:100%; padding:0; margin-bottom:30px;}
	.hstyList dl dt {width:90px; height:40px; line-height:40px; font-size:18pt;}
	.hstyList dl dd ul li {padding:8px 10px;  font-size:11pt;}
	.hstyList dl dd ul li:before {left:2px; top:18px;}
	.acaFature {padding-right:0; background:none;}
	.acaFature h5 {font-size:18pt;}
	.acaFature ul li {margin-top:15px;}
	.acaFlow {margin-top:30px;}
	.acaFlow h5 {font-size:18pt;}
	.acaFlow ul {margin:0 -10px; padding-top:30px; text-align:center;}
	.acaFlow ul li {float:none; display:inline-block; width:48%; padding:20px;}
}


/* 수강후기  */
.mpgRcnt {margin: 20px 0; background: #fdffc8; padding: 10px 20px;}
.mpgRcnt:after {content: ''; display: table; clear: both;}
.mpgRcnt p {float: left; line-height: 30px; height: 30px; font-weight: 500;}
.mpgRcnt p span {color: #f60;}
.mpgRcnt p a {color: #005aff; font-weight: 400; margin-left: 10px;}
.mpgRcnt > a {display: block; width: 60px; height: 30px; line-height: 28px; border: solid 1px #000; background: #fff; text-align: center; float: right;}
.mpgTb {border-left: solid 2px #fff; border-right: solid 2px #fff; margin-top: 30px;}
.mpgTb th,
.mpgTb td {border: solid 1px #d6d6d6; padding: 15px; text-align: center; font-weight: 500;}
.mpgTb th {background: #f9f9f9;}
.mpgTb td {}
.mpgTb td.mptCrs {text-align: left; padding: 30px 20px;}
.mpgTb td.mptCrs > div {display: inline-block; vertical-align: middle;}
.mpgTb td.mptCrs > div h5 {}
.mpgTb td.mptCrs > div h5:after {content: ''; display: table; clear: both;}
.mpgTb td.mptCrs > div h5 > em {font-style: normal; display: inline-block; float: left; height: 30px; line-height: 28px; padding: 0 10px; color: #044471; border: solid 1px #044471; font-size: 10pt; margin-right: 5px; font-weight: 400; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.mpgTb td.mptCrs > div h5 > em.blu {background: #044471; color: #fff;}
.mpgTb td.mptCrs > div h5 > span {line-height: 30px; font-size: 14pt; font-weight: 400; margin-left: 10px;}
.mpgTb td.mptCrs > div h5 > span > span.red {color: #f00;}
.mpgTb td.mptCrs > div p {color: #888; margin-top: 5px; font-size: 12pt; font-weight: 400;}
.mpgTb td.mptCrs > div ul {margin-top: 5px;}
.mpgTb td.mptCrs > div ul:after {content: ''; display: table; clear: both;}
.mpgTb td.mptCrs > div ul li {float: left; position: relative; color: #888; padding-right: 11px; margin-right: 10px; font-size: 11pt; font-weight: 400;}
.mpgTb td.mptCrs > div ul li:after {content: ''; display: block; width: 1px; height: 10px; background: #888; position: absolute; right: 0; top: 50%; margin-top: -5px;}
.mpgTb td.mptCrs > div ul li:last-child {padding-right: 0; margin-right: 0;}
.mpgTb td.mptCrs > div ul li:last-child:after {display: none;}
.mpgTb td.mptCrs > ul {display: inline-block; vertical-align: middle; margin-left: 30px;}
.mpgTb td.mptCrs > ul:after {content: ''; display: table; clear: both;}
.mpgTb td.mptCrs > ul li {float: left; margin-right: 10px;}
.mpgTb td.mptCrs > ul li:last-child {margin-right: 0;}
.mpgTb td.mptCrs > ul li a {display: block; height: 40px; line-height: 40px; width: 90px; text-align: center; color: #fff; font-weight: 400;}
.mpgTb td.mptCrs > ul li a.org {background: #f60;}
.mpgTb td.mptCrs > ul li a.ygrn {background: #4ab43c;}
.mpgTb td.mptPct {color: #888;}
.mpgTb td.mptPct b {color: #000; font-weight: 500; margin-right: 5px;}
.mpgTb td.mptGo {}
.mpgTb td.mptGo a {display: block; height: 40px; line-height: 38px; border: solid 1px #044471; color: #044471;}
.mpgTb td.mptGo a.dim {background: #efefef; color: #000; border-color: #efefef;}
.ml0 {margin-left: 0 !important;}
.mpgDsc {margin-top: 30px; margin-bottom: -20px;}
.mpgRvtb {}
.mpgRvtb th,
.mpgRvtb td {border-top: solid 1px #d6d6d6; border-bottom: solid 1px #d6d6d6; padding: 10px;}
.mpgRvtb th {background: #f9f9f9; text-align: center; font-weight: 500;}
.mpgRvtb td input[type="text"] {display: block; width: 100%; height: 40px;}
.mpgRvtb td textarea {display: block; width: 100%; height: 200px; resize: none;}


/* Ratings widget */
.rate {display: inline-block;border: 0;}
/* Half star trick */
.rate .half:before {
	content: "\f089 "; /* half star no outline */
	position: absolute;
	padding-right: 0;
}
/*join 관심분야 스타일*/
.fm_ch:hover {color: #f4a54a;}
/* Click + hover color */
input:checked ~ label, /* color current and previous stars on checked */
label:hover, label:hover ~ label:not(.fm_ch) { color: #f4a54a;  } /* color previous stars on hover */
/* Hover highlights */
input:checked + label:hover, input:checked ~ label:hover, /* highlight current and previous stars */
input:checked ~ label:hover ~ label, /* highlight previous selected stars for new rating */
label:hover ~ input:checked ~ label /* highlight previous selected stars */ { color: #f4a54a;  }

.rating {}
.rating:after {content: ''; display: table; clear: both;}
.rating fieldset {float: left;}
.rating input {display: none;}
.rating label:before {margin: 5px; font-size: 1.25em; font-family: FontAwesome; display: inline-block; content: "\f005";}
.rating label {color: #ddd; float: right; height: auto !important; margin-left: 0; margin-bottom: 0;}
.rating input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #f4a54a;  } /* hover previous stars in list */
.rating input:checked + label:hover, /* hover current star when changing rating */
.rating input:checked ~ label:hover,
.rating label:hover ~ input:checked ~ label, /* lighten current selection */
.rating input:checked ~ label:hover ~ label { color: #f4a54a;  }


.mb0 {margin-bottom: 0 !important;}
.mpgChkAll {display: none;}
.mpgWng {margin-top: 60px;}
.mpgWng h5 {font-size: 12pt; color: #f00; font-weight: 500;}
.mpgWng li {margin: 5px;}
.mpgWng li:last-child {margin-bottom: 0;}
.mpgWng ol {padding-left: 15px;}
.mpgWng ol > li {list-style: decimal;}

@media (max-width:800px) {
	.mpgRcnt {margin: 15px 0; padding: 10px;}
	.mpgRcnt p {line-height: 1.5em; height: auto; font-size: 10pt;}
	.mpgRcnt p a {display: block; margin-left: 0;}
	.mpgRcnt > a {width: 50px; height: 24px; line-height: 22px; font-size: 10pt;}
	.mpgTb,
	.mpgTb thead,
	.mpgTb tbody,
	.mpgTb tr,
	.mpgTb th,
	.mpgTb td {display: block; width: 100%;}
	.mpgTb {border-left: none; border-right: none;}
	.mpgTb colgroup {display: none;}
	.mpgTb thead {display: none;}
	.mpgTb tbody tr {border: solid 1px #d6d6d6; position: relative; padding: 15px; margin-bottom: 15px;}
	.mpgTb tbody tr.chk {padding-left: 50px;}
	.mpgTb tbody tr:last-child {margin-bottom: 0;}
	.mpgTb th,
	.mpgTb td {border: none; padding: 15px;}
	.mpgTb td.mptCrs {padding: 0;}
	.mpgTb td.mptCrs > div {display: block;}
	.mpgTb td.mptCrs > div h5 > em {height: 24px; line-height: 22px; font-size: 9pt;}
	.mpgTb td.mptCrs > div h5 > span {display: block; float: left; width: 100%; line-height: 1.4em; margin-left: 0; margin-top: 5px;}
	.mpgTb td.mptCrs > div p {margin-top: 5px; font-size: 10pt;}
	.mpgTb td.mptCrs > div ul li {padding-right: 0; margin-right: 0; float: none; font-size: 10pt;}
	.mpgTb td.mptCrs > div ul li:after {display: none;}
	.mpgTb td.mptCrs > ul {display: block; margin-top: 10px; margin-left: 0;}
	.mpgTb td.mptCrs > ul li {margin-right: 5px;}
	.mpgTb td.mptCrs > ul li a {height: 36px; line-height: 36px; font-size: 10pt;}
	.mpgTb td.mptPct {text-align: left; padding-top: 0; padding-bottom: 0; font-size: 10pt;}
	.mpgTb td.mptPct:before {content:attr(data-th) ""; display: inline;}
	.mpgTb td.mptGo {padding: 0; margin-top: 15px;}
	.mpgTb td.mpgChk {position: absolute; left: 15px; top: 50%; margin-top: -10px; padding: 0; width: auto;}
	.mpgDsc {font-size: 10pt;}
	.mpgRvtb,
	.mpgRvtb tbody,
	.mpgRvtb tr,
	.mpgRvtb th,
	.mpgRvtb td {display: block; width: 100%;}
	.mpgRvtb tr:after {content: ''; display: table; clear: both;}
	.mpgRvtb th,
	.mpgRvtb td {border-top: none; border-bottom: none; padding: 0;}
	.mpgRvtb th {background: none; text-align: left; margin-top: 20px; margin-bottom: 5px;}
	.mpgRvtb tr:first-child th {margin-top: 0;}
	.rating {border: solid 1px #cbcbcb; padding: 10px;}
	.mpgChkAll {display: block; margin-top: 30px; margin-bottom: -20px;}
	.mpgChkAll input[type="checkbox"] {}
	.mpgChkAll label {margin-bottom: 0;}
	.mpgWng {margin-top: 30px;}
	.mpgWng h5 {font-size: 11pt;}
	.mpgWng li {font-size: 10pt;}
}





/* certificate */
.cerWrap {width:1000px; margin:0 auto; background:#fff; lcn-page-break-after: always;}
.cerTitle {background:#0d4a99; position:relative; padding:0 20px;}
.cerTitle h5 {height:70px; line-height:70px; color:#fff; font-size:16pt;}
.cerTitle a {display:block; height:70px; width:70px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:1; cursor:pointer; background:url("../../images/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
.cerCont {background:#fff;}
.cer01 {padding: 80px 30px;text-align:center;}
.cer01 h6 {text-align:left; font-size:20px; font-weight:300; margin:0; padding:0; letter-spacing:0;line-height: 1.1;}
.cer01 h3 {height:86px;margin: 150px 0 150px 0;}
.cer01 ul {text-align:left; margin: 0 0 10px; padding: 0;}
.cer01 ul li {font-size:25px;margin: 0;letter-spacing:0.3px;margin-bottom:20px;font-weight:300;line-height: 23px;}
.cer01 ul li:last-child {margin-bottom:0;}
.cer01 ul li span {font-size:25px; font-weight:300; letter-spacing:40px;}
.cer01 ul li b {font-weight:500;}
.cer01 h4 {margin: 150px 0;font-size: 30px;font-weight:300;line-height: 50px;padding: 0;letter-spacing: 0;}
.cer01 h4 b {font-weight:500;}
.cer01 p {font-size:30px;font-weight:300;line-height: 35px;margin: 0;text-align: right;}
.cer01 h5 {margin-top:80px;height:125px;font-size: 50px;font-weight:300;padding-top:75px;font-weight: 700; display:inline-block; position:relative;}
.cer01 h5 img {position:absolute;opacity:0.5;left: 95%;bottom: calc(0% - 22.5px); width:100px;}

.cer-body {line-height: 1.42857143;letter-spacing:0;overflow-x: visible !important;padding: 0 10px;font-size: 12px;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif;font-size: 14px; -webkit-font-smoothing: antialiased;}
.cer-con {margin-left: 0;text-align: left;padding: 0 0;font-size:12px;}


.cer02 {padding:50px 100px; text-align:center; background:url("../../img/certificate/cer02_img02.png")no-repeat center center;}
.cer02 h6 {text-align:left; font-size:16pt; font-weight:300;}
.cer02 h3 {height:87px; text-indent:-9999px; margin:150px 0; background:url("../../img/certificate/cer02_img01.png")no-repeat center center;}
.cer02 ul {text-align:left;}
.cer02 ul li {font-size:18pt; letter-spacing:0.05em; margin-bottom:20px; font-weight:300;}
.cer02 ul li:last-child {margin-bottom:0;}
.cer02 ul li span {font-size:18pt; font-weight:300; letter-spacing:1.05em;}
.cer02 ul li b {font-size:18pt; font-weight:500;}
.cer02 h4 {margin:150px 0; font-size:22pt; font-weight:300; line-height:1.8em;}
.cer02 h4 b {font-weight:500; font-size:22pt; line-height:1.8em;}
.cer02 p {font-size:22pt; font-weight:300;}
.cer02 h5 {margin-top:80px; height:100px; text-indent:-9999px; background:url("../../img/certificate/cer02_img03.png")no-repeat center center;}

.cer03 {padding:50px 100px; text-align:center; background:url("../../img/certificate/cer03_img02.png")no-repeat center center;}
.cer03 h6 {text-align:left; font-size:16pt; font-weight:300;}
.cer03 h3 {height:59px; text-indent:-9999px; margin:150px 0; background:url("../../img/certificate/cer03_img01.png")no-repeat center center;}
.cer03 ul {text-align:left;}
.cer03 ul li {font-size:18pt; margin-bottom:20px; font-weight:300;}
.cer03 ul li:last-child {margin-bottom:0;}
.cer03 ul li span {font-size:18pt; font-weight:300;}
.cer03 ul li span.wd2 {letter-spacing:3.00em;}
.cer03 ul li span.wd4 {letter-spacing:0.37em;}
.cer03 ul li span.wd5 {letter-spacing:0.05em;}
.cer03 ul li b {font-size:18pt; font-weight:500;}
.cer03 h4 {margin:150px 0; font-size:22pt; font-weight:300; line-height:1.8em;}
.cer03 h4 b {font-weight:500; font-size:22pt; line-height:1.8em;}
.cer03 p {font-size:22pt; font-weight:300;}
.cer03 h5 {margin-top:80px; height:100px; text-indent:-9999px; background:url("../../img/certificate/cer03_img03.png")no-repeat center center;}

.cer04 {padding:50px 50px 130px;}
.cer04 h5 {font-size:22pt; font-weight:500; margin-bottom:30px;}
.cer04 h6 {font-weight:300; font-size:15pt; margin-top:30px;}
.cer04 table {border-left:solid 2px #fff; border-right:solid 2px #fff;}
.cer04 table th,
.cer04 table td {border:solid 1px #d6d6d6; text-align:center; font-weight:300; font-size:12pt;}
.cer04 table th {padding:8px; background:#f9f9f9;}
.cer04 table td {padding:12px 20px;}
.cer04 table td p {text-align:left; min-height:23px; font-weight:300; font-size:12pt;}

.cer05 {text-align:right; padding:50px 170px 100px 30px; background:url("../../img/certificate/cer04_img01.png")no-repeat 100px 85%;}
.cer05 h6 {text-align:left; font-weight:300; font-size:15pt;}
.cer05 h2 {height:207px; text-indent:9999px; background:url("../../img/certificate/cer04_img02.png")no-repeat right center;}
.cer05 h3 {margin-top:120px; padding-top:50px; font-size:24pt; font-weight:700; background:url("../../img/certificate/cer04_img03.png")no-repeat right top;}
.cer05 ul {margin-top:50px; padding-top:200px; background:url("../../img/certificate/cer04_img04.png")no-repeat right top;}
.cer05 ul li {margin-bottom:20px; font-weight:300; font-size:16pt;}
.cer05 ul li b {font-weight:500; font-size:16pt;}
.cer05 h4 {height:200px; background:url("../../img/certificate/cer04_img05.png")no-repeat right center; position:relative; text-indent:9999px;}
.cer05 h4:before,
.cer05 h4:after {content:""; display:block; height:1px; background:#000; width:300px; position:absolute; right:0;}
.cer05 h4:before {top:0;}
.cer05 h4:after {bottom:0;}
.cer05 h5 {height:117px; margin-top:30px; background:url("../../img/certificate/cer04_img06.png")no-repeat right center;}
.cer05 p {height:82px; margin-top:30px; background:url("../../img/certificate/cer04_img07.png")no-repeat right center;}

.cerCont.print {padding:70px 50px;}
.cerCont.print h3 {text-align:center; font-size:30pt; font-weight:400; margin-bottom:80px;}
.crprtTitle {padding-bottom:30px; font-size:14pt;}
.crprtList {margin:0 -40px; padding-bottom:100px;}
.crprtList:after {content:""; display:table; clear:both;}
.crprtList li {float:left; width:50%; padding:0 40px;}
.crprtList li dl {}
.crprtList li dl dt {height:60px; background:#ecf4fb; text-align:center; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
.crprtList li dl dt span {display:inline-block; height:60px; line-height:60px; padding-left:50px; color:#0d4a99; font-size:14pt;}
.crprtList li dl dd {padding-top:20px;}
.crprtList li dl dd img {display:block; margin:0 auto; max-width:100%;}
.crprtList li dl dd h6 {font-size:11pt; margin-top:30px; margin-bottom:10px;}
.crprtList li dl dd p {font-size:11pt;}
.crprtList li dl dd p span {color:#ff0000;}



/* 190811 CSS추가 */




/* 200829 css추가 */
.apyList {margin-top: 30px;}
.apyList li {border: solid 1px #d6d6d6; border-bottom: none; padding: 19px;}
.apyList li:last-child {border-bottom: solid 1px #d6d6d6;}
.apyList p {font-size:18px;text-align:center;padding:30px 0;line-height: 30px;}
.apyWrap {display: table; width: 100%;}
.apyThumb {display: table-cell; width: 280px; vertical-align: top; position: relative;}
.apyThumb em {display: block; padding-bottom: 64%; background-size: cover !important;}
.apyThumb span {position: absolute; left: 0; top: 0; width: 80px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 10pt;}
.apyThumb span.blu {background: #1e52bd;}
.apyThumb span.grn {background: #008b5b;}
.apyCont {display: table-cell; vertical-align: top; position: relative; padding-right: 200px; padding-left: 30px;}
.apyCont h6 {display: inline-block; border: solid 1px #4082cc; color: #2b74c7; height: 30px; line-height: 28px; padding: 0 20px; font-size: 11pt; font-weight: 400; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
.apyCont h5 {color: #222; font-size: 13pt; font-weight: 500; margin-top: 10px;}
.apyCont dl {margin-top: 15px; color: #474747;}
.apyCont dl dd {font-size: 11pt; margin-bottom: 3px; position: relative; padding-left: 8px; line-height: 1.4em;}
.apyCont dl dd:last-child {margin-bottom: 0;}
.apyCont dl dd:before {content: ''; display: block; width: 2px; height: 2px; background: #474747; position: absolute; left: 0; top: 9px;}
.apyCont dl dd em {font-weight: 300; font-style: normal;}
.apyCont dl dd span.red {color: #f00;}
a.apyBtn {display: block; width: 180px; height: 80px; line-height: 80px; text-align: center; color: #fff; background: #0d4a99; position: absolute; right: 0; top: 50%; margin-top: -40px; font-size: 14pt;}
a.apyMore {display: block; width: 240px; height: 60px; border: solid 1px #d0d0d0; text-align: center; margin: 0 auto; margin-top: 30px;}
a.apyMore span {display: inline-block; height: 58px; line-height: 58px; padding-right: 30px; color: #666; font-size: 12pt; font-weight: 500; background:url("../../img/common/apply_more.png")no-repeat right center; background-size: 13px auto;}

.apyInfo {border: solid 1px #d6d6d6; background: #fff;}
.apyiTop {background: #f1f8ff; padding: 25px 20px;}
.apyiTop:after {content: ''; display: table; clear: both;}
.apyiTop span {display: inline-block; vertical-align: middle; width: 80px; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; color: #fff; font-size: 11pt;}
.apyiTop span.blu {background: #1e52bd;}
.apyiTop span.grn {background: #008b5b;}
.apyiTop h5 {display: inline; vertical-align: middle; font-size: 14pt; font-weight: 500;}
.apyiMid {display: table; width: 100%; padding: 25px 20px;}
.apyiThumb {display: table-cell; vertical-align: middle; width: 230px;}
.apyiThumb em {display: block; padding-bottom: 64%; background-size: cover !important;}
.apyiTxt {display: table-cell; vertical-align: middle; padding-left: 20px;}
.apyiTxt dl {}
.apyiTxt dl dd {font-size: 12pt; position: relative; padding-left: 8px; line-height: 1.4em; margin-bottom: 10px;}
.apyiTxt dl dd:last-child {margin-bottom: 0;}
.apyiTxt dl dd:before {content: ''; display: block; width: 2px; height: 2px; background: #474747; position: absolute; left: 0; top: 9px;}
.apyiTxt dl dd span.blu {color: #2b74c7;}
.apyiTxt dl dd span.red {color: #f00;}
.apyiTxt dl dd em {display: inline-block; width: 1px; height: 14px; background: #dadada; margin: 0 10px;}
.apyiBot {background: #f9f9f9; padding: 10px 0;}
.apyiBot a {display: block; width: 100px; height: 40px; line-height: 40px; margin: 0 auto; background: #0d4a99; color: #fff; text-align: center;}
.apydTitle {position: relative; padding-left: 20px; color: #000; font-size: 13pt; font-weight: 400; margin-top: 60px;}
.apydTitle:before {content: ''; display: block; width: 16px; height: 16px; border: solid 4px #000; position: absolute; left: 0; top: 50%; margin-top: -8px; box-sizing: border-box; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
.apydTxt {padding-left: 20px; margin-top: 10px; color: #666; font-weight: 300; font-size: 12pt; line-height: 1.6em;}
.apydTable {border-left: solid 2px #fff; border-right: solid 2px #fff; margin-top: 20px;}
.apydTable th,
.apydTable td {border: solid 1px #d6d6d6; padding: 20px;}
.apydTable th {background: #f9f9f9; font-weight: 400; width: 80px;}
.apydTable td span {display: inline-block; width: 40px; height: 20px; line-height: 20px; color: #fff; background: #0d4a99; margin-right: 10px; text-align: center;}
.apypTitle {margin-bottom: 10px; font-size: 13pt; font-weight: 400;}
.apypScr {border: solid 1px #d6d6d6; padding: 30px; height: 400px; overflow-y: auto;}
.apypScr h5 {font-size: 13pt; font-weight: 500; line-height: 1.8em;}
.apypScr h6 {font-size: 12pt; font-weight: 500; line-height: 1.8em;}
.apypScr p {font-size: 11pt; color: #666; line-height: 1.8em;}
.apydTable.scss th,
.apydTable.scss td span {height: 30px; line-height: 30px; width: auto; padding: 0 20px;}
.apydTable.scss td span.blu {background: #1e52bd;}
.apydTable.scss td span.grn {background: #008b5b;}
.apydTable.scss th {width: 200px;}
.apydTable.scss td em {display: inline-block; width: 1px; height: 14px; background: #bbb; margin: 0 10px;}
.apyDesc {margin-top: 20px; color: #474747; line-height: 1.8em;}
.apyLnk {text-align: center; margin-top: 30px;}
.apyLnk a {display: inline-block; width: 200px; height: 60px; line-height: 60px; color: #fff; background: #0d4a99; font-size: 13pt; font-weight: 500;}
.schrChk {margin-top: 30px; margin-bottom: -10px;}
.schrChk:after {content: ''; display: table; clear: both;}
.schrChk li {float: left; margin-right: 25px;}
.schrChk li:last-child {margin-right: 0px;}
.rcmTop {position: relative; padding-right: 110px; padding-left: 190px;}
.rcmTop h5 {width: 170px; height: 60px; line-height: 60px; background: #303030; color: #fff; position: absolute; left: 0; top: 50%; margin-top: -30px; text-align: center; font-size: 12pt; font-weight: 300; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
.rcmTop p {color: #666; font-size: 12pt; padding: 25px 0;}
.rcmTop a {display: block; width: 110px; height: 50px; line-height: 48px; border: solid 1px #303030; text-align: center; position: absolute; right: 0; top: 50%; margin-top: -25px;}

@media (max-width:900px) {
	.apyList {margin-top: 30px;}
	.apyList li {border: solid 1px #d6d6d6; border-bottom: solid 1px #d6d6d6; margin-bottom: 15px; padding: 10px;}
	.apyWrap {display: block;}
	.apyThumb {display: block; width: 100%;}
	.apyCont {display: block; width: 100%; padding-right: 0; padding-left: 0; padding-top: 15px;}
	.apyCont h6 {padding: 0 15px; font-size: 10pt;}
	.apyCont h5 {font-size: 12pt;}
	.apyCont dl {margin-top: 10px;}
	.apyCont dl dd {font-size: 10pt;}
	a.apyBtn {width: 100%; height: 50px; line-height: 50px; position: static; margin-top: 15px; font-size: 12pt;}
	a.apyMore {width: 180px; height: 50px;}
	a.apyMore span {height: 48px; line-height: 48px; padding-right: 24px; font-size: 11pt;}
	.apyiTop {padding: 10px;}
	.apyiTop span {width: 60px; height: 26px; line-height: 26px; margin-right: 5px; font-size: 10pt;}
	.apyiTop h5 {font-size: 12pt;}
	.apyiMid {display: block; width: 100%; padding: 10px;}
	.apyiThumb {display: block; width: 100%;}
	.apyiTxt {display: block; padding-left: 0;}
	.apyiTxt dl {margin-top: 15px;}
	.apyiTxt dl dd {font-size: 11pt; margin-bottom: 5px;}
	.apyiTxt dl dd em {margin: 0 5px;}
	.apydTitle {font-size: 12pt; margin-top: 30px;}
	.apydTitle:before {width: 14px; height: 14px; border: solid 3px #000; margin-top: -7px;}
	.apydTxt {margin-top: 5px; font-size: 11pt;}
	.apydTable {margin-top: 10px;}
	.apydTable th,
	.apydTable td {padding: 10px; font-size: 10pt;}
	.apydTable th {width: 40px;}
	.apydTable td span {width: 30px; margin-right: 5px; font-size: 9pt;}
	.apypTitle {font-size: 12pt;}
	.apypScr {padding: 15px; height: 240px;}
	.apypScr h5 {font-size: 12pt;}
	.apypScr h6 {font-size: 11pt;}
	.apypScr p {font-size: 10pt;}
	.apydTable.scss th,
	.apydTable.scss td span {height: 24px; line-height: 24px; padding: 0 10px;}
	.apydTable.scss th {width: 80px;}
	.apyDesc {margin-top: 10px; font-size: 11pt; line-height: 1.6em;}
	.apyLnk a {width: 160px; height: 50px; line-height: 50px; font-size: 12pt;}
	.schrChk {margin-top: 20px; margin-bottom: -20px;}
	.schrChk li {float: left; margin-right: 15px;}
	.rcmTop {padding-right: 0; padding-left: 0;}
	.rcmTop h5 {width: 100px; height: 30px; line-height: 30px; position: static; margin-top: 0; font-size: 11pt; font-weight: 300;}
	.rcmTop p {font-size: 11pt; padding: 0; margin-top: 10px;}
	.rcmTop a {width: 80px; height: 40px; line-height: 38px; top: 0; margin-top: 0;}
}


.txtDot {}
.txtDot li {margin-bottom: 5px; font-size: 11pt; color: #6b6b6b; position: relative; padding-left: 8px;}
.txtDot li:last-child {margin-bottom: 0;}
.txtDot li:before {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 9px;}
.edTable {margin-top: 20px; border-right: solid 2px #fff; border-left: solid 2px #fff; border-top: solid 2px #d6d6d6;}
.edTable th,
.edTable td {border: solid 1px #d6d6d6; padding: 20px; font-size: 12pt; font-weight: 400;}
.edTable th {background: #fafafa;}
.edOln {padding-top: 40px;}
.edOln img {display: block; max-width: 100%; margin: 0 auto;}

@media (max-width:900px) {
	.txtDot.mt20 {margin-top: 0;}
	.edTable {margin-top: 20px; border-right: solid 2px #fff; border-left: solid 2px #fff; border-top: solid 2px #d6d6d6;}
	.edTable th,
	.edTable td {padding: 10px; font-size: 11pt;}
	.edTable td .txtDot li {font-size: 11pt;}
	.edOln {padding-top: 20px;}
	.edOln img {display: block; max-width: 100%; margin: 0 auto;}
}



.jnItro {padding-left: 420px; position: relative; padding-top: 80px; margin-bottom: 200px;}
.jnItro:before {content: ''; display: block; width: 380px; height: 430px; position: absolute; left: 0; top: 50%; margin-top: -215px; background: url('../../img/mypage/join_intro.png')no-repeat center center;}
.jnItro h5 {color: #0d4a99; font-size: 26pt; letter-spacing: -0.075em; font-weight: 500; line-height: 1.2em;}
.jnItro p {color: #666; font-size: 12pt; line-height: 1.8em; margin-top: 30px;}
.jnItro a {display: block; width: 500px; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #0d4a99; font-size: 13pt; margin-top: 60px;}
.privacy h4 {font-size: 12pt; font-weight: 500; color: #000;}
.privacy h5 {font-size: 12pt; font-weight: 500; color: #0d4a99; margin-top: 30px;}
.privacy p {color: #666; font-size: 11pt; margin-top: 10px; line-height: 1.8em;}
.privacy p a {color: #0d4a99; font-weight: 500;}




@media (max-width:900px) {
	.jnItro {padding-left: 0; position: relative; padding-top: 0; margin-bottom: 0;}
	.jnItro:before {width: 100%; height: auto; padding-bottom: 65%; position: static; margin-top: 0; background-size: 50% auto;}
	.jnItro h5 {font-size: 16pt; text-align: center; margin-top: 20px;}
	.jnItro p {font-size: 11pt;  margin-top: 15px;}
	.jnItro a {width: 100%; height: 50px; line-height: 50px; font-size: 12pt; margin-top: 30px;}
	.privacy h4 {font-size: 11pt;}
	.privacy h5 {font-size: 11pt;}
	.privacy p {font-size: 10pt;}

}





.agrCont {line-height: 1.8em; border: solid 1px #d6d6d6; padding: 30px; color: #666; font-weight: 300; font-size: 12pt;}
.agrCont h4 {color: #000; font-size: 14pt;}
.agrCont h5 {color: #000; font-size: 13pt; margin-top: 20px; font-weight: 400;}
.agrCont h6 {color: #1e52bd; font-size: 13pt; margin-top: 20px; font-weight: 400;}
.agrCont p {}
.agrCont li {}
.agrCont > ul,
.agrCont > ul > li > ul,
.agrCont > ul > li > ul > li > ul {padding-left: 20px;}
.agrCont table {margin-top: 20px; border-left: solid 2px #fff; border-right: solid 2px #fff;}
.agrCont th,
.agrCont td {border: solid 1px #d6d6d6; padding: 15px; text-align: center;}
.agrCont th {background: #f7f7f7; font-weight: 400; color: #000;}

@media (max-width:900px) {
	.agrCont {font-size: 10pt; padding: 15px;}
	.agrCont h4 {font-size: 12pt;}
	.agrCont h5 {font-size: 11pt; margin-top: 10px;}
	.agrCont h6 {font-size: 11pt; margin-top: 10px;}
	.agrCont > ul,
	.agrCont > ul > li > ul,
	.agrCont > ul > li > ul > li > ul {padding-left: 10px;}
	.agrCont table {margin-top: 10px;}
	.agrCont th,
	.agrCont td {padding: 5px;}
}




.glryList {margin: -15px; padding-top: 30px;}
.glryList:after {content: ''; display: table; clear: both;}
.glryList li {padding: 15px; float: left; width: 25%;}
.glryList li a {display: block; text-align: center;}
.glryList li a em {display: block; padding-bottom: 67.85%; border: solid 1px #d6d6d6; background-size: cover !important;}
.glryList li a h5 {font-size: 13pt; font-weight: 400; color: #222; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.glryList li a p {color: #969696; font-size: 11pt; margin-top: 5px;}

@media (max-width:900px) {
	.glryList {margin: -5px; padding-top: 30px;}
	.glryList li {padding: 5px; width: 50%;}
	.glryList li a h5 {font-size: 11pt; margin-top: 5px;}
	.glryList li a p {font-size: 9pt; margin-top: 0;}
}





.svy {}
.svy li {margin-bottom: 20px; padding: 30px 20px; position: relative; border: solid 2px #d6d6d6;}
.svy li:last-child {margin-bottom: 0;}
.svy li h5 {font-size: 13pt; font-weight: 500; margin-bottom: 15px;}
.svy li h5 span.org {color: #f36f21;}
.svy li h5 span.gry {color: #8e8e8e;}
.svy li p {font-size: 12pt; line-height: 1.8em;}
.svy li a {display: block; width: 150px; height: 70px; line-height: 68px; text-align: center; color: #303030; border: solid 1px #303030; font-size: 13pt; position: absolute; right: 20px; top: 50%; margin-top: -35px;}
.svy li a.blu {background: #0d4a99; color: #fff; border-color: #0d4a99;}
.svy li a.gry {background: #dadada; border-color: #dadada; color: #828282;}
.svyCont {}
.svyCont dt {border-top: solid 1px #d6d6d6; background: #f7f7f7; padding: 10px 20px; color: #111; font-size: 13pt;}
.svyCont dd {padding: 20px;}
.svyCont dd:last-child {border-bottom: solid 1px #d6d6d6;}
.svyRdo {}
.svyRdo li {position: relative; margin-bottom: 10px; padding-left: 25px;}
.svyRdo li:last-child {margin-bottom: 0;}
.svyRdo li input[type="radio"] {display: block; position: absolute; left: 0; top: 2px;}
.svyRdo li label {font-size: 12pt; font-weight: 400;}
.svyTxt {display: block; width: 100%; height: 40px !important; border-color: #aaa;}
.svyLv {}
.svyLv span {display: inline-block; vertical-align: middle;}
.svyLv a {display: inline-block; vertical-align: middle; width: 10px; height: 20px; text-indent: -9999px; background: url('../../img/common/survey_arrow.png')no-repeat;}
.svyLv input[type="radio"] {display: inline-block; vertical-align: middle; margin: 0 5px;}
.svyLv span.first {margin-right: 30px;}
.svyLv span.last {margin-left: 30px;}
.svyLv a.prev {margin-right: 20px; background-position: left center;}
.svyLv a.next {margin-left: 20px; background-position: right center;}

@media (max-width:900px) {
	.svy {}
	.svy li {margin-bottom: 15px; padding: 20px 15px;}
	.svy li h5 {font-size: 12pt; margin-bottom: 10px;}
	.svy li p {font-size: 11pt;}
	.svy li a {width: 100%; height: 50px; line-height: 48px; font-size: 12pt; position: static; margin-top: 15px;}
	.svyCont dt {padding: 5px 10px; font-size: 11pt;}
	.svyCont dd {padding: 10px;}
	.svyRdo li {margin-bottom: 5px; padding-left: 20px;}
	.svyRdo li label {font-size: 11pt;}
	.svyLv {text-align: center;}
	.svyLv:after {content: ''; display: table; clear: both;}
	.svyLv input[type="radio"] {margin: 0;}
	.svyLv span {font-size: 10pt; float: left;}
	.svyLv span.first {margin-right: 5px; float: right;}
	.svyLv span.last {margin-left: 5px;}
	.svyLv a.prev {margin-right: 5px;}
	.svyLv a.next {margin-left: 5px;}

}







/* 교육안내 */
.eduSec {margin-top: 30px; background: #fafafa; padding: 10px;}
.eduSec h5 {padding: 10px 15px 0; font-weight: 500; color: #000; font-size: 14pt;}
.eduSec h5 span {color: #0f59cb;}
.edsWrap {margin-top: 20px; padding: 20px; background: #fff; }
.edsWrap:after {content: ''; display: table; clear: both;}
.edsCont {width: 100%; float: left; padding: 10px;}
.edsWrap.col2 .edsCont {width: 50%;}
.edsTb th,
.edsTb td {padding: 10px 20px; font-size: 11pt; font-weight: 300; text-align: left; border-top: solid 1px #d6d6d6; border-bottom: solid 1px #d6d6d6;}
.edsTb th {text-align: center; background: #fafafa;}
.edsList {}
.edsList ul {margin-bottom: 5px;}
.edsList ul:last-child {margin-bottom: 0;}
.edsList ul:after {content: ''; display: table; clear: both;}
.edsList ul li {float: left; width: 100px; text-align: center; position: relative;}
.edsList ul li:first-child {text-align: left; width: 50px;}
.edsList ul li:last-child {width: 80px;}
.edsList ul li:after {content: ''; display: block; width: 1px; height: 10px; background: #d6d6d6; position: absolute; right: 0; top: 50%; margin-top: -5px;}
.edsList ul li:last-child:after {display: none;}
span.red {color: #f00;}
span.bk {color: #000; font-weight: 500;}

@media (max-width:900px) {
	.eduSec {margin-left: -15px; margin-right: -15px; padding: 15px;}
	.eduSec h5 {padding: 5px 0; font-size: 12pt;}
	.edsWrap {margin-top: 10px; padding: 10px;}
	.edsCont {float: none; padding: 5px;}
	.edsWrap.col2 .edsCont {width: 100%;}
	.edsTb th,
	.edsTb td {padding: 5px 10px; font-size: 10pt;}
	.edsList ul li {width: 60px; font-size: 9pt; letter-spacing: -0.1em;}
	.edsList ul li:first-child {width: 30px;}
	.edsList ul li:last-child {width: 50px;}
}

@media (max-width:900px) {
	.edsList ul li {width: 60px;}
	.edsList ul li:first-child {width: 30px;}
	.edsList ul li:nth-child(3) {width: 45px;}
	.edsList ul li:last-child {width: 40px;}
}


#moBotBtn {display:none;}
#moBotBtn a,
#moBotBtn span {display:block; position:fixed; bottom:10px; width:40px; height:40px; border:solid 1px #aaa; text-indent:-9999px; background-size:cover !important; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;}
#mbbBack {left:10px; background:rgba(255,255,255,0.7) url("../../img/common/mobile_back.png")no-repeat center center;}
#mbbTop {right:10px; background:rgba(255,255,255,0.7) url("../../img/common/mobile_top.png")no-repeat center center; display:none; cursor:pointer;}

@media (max-width:800px) {
	#moBotBtn {display:block;}
}

@media print {
	#moBotBtn{ display:none; }
}

/* Main */
.mainBanner {position:relative; text-align:center;}
/* .mainBanner .slick-arrow {position:absolute; display:block; width:30px; height:60px; top:50%; margin-top:-30px; text-indent:-9999px; z-index:1;}
.mainBanner .slick-prev {left:50%; margin-left:-640px; background:url("../../img/main/main_banner_arrow_prev.png")no-repeat center center;}
.mainBanner .slick-next {right:50%; margin-right:-640px; background:url("../../img/main/main_banner_arrow_next.png")no-repeat center center;} */
.mbContBanner {background-size:cover !important;background-position: 50% 50%;}
.mbContBanner:before {content:'';display:block;width:100%;padding-bottom:500px;}

@media (max-width : 1200px) and (min-width:800px) {
	.mbContBanner:before {content:'';display:block;width:100%;padding-bottom: 42%;}
}

@media (min-width:801px) {
	.mbContBanner {display:block;}
	.mbContBanner img {display:none !important;}
}
@media (max-width:800px) {
	.mbContBanner:before {display:none;}
	.mbContBanner img {width: 100%;}
}
@media (max-width:1000px) {
	.mainBanner .slick-dots {position:absolute; left:0; right:0; bottom:10px; text-align:center;}
	.mainBanner .slick-dots:after {content:""; display:table; clear:both;}
	.mainBanner .slick-dots li {display:inline-block; width:8px; height:8px; cursor:pointer; background:rgba(192,192,192,0.7); margin:0 3px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
	.mainBanner .slick-dots li.slick-active {background:#333583; width:24px;}
	.mainBanner .slick-dots li button {display:none;}
}

#mainTop {height:100px; margin-top:-100px;}
#mainTop .container {height:100%;}
#mainTop ul {position:absolute; left:0; right:0; bottom:0; padding:30px 90px;}
#mainTop ul:after {content:""; display:table; clear:both;}
#mainTop ul li {width:33.3333%; float:left; padding:0 10px;}
#mainTop ul li a {display:block; height:80px; background:#fff; text-align:center; border-radius: 40px 40px 40px 40px; -moz-border-radius: 40px 40px 40px 40px; -webkit-border-radius: 40px 40px 40px 40px; border: 1px solid #a2a2a2;}
#mainTop ul li a span {display:inline-block; height:80px; line-height:80px; color:#000; font-size:15pt; /* padding-left:50px; */ white-space:nowrap; background-size:42px auto !important;}
.mainTitle {padding:40px 0; text-align:center; font-size:28pt;}
.mainTraining {margin:0 -30px; padding-bottom:60px;}
.mainTraining:after {content:""; display:table; clear:both;}
.mainTraining > div {float:left; width:50%; padding:0 30px;}
.mtCont {}
.mtTitle {padding:11px 20px; background:#333583;}
.mtTitle:after {content:""; display:table; clear:both;}
.mtTitle h5 {height:28px; line-height:28px; float:left; white-space:nowrap; font-size:15pt; color:#fff;}
.mtTitle a {display:block; width:28px; height:28px; float:right; text-indent:-9999px; background:#fff; border:solid 1px #e3e3e3; position:relative;}
.mtTitle a:before,
.mtTitle a:after {content:""; display:block; position:absolute; left:50%; top:50%; background:#666;}
.mtTitle a:before {width:12px; height:2px; margin-left:-6px; margin-top:-1px;}
.mtTitle a:after {width:2px; height:12px; margin-top:-6px; margin-left:-1px;}
.mtList {padding:10px 20px;}
.mtList li {padding:5px 0;}
.mtList li a {display:block; padding-right:100px; position:relative;}
.mtList li a p {padding-left:12px; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url("/img/main/main_training_arrow.png")no-repeat left center;}
.mtList li a span {display:block; height:25px; line-height:25px; position:absolute; right:0; top:0; color:#888; font-size:11pt; font-weight:300;}
#mainBot {border:solid 1px #d9d9d9; margin-bottom:60px;}
#mainBot:after {content:""; display:table; clear:both;}
#mainBot .mbCont:last-child {border-right:none;}
.mbCont {float:left; width:33.3333%; border-right:solid 1px #d9d9d9; padding:0 30px; position:relative;}
.mbCont h5 {line-height:110px; height:110px; font-size:15pt; font-weight:700;white-space:nowrap;}
.mbCont.mbNews:after,
.mbCont.mbFaq:after,
.mbCont.mbCs:after {content:""; display:block; width:52px; height:50px; position:absolute; right:30px; top:50%; margin-top:-25px; background-size:cover !important;}
.mbCont.mbNews:after {background:url("/img/main/main_bot_news.png")no-repeat left center;}
.mbCont.mbFaq:after {background:url("/img/main/main_bot_faq.png")no-repeat left center;}
.mbCont.mbCs:after {background:url("/img/main/main_bot_cs.png")no-repeat left center;}


@media (max-width:1260px) {
	#mainTop {height:100px; background-size:auto 100% !important;  margin-top:-100px;}
	#mainTop ul {padding:30px;}
	#mainTop ul li a {height:72px; border:solid 1px #ccc;}
	#mainTop ul li a span {height:70px; line-height:70px; font-size:12pt; padding-left:40px; background-size:30px auto !important;}
}

@media (max-width:1000px) {
	#mainTop {height:100px; background-size:auto 100% !important;  margin-top:0;}
	#mainTop ul {padding:15px;}
	#mainTop ul li {padding:0 5px;}
	#mainTop ul li a {height:60px;}
	#mainTop ul li a span {height:60px; line-height:60px; font-size:11pt; padding-left:35px; background-size:28px auto !important;}
}

@media (max-width:800px) {
	.mainTitle {padding:30px 0; font-size:18pt;}
	.mainTraining {margin:0; padding-bottom:0;}
	.mainTraining > div {width:100%; padding:0; padding-bottom:30px;}

	.mtTitle {padding:10px;}
	.mtTitle h5 {height:21px; line-height:21px; font-size:12pt;}
	.mtTitle a {width:21px; height:21px;}
	.mtTitle a:before {width:9px; height:1px; margin-left:-5px; margin-top:0;}
	.mtTitle a:after {width:1px; height:9px; margin-top:-4px; margin-left:-1px;}
	.mtList {padding:10px;}
	.mtList li {padding:5px 0;}
	.mtList li a {padding-right:0;}
	.mtList li a p {height:auto; line-height:1.4em; font-size:11pt;}
	.mtList li a span {margin-left:12px; height:auto; line-height:1.8em; position:static; font-size:10pt;}
	.mbCont {width:100%; padding:15px; height:auto; border-right:none; border-bottom:solid 1px #d9d9d9;}
	#mainBot .mbCont:last-child {border-bottom:none;}
	#mainBot {margin-bottom:0;}
	.mbCont {padding:0 15px;}
	.mbCont h5 {line-height:80px; height:80px; font-size:12pt;}
	.mbCont.mbNews:after,
	.mbCont.mbFaq:after,
	.mbCont.mbCs:after {width:40px; height:40px; right:15px; margin-top:-20px; background-size:contain !important;}
}

@media (max-width:640px) {
	#mainTop {height:auto; background:none;}
	/*#mainTop:before {content:""; display:block; background:url("/img/main/main_top_bg_m.jpg")no-repeat center center; background-size:cover; width:100%; padding-bottom:54.6666%;}*/
	#mainTop ul {position:static; width:100%; padding:0; margin-top:15px;}
	#mainTop ul li {width:100%; margin-bottom:5px;}
	#mainTop ul li a {padding:0; text-align:center;}
	#mainTop ul li a span {display:inline-block; text-align:left; height:60px; line-height:60px; font-size:12pt; white-space:nowrap; padding-left:45px; background-size:35px auto !important;}
}

@media (max-width:320px) {
	.mbCont p {letter-spacing:-0.075em;}
	.mbCont.mbNews:after,
	.mbCont.mbFaq:after {width:60px; height:50px; right:20px; bottom:20px; background-size:cover;}
}

.smTitle {position:relative; padding-left:20px; font-size:14pt; font-weight:400; margin-top:60px; margin-bottom:20px;}
.smTitle:before {content:""; display:block; width:15px; height:15px; border:solid 3px #000; position:absolute; left:0; top:50%; margin-top:-8px; box-sizing:border-box; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px;}
.smTitle:After {content:""; display:block; width:1px; height:15px; background:#fff; position:absolute; left:7px; top:50%; margin-top:-8px;}