/* common */ body {} #wrap {width:100%; overflow:hidden; position:relative; padding-top:90px;} .container {width:100%; max-width:1200px; margin-left:auto; margin-right:auto; position:relative;} .container:after {content:""; display:table; clear:both;} @media (max-width:1260px) { .container {padding-left:15px; padding-right:15px;} } @media (max-width:800px) { #wrap {padding-top:54px;} } .mt3 {margin-top:3px;} /* GNB */ #gnbFix {position:fixed; top:0; left:0; right:0; background:#fff; height:90px; z-index:100;} .gpList > li {float:left; padding:35px 20px;} .gpLgn {float:left; margin-left:70px;} .gpList > li > a {display:block; height:20px; line-height:20px; font-size:15pt; font-weight:500;} @media (max-width:1200px) { .gpList > li {padding:35px 15px;} .gpLgn {margin-left:40px;} .gpList > li > a {font-size:13pt;} } @media (max-width:1000px) { .gpList > li {padding:35px 5px;} .gpLgn {margin-left:20px;} .gpList > li > a {font-size:11pt;} } @media (min-width:801px) { #gnbLogo {float:left; height:90px; width:221px; background:url("../../img/common/gnb_logo.png")no-repeat center center;} #gnbLogo a {display:block; height:100%; text-indent:-9999px;} #gnbBtn {display:none;} #gnbMpg {display:none;} #gnbPc {float:right;} #gnbPc:after {content:""; display:table; clear:both;} .gpList {float:left;} .gpList:after {content:""; display:table; clear:both;} .gpList > li:first-child {padding-left:0;} .gpList > li:last-child {padding-right:0;} .gpLgn:after {content:""; display:table; clear:both;} .gpLgn > li {float:left; padding-top:35px; padding-bottom:35px;} .gpLgn > li:first-child {position:relative; padding-right:10px; margin-right:10px;} .gpLgn > li:first-child:after {content:""; display:block; width:1px; height:12px; background:#d9d9d9; position:absolute; right:0; top:50%; margin-top:-6px;} .gpLgn > li > a, .gpLgn > li > span {display:block; font-size:11pt; color:#555; height:20px; line-height:20px;} .gpLgn > li > span > b {display:inline-block; font-weight:500; height:20px; line-height:20px;} .gpDrop {position:fixed; top:90px; left:0; right:0; background:#fff; z-index:100; display:none;} .gpdTop {border-top:solid 1px #dbdbdb; border-bottom:solid 1px #dbdbdb;} .gpdTop ul {} .gpdTop ul:after {content:""; display:table; clear:both;} .gpdTop ul li {float:left; width:16.6666%;} .gpdTop ul li h5 {height:58px; line-height:58px; text-align:center; font-size:10pt; color:#000; font-weight:500;} .gpdMenu {} .gpdmList {padding-top:10px;} .gpdmList:after {content:""; display:table; clear:both;} .gpdmList > li {float:left; width:16.6666%; text-align:center;} .gpdmList > li > ul {display:inline-block; text-align:left;} .gpdmList > li > ul > li {padding:5px 0; padding-left:10px; position:relative;} .gpdmList > li > ul > li:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:50%; margin-top:-1px;} .gpdmList > li > ul > li > a {display:block; font-size:10pt; color:#606060;} #gpBg {position:fixed; top:90px; left:0; right:0; background:#fff; height:340px; z-index:99; display:none;} #gnbM {display:none !important;} } @media (max-width:800px) { #gnbFix {height:54px;} #gnbPc {display:none !important;} #gnbLogo {height:54px; width:280px; margin:0 auto; background:url("../../img/common/gnb_logo.png")no-repeat center center; background-size:auto 28px;} #gnbLogo a {display:block; height:100%; text-indent:-9999px;} #gnbBtn {display:block; position:absolute; top:0; left:0; height:100%; cursor:pointer; padding:17px 20px; margin:0; z-index:10;} #gnbBtn span {display:block; width:28px; height:2px; margin-bottom:6px; background:#002c5d; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;} #gnbBtn span.slice1 {} #gnbBtn span.slice2 {} #gnbBtn span.slice3 {margin-bottom:0;} #gnbBtn.on {position:absolute; right:0; top:0;} #gnbBtn.on span {width:28px;} #gnbBtn.on span.slice1 {margin-top:10px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);} #gnbBtn.on span.slice2 {opacity:0} #gnbBtn.on span.slice3 {margin-top:-16px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);} html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;} #gnbMpg { display:block; width:30px; height:30px; position:absolute; right:15px; top:50%; margin-top:-15px; text-indent:-9999px; background:#2e2d76 url("../../img/common/gnb_mypage.png")no-repeat center center; background-size:14px auto; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%; } #gnbM {position:fixed; top:0; left:0; right:0; bottom:0; z-index:101; background:#323381; padding-top:54px; display:none;} #gnbM.lgnOk {padding-top:124px;} #gmClose {display:block; height:54px; width:54px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:2; cursor:pointer; background:url("../../img/common/gnb_close.png")no-repeat center center; background-size:24px auto;} .gmLgnOk {height:124px; position:absolute; left:0; right:0; top:0;} .gmLgnOk h5 {height:54px; line-height:54px; padding:0 15px; font-size:12pt; color:#fff; padding-left:33px; position:relative; z-index:1; background:url("../../img/common/mobile_gnb_loginok.png")no-repeat 15px center; background-size:13px auto;} .gmLgnOk h5 a {font-size:12pt; color:#fff;} .gmLgnOk h5 span {color:#fffc00; font-size:12pt;} .gmLgnOk ul {background:#fff; height:70px; border-bottom:solid 1px #ccc; position:relative; z-index:1;} .gmLgnOk ul:after {content:""; display:table; clear:both;} .gmLgnOk ul li {float:left; width:25%; border-right:solid 1px #ccc;} .gmLgnOk ul li:last-child {border-right:none;} .gmLgnOk ul li a {display:block; height:70px; text-align:center; color:#323381; font-size:12pt; font-size:10pt; padding-top:12px;} .gmLgnOk ul li a span {display:block; position:relative; width:28px; height:28px; margin:0 auto; background-size:cover !important; margin-bottom:2px;} .gmLgnOk ul li:nth-child(1) a span {background:url("../../img/common/mobile_gnb_loginok_ico01.png")no-repeat center center;} .gmLgnOk ul li:nth-child(2) a span {background:url("../../img/common/mobile_gnb_loginok_ico02.png")no-repeat center center;} .gmLgnOk ul li:nth-child(3) a span {background:url("../../img/common/mobile_gnb_loginok_ico03.png")no-repeat center center;} .gmLgnOk ul li:nth-child(4) a span {background:url("../../img/common/mobile_gnb_loginok_ico04.png")no-repeat center center;} .gmLgnOk ul li a span em { display:block; height:18px; line-height:18px; min-width:17px; background:#ff0000; color:#fff; font-size:8pt; position:absolute; left:65%; top:-5px; font-style:normal; padding:0 5px; border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px; } .gmLgn {height:54px; position:absolute; left:0; right:0; top:0;} .gmLgn:after {content:""; display:table; clear:both;} .gmLgn li {float:left; border-right:solid 1px #6869a2;} .gmLgn li a {display:block; padding:0 20px;} .gmLgn li a span {display:block; height:54px; line-height:54px; color:#fff; font-size:12pt;} .gmLgn li:first-child a span {background:url("../../img/common/gnb_login.png")no-repeat left center; background-size:11px auto; padding-left:18px;} .gmLgn li:last-child a span {background:url("../../img/common/gnb_join.png")no-repeat left center; background-size:13px auto; padding-left:20px;} .gmMenu {background:#fff; height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;} .gmMenu > ul {} .gmMenu > ul > li {} .gmMenu > ul > li > a, .gmMenu > ul > li > h5 {display:block; cursor:pointer; font-size:12pt; color:#323381; height:55px; line-height:54px; position:relative; padding:0 15px; border-bottom:solid 1px #e1e1e1;} .gmMenu > ul > li > a:after {content:""; display:block; width:9px; height:16px; position:absolute; right:16px; top:50%; margin-top:-8px; background:url("../../img/common/gnb_arrow.png")no-repeat center center; background-size:auto 100% !important;} .gmMenu > ul > li > h5:after {content:""; display:block; width:16px; height:9px; position:absolute; right:15px; top:50%; margin-top:-5px; background:url("../../img/common/gnb_updown_m.png")no-repeat center bottom; background-size:100% auto !important;} .gmMenu > ul > li > h5.on:after {background-position:center top !important;} .gmMenu > ul > li > ul {border-bottom:solid 1px #e1e1e1; padding:0 15px; display:none;} .gmMenu > ul > li > ul > li {padding-left:10px; background:url("../../img/common/gnb_list_arrow.png")no-repeat left center; background-size:auto 6px;} .gmMenu > ul > li > ul > li > a {display:block; height:38px; line-height:38px;} } /* Footer */ #footer {margin-top:100px;} .ftMenu {border-top:solid 1px #eaeaea;} .ftMenu ul {float:left;} .ftMenu ul:after {content:""; display:table; clear:both;} .ftMenu ul li {padding:30px 15px; float:left;} .ftMenu ul li a {display:block; height:19px; line-height:19px; white-space:nowrap; font-size:12pt;} .ftMenu p {float:right; width:55px; height:60px; margin-top:10px; text-indent:-9999px; background:url("../../img/common/footer_cer.png")no-repeat center center;} .ftAddr {background:#f7f7f7; padding:30px 0;} .ftAddr p:after {content:""; display:table; clear:both;} .ftAddr p span {font-size:10pt; font-weight:300; display:block; float:left; margin-right:10px; padding-right:10px; 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:15px 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_ico02.png")no-repeat center center} .ftAddr ul li:nth-child(3):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;} @media (max-width:800px) { #footer {margin-top:60px;} .ftMenu .container {padding:0; padding-top:80px;} .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 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 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 */ #mainTop {height:400px; background:url("../../img/main/main_top_bg.jpg")no-repeat center center;} #mainTop ul {position:absolute; right:0; top:40px; width:320px;} #mainTop ul li {margin-bottom:10px;} #mainTop ul li:last-child {margin-bottom:0;} #mainTop ul li a {display:block; padding:0 40px; background:#313180;} #mainTop ul li a span {display:block; height:100px; line-height:100px; color:#fff; font-size:14pt; padding-left:85px; background-size:60px auto !important;} #mainTop ul li:nth-child(1) span {background:url("../../img/main/main_top_ico01.png")no-repeat left center;} #mainTop ul li:nth-child(2) span {background:url("../../img/main/main_top_ico02.png")no-repeat left center;} #mainTop ul li:nth-child(3) span {background:url("../../img/main/main_top_ico03.png")no-repeat left center;} .mainTitle {margin-top:50px; text-align:center; font-weight:100; font-size:25pt; padding-top:10px;} .mainTitle:before {content:""; display:block; width:40px; height:3px; background:#238dfa; position:absolute; top:0; left:50%; margin-left:-20px;} .mainTitle span {font-weight:500; font-size:25pt;} .mainEdu {padding:40px 0;} .meTitle {padding-bottom:15px;} .meTitle:after {content:""; display:table; clear:both;} .meTitle h3 {float:left; font-size:18pt; font-weight:700;} .meTitle a {display:block; float:right; font-size:10pt; font-weight:300; padding-left:18px; position:relative;} .meTitle a:before, .meTitle a:after {content:""; display:block; position:absolute; left:0; top:50%; background:#2764ed;} .meTitle a:before {width:12px; height:2px; margin-top:-1px;} .meTitle a:after {width:2px; height:12px; margin-left:5px; margin-top:-6px;} .meList {margin:0 -10px;} .meList:after {content:""; display:table; clear:both;} .meList li {float:left; width:25%; padding:0 10px;} .meList li a {display:block; border:solid 1px #ddd;} .melThumb {position:relative; height:140px; background-size:cover !important;} .melThumb > div {position:absolute; left:0; right:0; top:0; bottom:0;} .melThumb > div > div {display:table; width:100%; height:100%;} .melThumb > div > div > div {display:table-cell; width:100%; vertical-align:middle;} .melThumb > div > div > div h5 {text-align:center; padding:0 15px; width:100%; line-height:1.2em; position:relative; padding-top:10px; font-size:15pt; font-weight:300;} .melThumb > div > div > div h5:before {content:""; display:block; width:20px; height:2px; background:#222; position:absolute; left:50%; top:0; margin-left:-10px;} .melThumb span {display:block; width:130px; height:30px; line-height:30px; text-align:center; background:rgba(0,0,0,0.5); color:#fff; font-size:9pt; position:absolute; left:0; bottom:0; letter-spacing:0em;} .melCont {padding:20px; background:#fff;} .melCont h6 { display:inline-block; padding:0 15px; height:30px; line-height:28px; text-align:center; color:#2374ff; font-size:11pt; border:solid 1px #2374ff; border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; } .melCont h5 {font-size:14pt; margin:5px 0; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height:1.3em; height: 2.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .melCont dl {border-top:solid 1px #eeeeee; padding-top:10px;} .melCont dd {font-size:10pt; color:#888; padding-left:8px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .melCont dd b {font-size:10pt; font-weight:500; color:#222; margin-right:10px;} .melCont dd: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%;} .mainLine {height:1px; background:#eaeaea;} #mainBot {padding-top:30px; border-top:solid 2px #888;} #mainBot:after {content:""; display:table; clear:both;} #mainBot .mbNotice {border-left:solid 1px #ddd; border-right:solid 1px #ddd;} .mbCont {float:left; width:35%; padding:0 30px;} .mbCont .meTitle h3 {line-height:1.0em; font-size:15pt; font-weight:500;} .mbList {padding-top:10px;} .mbList li {margin-bottom:10px;} .mbList li:last-child {margin-bottom:0;} .mbList li a {font-size:12pt; color:#888; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .mbCs {float:left; width:30%; padding:0 30px;} .mbCs > div {padding-left:90px; background:url("../../img/main/main_cs_call.png")no-repeat left top; background-size:60px auto;} .mbCs p {color:#000; font-size:12pt; font-weight:500; line-height:1.0em;} .mbCs h5 a {color:#000; font-size:30pt; font-weight:800; line-height:1.2em; letter-spacing:0em; font-family: 'Rajdhani', sans-serif;} .mbCs ul li {padding-left:10px; font-size:10pt; color:#888; background:url("../../img/main/main_cs_arrow.png")no-repeat left center; background-size:4px auto;} @media (max-width:1260px) { #mainTop {height:320px; background-size:auto 100% !important;} #mainTop ul {right:15px; top:30px; width:260px;} #mainTop ul li a {padding:0 20px;} #mainTop ul li a span {height:80px; line-height:80px; font-size:12pt; padding-left:70px; background-size:50px auto !important;} .mbCs {width:40%;} .mbCont {width:30%;} } @media (max-width:1000px) { #mainTop {height:260px;} #mainTop ul {right:15px; top:15px; width:240px;} #mainTop ul li a {padding:0 15px;} #mainTop ul li a span {height:70px; line-height:70px; font-size:12pt; padding-left:70px; background-size:50px auto !important;} } @media (max-width:800px) { #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-top:15px;} #mainTop ul li {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;} .mainTitle {font-size:18pt; margin-top:40px;} .mainTitle:before {width:30px; margin-left:-15px;} .mainTitle span {font-size:18pt;} .mainEdu {padding:30px 0;} .meTitle {padding-bottom:10px;} .meTitle h3 {font-size:14pt;} .meList {margin:0;} .meList li {width:100%; padding:0; margin-bottom:15px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);} .meList li:last-child {margin-bottom:0;} .melThumb {height:170px;} .melThumb > div > div > div h5 {padding-top:5px; font-size:14pt;} .melThumb > div > div > div h5:before {width:14px; margin-left:-7px;} .melThumb span {width:90px; height:26px; line-height:26px;} .melCont {padding:15px 10px;} .melCont h6 {padding:0 12px; height:24px; line-height:22px; font-size:10pt;} .melCont h5 {font-size:12pt;} .melCont dl {padding-top:10px;} #mainBot {margin-top:30px; padding-top:0;} #mainBot .mbNotice {border-left:none; border-right:none; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;} .mbCont {width:100%; padding:30px 0;} .mbCont .meTitle h3 {font-size:13pt;} .mbList li {margin-bottom:0;} .mbList li a {font-size:11pt;} .mbCs {width:100%; padding:30px 20px;} .mbCs > div {padding-left:80px} } @media (max-width:320px) { .mbCs {padding:30px 0;} .mbCs > div {padding-left:60px; background-size:45px auto;} .mbCs p {font-size:11pt; font-weight:400;} .mbCs h5 a {font-size:26pt;} } #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;} } /* pageCommon */ #subTitle.subBg01 { background: rgb(75,210,239); background: -moz-linear-gradient(left, rgba(75,210,239,1) 0%, rgba(135,161,243,1) 100%); background: -webkit-linear-gradient(left, rgba(75,210,239,1) 0%,rgba(135,161,243,1) 100%); background: linear-gradient(to right, rgba(75,210,239,1) 0%,rgba(135,161,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bd2ef', endColorstr='#87a1f3',GradientType=1 ); } #subTitle.subBg02 { background: rgb(75,109,238); background: -moz-linear-gradient(left, rgba(75,109,238,1) 0%, rgba(146,121,244,1) 100%); background: -webkit-linear-gradient(left, rgba(75,109,238,1) 0%,rgba(146,121,244,1) 100%); background: linear-gradient(to right, rgba(75,109,238,1) 0%,rgba(146,121,244,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b6dee', endColorstr='#9279f4',GradientType=1 ); } #subTitle.subBg03 { background: rgb(82,165,141); background: -moz-linear-gradient(left, rgba(82,165,141,1) 0%, rgba(114,173,175,1) 100%); background: -webkit-linear-gradient(left, rgba(82,165,141,1) 0%,rgba(114,173,175,1) 100%); background: linear-gradient(to right, rgba(82,165,141,1) 0%,rgba(114,173,175,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52a58d', endColorstr='#72adaf',GradientType=1 ); } #subTitle.subBg04 { background: rgb(79,89,165); background: -moz-linear-gradient(left, rgba(79,89,165,1) 16%, rgba(136,117,175,1) 100%); background: -webkit-linear-gradient(left, rgba(79,89,165,1) 16%,rgba(136,117,175,1) 100%); background: linear-gradient(to right, rgba(79,89,165,1) 16%,rgba(136,117,175,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f59a5', endColorstr='#8875af',GradientType=1 ); } #subTitle.subBg05 { background: rgb(82,124,166); background: -moz-linear-gradient(left, rgba(82,124,166,1) 0%, rgba(114,123,175,1) 100%); background: -webkit-linear-gradient(left, rgba(82,124,166,1) 0%,rgba(114,123,175,1) 100%); background: linear-gradient(to right, rgba(82,124,166,1) 0%,rgba(114,123,175,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#527ca6', endColorstr='#727baf',GradientType=1 ); } #subTitle.subBg01 .container:before {content:""; display:block; width:200px; position:absolute; right:0; top:0; bottom:0; background:url("../../img/common/subTitle_ico01.png")no-repeat right center; background-size:auto 100% !important;} #subTitle.subBg02 .container:before {content:""; display:block; width:200px; position:absolute; right:0; top:0; bottom:0; background:url("../../img/common/subTitle_ico02.png")no-repeat right center; background-size:auto 100% !important;} #subTitle.subBg03 .container:before {content:""; display:block; width:200px; position:absolute; right:0; top:0; bottom:0; background:url("../../img/common/subTitle_ico03.png")no-repeat right center; background-size:auto 90% !important;} #subTitle.subBg04 .container:before {content:""; display:block; width:200px; position:absolute; right:0; top:0; bottom:0; background:url("../../img/common/subTitle_ico04.png")no-repeat right center; background-size:auto 90% !important;} #subTitle.subBg05 .container:before {content:""; display:block; width:200px; position:absolute; right:0; top:0; bottom:0; background:url("../../img/common/subTitle_ico05.png")no-repeat right center; background-size:auto 90% !important;} #subTitle h2 {line-height:1.2em; font-weight:100; color:#fff; font-size:30pt; padding:28px 0;} #subTitle h2 span {font-weight:500; font-size:30pt; color:#fff;} #breadcrumb {border-bottom:solid 1px #e6e6e6;} #breadcrumb dl {} #breadcrumb dl:after {content:""; display:table; clear:both;} #breadcrumb dl > dd {float:left; position:relative; border-left:solid 1px #e6e6e6; border-right:solid 1px #e6e6e6; margin-left:-1px;} #breadcrumb dl > dd:first-child {border-right:solid 1px #e6e6e6; margin-left:0;} #breadcrumb dl > dd > a, #breadcrumb dl > dd > span {display:block; height:60px; line-height:60px; position:relative;} #breadcrumb dl > dd > span:after {content:""; display:block; width:14px; height:8px; position:absolute; right:20px; top:50%; margin-top:-4px; 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:60px; text-indent:-9999px; background:#383838 url("../../img/common/breadcrumb_home.png")no-repeat center center; background-size:16px 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 #e6e6e6; 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/common/gnb_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; padding-top:30px;} #pageTitle > h3:before {content:""; display:block; width:40px; height:3px; background:#238dfa; position:absolute; top:0; left:50%; margin-left:-20px;} #pageTitle > p {text-align:center; font-size:12pt; color:#6b6b6b; letter-spacing:0em; font-weight:300; margin-top:40px; line-height:1.8em;} @media (max-width:800px) { #subTitle.subBg01 .container:before {right:15px; top:5px; bottom:5px; width:200px;} #subTitle.subBg02 .container:before {right:15px; top:5px; bottom:5px; width:200px;} #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; padding-top:20px;} #pageTitle > h3:before {width:24px; height:2px; margin-left:-12px;} } /* --------------------------------------- */ /* 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 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:#31317f; 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:33.3333%; 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:#31317f; border-bottom-color:#fff; position:relative;} .fairTab li.current:after {content:""; display:block; width:1px; background:#31317f; position:absolute; right:-1px; top:-1px; bottom:-1px;} .fairTab li.current a {color:#31317f;} .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;} .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:#31317f; font-weight:400; margin-bottom:5px; margin-top:60px; background:url("../../img/online/title_ico.png")no-repeat left center; background-size:16px auto; position:relative;} .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 span.blu {background:#238dfa;} .clsList li h5 span.nav {background:#333583;} .clsList li h5 span.grn {background:#77b743;} .clsList li h5 span.org {background:#f36f21;} .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:#31317f;} .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 #31317f; color:#31317f; 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:#31317f; color:#fff;} .clsBtn.society li:nth-child(2) a {line-height:60px; background:#31317f; color:#fff;} .clsBtn.solo li a {width:140px; background:#31317f;} .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:#31317f; 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:50px; height:100%; -webkit-overflow-scrolling: touch;} .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; } .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:#31317f; color:#fff;} .clsAdd {display:block; width:150px; height:40px; line-height:39px; text-align:center; background:#31317f; 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 #31317f; text-align:center; color:#31317f;} .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:#31317f; 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;} .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.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:#31317f;} .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:#31317f;} .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:12.5%; 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:#31317f; border-bottom-color:#fff; position:relative;} .faqTab li.current:after {content:""; display:block; width:1px; background:#31317f; position:absolute; right:-1px; top:-1px; bottom:-1px;} .faqTab li.current a {color:#31317f;} .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;} .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 a {display:block;} .notiList th h5 {font-size:14pt;} .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;} .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:#31317f; font-size:13pt;} .notiView {border-top:solid 2px #d6d6d6;} .notiView td {padding:20px; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;} .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:#31317f; border:solid 1px #31317f;} .ntvBtn li:last-child a {border:solid 1px #31317f; background:none; color:#31317f;} .ntvReply {} .ntvReply h5 {font-size:14pt; color:#31317f; 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 #31317f; font-size:13pt;} .qnawBtn li:first-child a {background:#31317f; color:#fff;} .qnawBtn li:last-child a {color:#31317f;} .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 {width:25%; border-bottom:none;} .faqTab li:nth-child(4n) {border-right:solid 1px #dfdfdf;} .faqTab li.current:before {content:""; display:block; height:1px; background:#31317f; position:absolute; right:-1px; left:-1px; bottom:-1px;} .faqTab li a {height:38px; line-height:38px; font-size:11pt;} .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"] {display:block; width:100%; height:40px; border:solid 1px #cbcbcb; padding:0 20px;} .joinCpny {position:relative; padding-right:100px;} .joinCpny a {display:block; width:90px; height:40px; line-height:37px; text-align:center; border:solid 1px #31317f; color:#31317f; 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:#31317f; color:#fff; font-size:14pt; font-weight:500;} .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:#31317f; 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:#31317f; 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:#31317f; 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:40px; 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:#31317f; color:#fff; 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:#31317f; border-color:#31317f;} .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:#31317f; border:solid 1px #31317f; text-align:center;} .idpwBtn li:first-child a {background:#31317f; 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;} .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:#31317f; 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:#31317f; 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:#31317f; 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;} #subTitle.subBg06 {background: rgb(78,163,97); background: -moz-linear-gradient(left, rgba(78,163,97,1) 0%, rgba(117,175,160,1) 100%); background: -webkit-linear-gradient(left, rgba(78,163,97,1) 0%,rgba(117,175,160,1) 100%); background: linear-gradient(to right, rgba(78,163,97,1) 0%,rgba(117,175,160,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ea361', endColorstr='#75afa0',GradientType=1 );} #subTitle.subBg06 .container:before {content:""; display:block; width:200px; position:absolute; right:0; top:0; bottom:0; background:url("../../img/common/subTitle_ico06.png")no-repeat right center; background-size:auto 90% !important;} .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;} } /* certificate */ .cerWrap {width:1200px; margin:0 auto; background:#fff;} .cerTitle {background:#31317f; 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("../../img/common/gnb_close.png")no-repeat center center; background-size:24px auto;} .cerCont {background:#fff;} .cer01 {padding:50px 100px; text-align:center; background:url("../../img/certificate/cer01_img02.png")no-repeat center center;} .cer01 h6 {text-align:left; font-size:16pt; font-weight:300;} .cer01 h3 {height:86px; text-indent:-9999px; margin:150px 0; background:url("../../img/certificate/cer01_img01.png")no-repeat center center;} .cer01 ul {text-align:left;} .cer01 ul li {font-size:18pt; letter-spacing:0.05em; margin-bottom:20px; font-weight:300;} .cer01 ul li:last-child {margin-bottom:0;} .cer01 ul li span {font-size:18pt; font-weight:300; letter-spacing:1.25em;} .cer01 ul li b {font-size:18pt; font-weight:500;} .cer01 h4 {margin:150px 0; font-size:22pt; font-weight:300; line-height:1.8em;} .cer01 h4 b {font-weight:500; font-size:22pt; line-height:1.8em;} .cer01 p {font-size:22pt; font-weight:300;} .cer01 h5 {margin-top:80px; height:100px; text-indent:-9999px; background:url("../../img/certificate/cer01_img03.png")no-repeat center center;} .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;} /* 190811 CSS�߰� */