/* NEW ver. GNB 170304 Renewal dongil */

#wrapper {min-width: 320px;    max-width: 750px;    width: 100%;    margin: 0 auto;    overflow: hidden;    position: relative; padding-top:115px;}



#topArea{background:#242541; height:40px; position:fixed; width:100%;z-index:999; top:0px; padding:10px;}

#contentWrap { width:100%; position:relative; height:auto; padding:0 0 80px 0;}
#SubcontentWrap { width:100%; position:relative; height:auto; padding-top:110px;padding-bottom:60px; float:left;}

.contInner {display:block; position:relative; width:100%; margin:0 auto; /* height:100%; */}

#header {position:fixed; top:0; left:0; right:0; min-width:320px; max-width:750px; width:100%; margin:0 auto; height:60px;background:#fff; z-index:13;text-align:center;}
#header .headerArea{    position: relative;height:100px;}
#header h1 {    display: inline-block;z-index:11;    position: relative;}
/*#header form[role=search] { padding-top: 49px;    margin-top: -100px;}*/
.search_in { display: block; padding: 5px 10px;}
.search_inpw { display: block; position: relative; z-index: 20; height: 40px; margin: 0 14px; background-color: #fff; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.08); box-shadow: 0 0 0 1px rgba(0,0,0,.08);}
.search_inp, .search_inp:focus {width: 100% !important; height: 27px !important; color: #000 !important; border: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; background: 0 0 !important; font-size: 15px !important; line-height: 27px !important; vertical-align: top !important; -webkit-appearance: none !important;letter-spacing:-0.05em; outline: 0 !important;}
.search_btn{position:absolute; top:0px; right:0; width:40px; height:40px; display:block;}

.mainConts{background:#f2f2f2}

.gnbSlideMenu {width:100%; max-width: 750px; margin:0 auto; height:55px; background-color: #fff; position:fixed; z-index:10; border-top:solid 1px #e7e9f2;top:60px; background:#f0f2f9; }
.gnbSlideMenu:before,
.gnbSlideMenu:after {content:""; display:block; width:20px; height:55px; position:absolute; top:0; bottom:0; background-size:cover !important; z-index:11;}
/* .gnbSlideMenu:before {left:0; background:url("/m/img/common/gnb_sdw_left.png");}
.gnbSlideMenu:after {right:0; background:url("/m/img/common/gnb_sdw_right.png");} */
.gnbSlideMenu ul {margin:0 auto; height:55px !important; padding:0 10px; position:relative;}

.gnbSlideMenu ul li {position:relative; display:inline-block; height:100%;}
.gnbSlideMenu ul li:nth-child(1) {width:45px;}
.gnbSlideMenu ul li:nth-child(2) {width:100px;}
.gnbSlideMenu ul li:nth-child(3) {width:100px;}
.gnbSlideMenu ul li:nth-child(4) {width:100px;}
.gnbSlideMenu ul li:nth-child(5) {width:130px;}
.gnbSlideMenu ul li:nth-child(6) {width:100px;}
.gnbSlideMenu ul li:nth-child(7) {width:120px;}
.gnbSlideMenu ul li:nth-child(8) {width:270px;}
.gnbSlideMenu ul li:nth-child(9) {width:100px;}



.gnbSlideMenu ul li a {display:block; width:100%; height:100%; padding:0 5px; position:absolute; top:0; left:0; right:0; bottom:0; z-index:10;}
.gnbSlideMenu ul li a span {display:block;height:55px; line-height:55px; color:#666; font-size:14pt; text-align:center; letter-spacing:-0.1em; font-weight:900; box-sizing:border-box; opacity:0.5}
.gnbSlideMenu ul li.active a span {color:#666; border-bottom:solid 3px #666; font-weight:600; opacity:1}
.gnbSlideMenu .gnbSlidShadow {position:absolute; display:inlnie-block; height:55px; width:auto; top:0; right:0; z-index:10;}
.gnbSlideMenu .gnbSlidShadow img {height:100%; width:auto;}

ul.slyList {display:block; height:100%;}
ul.slyList li {float:left; display:block; height:100%; cursor:pointer;}
ul.slyList li a {display:block; height:100%;}


.hc_menu_opened {overflow:hidden !important;}
.hc_menu_opened body {overflow:hidden !important;}
.hc_menu_opened #header {position:static !important;}
.hc_menu_opened #header h1.logo {display:none;}
.hc_menu_opened #header a.btn_search {display:none;}

/* btn_gnbMenu */
#header a.btn_gnbMenu {z-index:1500;}
.btn_gnbMenu {display:block; position:absolute; top:0px; left:0px; width:60px; height:60px; padding:22px 15px; z-index:10;}
#header a.btn_gnbMenu.close {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.btn_gnbMenu span {display:block;width: 26px; height:2px; margin-bottom:5px; background:#282828; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.btn_gnbMenu span.slice2{width:20px;}
.btn_gnbMenu.close {position:absolute;right:0;top:0;}
.btn_gnbMenu.close span {width: 29px; margin-bottom:8px; }
.btn_gnbMenu.close span.slice1 {margin-top:9px;margin-bottom:6px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.btn_gnbMenu.close span.slice2 {opacity:0;}
.btn_gnbMenu.close span.slice3 {margin-top: -18px; margin-bottom:8px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}

.gnbTel {display:block; position:absolute; top:0px; right:0px; width:60px; height:60px; padding:0px; z-index:10;background-image:url("/m/img/gnbtop_call2.png"); background-repeat:no-repeat; background-size:32px auto; background-position:center center;}
.ck_m {display:block; position:absolute; top:20px; right:60px; height:24px; padding:0px; z-index:10; width:94px} 


/* gnb */
#gnbMenu_area {display:none; position:fixed;width:100%;max-width:750px;margin:0 auto;left:0;right:0;top:0;right:0;bottom:0;padding-top:50px;z-index:1100;}
#gnbMenu_area .bg {width:100%;height:100%;z-index:10;background:#f1f1f1; display:none;} 
#gnbMenu_area div.top_bar {display:none; position:absolute;left:0;top:0;width:100%;height:60px;background:#fff;z-index:1300; text-align:center;}
#gnbMenu_area div.top_bar .left_area {color:#fff;}


#gnbMenu_area div.top_bar .left_area a.btn_login span {font-size:12px; margin-left:5px; color:#f89395; letter-spacing:-0.075em;}
#gnbMenu_area div.top_bar .left_area span.login_info {display:inline-block; font-size:12px; margin-left:15px; color:#f89395; letter-spacing:-0.075em; text-align:left; line-height:1.4em; height:30px; margin-top:10px;}
#gnbMenu_area a.btn_join {display:block;position:absolute; right:56px ;top:13px; height:28px; line-height:28px; padding:0 7px; font-size:13px; color:#fff; border-radius:3px; border:1px solid #fff; font-weight:300;}
#gnbMenu_area a.btn_modify {right:123px;}
#gnbMenu_area .menu_area{z-index:15;height:0;width:100%;position:absolute;left:0;top:65px;opacity:0;}

#gnbMenu_area.hc_menu_activated {display:block; height:0; transition:height 0.5s; overflow:hidden;}
#gnbMenu_area.hc_menu_activated.on {height:100%; height:0.1s;}
html:not(.hc_menu_opened) div#gnbMenu_area.hc_menu_activated {padding:0;}
#gnbMenu_area.hc_menu_activated .bg {display:block; position:absolute; top:0; left:0; width:100%; height:0; z-index:10;background:#000; transition:all 0.5s ease-out;}
#gnbMenu_area.hc_menu_activated.on .bg {height:100%;}
#gnbMenu_area.hc_menu_activated div.top_bar {display:block; top:-55px; transition:top 0.3s;}
#gnbMenu_area.hc_menu_activated.on div.top_bar {top:0;}
#gnbMenu_area.hc_menu_activated .menu_area{position:relative; top:10px; height:0; overflow:hidden; opacity:0; transition:all 0.5s;}
#gnbMenu_area.hc_menu_activated.on .menu_area{width:100%; height:100%; top:0; opacity:1; transition: top 0.5s, height 1s, opacity 1s;}

div.menu_area>ul {padding:20px 0;}
div.menu_area>ul li.dep01 {display:block; width:165px; overflow:visible;}
div.menu_area>ul li.dep01 ul li {line-height:20px;}
div.menu_area>ul li.dep01 ul li span {display:inline-block;}
div.menu_area>ul li.dep01 a.dep01 {padding: 9px 18px 10px 18px;display:block;font-size:15px;font-family:'Noto Sans KR';color:#444; font-weight:700;}
div.menu_area>ul li.dep01.on a.dep01 {color:#1d7dff;}
div.menu_area>ul li.dep01>div {display:none;position:absolute;left:170px;right:0;top:0;height:100%;bottom:0;overflow-y:auto;z-index:16; padding-bottom:60px;-webkit-overflow-scrolling:touch;}
div.menu_area>ul li.dep01.on>div {display:block;}
div.menu_area>ul li.dep01>div a.tit {display:block;padding: 29px 0 20px 0;border-bottom:1px solid #999;color:#282828;}
div.menu_area>ul li.dep01>div a.active {color:#1e75d6;}
div.menu_area>ul li.dep01>div strong.group_tit,
div.menu_area>ul li.dep01>div strong.group_tit02 {padding: 19px 0 7px 0;display:block;font-size: 15px;font-family:'Noto Sans KR';color:#fff;}
div.menu_area>ul li.dep01>div strong.group_tit02 {padding-top: 14px;font-family:'Noto Sans KR';padding: 12px 0 3px 0;}
div.menu_area>ul li.dep01>div>ul {padding-top: 11px;padding-bottom: 60px;}
div.menu_area>ul li.dep01>div>ul.pb0 {padding-bottom:0px;}
div.menu_area>ul li.dep01>div ul li a.dep02 {display:block;padding: 7px 0;font-size:15px;color:#464646;line-height:20px;}
div.menu_area>ul li.dep01>div ul li ul li a.dep02 {padding: 4px 0 3px 0;}
div.menu_area>ul li.dep01>div ul li ul li a.active {color:#1e75d6;}

.gnbQuick {border-radius:3px; padding:5px 10px !important; margin:5px 18px !important; color:#fff !important; font-size:13px !important; font-weight:400 !important; background:#1d7dff url("/m/img/newMain/gnb_arrow.png") no-repeat; background-position:95% center; background-size:6px;}


.gnbSubMenu {position:absolute; top:57px; left:0; right:0; min-width:320px; max-width:750px; width:100%; margin:0 auto; z-index:13;}
.gnbSubMenu li {display:inline-block; width:25%; background-color:#111c29;  float:left; border-right:solid 1px #2c3355;}
.gnbSubMenu li:last-child {border-right:none;}
.gnbSubMenu li span,
.gnbSubMenu li a {display:inline-block; width:100%; text-align:center; color:#fff; font-size:10pt; color:#fff; font-weight:400; letter-spacing:-0.075em; height:44px; line-height:44px;}
.gnbSubMenu li:first-child span,
.gnbSubMenu li:first-child a {padding-right:15px; background-image:url("/m/img/newMain/ListArrow_down.png"); background-position:85% 50%; background-repeat:no-repeat; background-size:8px;}
.gnbSubMenu li:first-child span.classListOn,
.gnbSubMenu li:first-child a.classListOn {background-image:url("/m/img/newMain/ListArrow_up.png") !important;} 
.gnbSubMenu li:nth-child(2) span,
.gnbSubMenu li:nth-child(2) a {padding-right:15px; background-image:url("/m/img/newMain/ListArrow_down.png"); background-position:85% 50%; background-repeat:no-repeat; background-size:8px;}
.gnbSubMenu li:nth-child(2) span.classListOn,
.gnbSubMenu li:nth-child(2) a.classListOn {background-image:url("/m/img/newMain/ListArrow_up.png") !important;} 

#classList {}
.curriList {position:absolute; top:101px; left:0; right:0; min-width:320px; max-width:750px; width:100%; margin:0 auto; z-index:13; background-color:#111c29; border-top:1px solid #090e11;}
.curriList li {border-bottom:1px solid #2c3355; font-size:14px; color:#fff; width:100%;}
.curriList li:last-child {border-bottom:none;}
.curriList li > a, .curriList li > span {display:block; font-size: 10pt; font-weight: 400; color: #fff; height: 46px; line-height: 46px; padding: 0 10px; letter-spacing: -0.05em; padding-left:15px;}
.curriList li > span {background-image:url("/m/img/newMain/ListArrow_down.png"); background-position:95% 50%; background-repeat:no-repeat; background-size:8px;}
.curriList li > span.curriListOn {background-image:url("/m/img/newMain/ListArrow_up.png") !important;} 
.curriList li > ul > li {background-color:#efefef; border-top:solid 1px #fff; border-bottom:solid 1px #d7d7d7;}
.curriList li > ul > li:first-child {border-top:solid 1px #2c3355;}
.curriList li > ul > li a {display:inline-block; width:100%; font-weight:bold; font-size:13px; padding-left:20px; color:#333; height: 46px; line-height: 46px;}



.mBannerBtn {width:100%; top:50%; left:50%; margin-left:-600px; margin-top:0px; position:absolute;}
.mBannerBtn span {display:block; width:32px; height:55px; position:absolute; margin-top:-24px; z-index:2; text-indent:-9999px; cursor:pointer;opacity:0.5;-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
.mBannerBtn span.prev {left:0; background:url("/img/banner/arrow_left.png")no-repeat center center;}
.mBannerBtn span.next {right:0; background:url("/img/banner/arrow_right.png")no-repeat center center;}
.mBannerBtn span:hover{opacity:1}

.mBannerWrap {position:relative;}
.mBanner {z-index:0;}
.mBanner{}
.fbBg { background-position:center center !important; background-repeat:no-repeat !important; background-size: auto 100% !important;}
.fbBg a{display:inline-block; width:100% }
.fbBg a img{width:100%;}
#mbBottom {position:absolute; left:0; right:0; bottom:10px; text-align:center; padding-left:0px; z-index:3}
#mbDots {display:inline-block; vertical-align:middle;}
#mbDots .slick-dots {display:block;}
#mbDots .slick-dots:after {content:""; display:table; clear:both;}
#mbDots .slick-dots li {display:block; float:left; width:7px; height:7px; cursor:pointer; background:#ccc; margin:0 5px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
#mbDots .slick-dots li.slick-active {background:#fff; width:20px;}
#mbDots .slick-dots li button {display:none;}

#footer {  width: 100%;     background:#f2f3f5; padding:40px 20px; padding-bottom:80px;}
.footerGnb  {width:100%; position:relative; padding-bottom:40px; float:left;}
.footerGnb ul li {width:176px; float:left; }
.whidsh {width:176px;}
.footerGnb ul li dl dd a{font-size:12px; line-height:2 !important; letter-spacing:-0.05em; color:#666;}
.fgnbTit {display:block; width:100%; padding-bottom:10px;font-weight:400; letter-spacing:-0.05em; font-size:14px; color:#333;}
iframe {display:none;}
.footerCopy{width:100%; position:relative;float:; padding-left:0px;}
.footerCopy h4{position:relative;}
.footerCopy h4 a {display:inline-block; float:; width:176px;}
.footerCopy h4 a img{width:100%;}
.footerCopy h4 iframe {display:inline-block !important; float:left; margin-left:10px; margin-top:11px;}
.footerCopy .fcopyNavi {padding-top:20px; width:100%; float:left;}
.footerCopy .fcopyNavi span{color:#000c38}
.footerCopy .fcopyNavi:after {content:""; display:table; clear:both;}
.ftMenu {float:left; color:#666; }
.ftMenu li{padding-left:10px; padding-right:10px;background:url("/img/fbar.png") left center no-repeat; float:left; font-size:13px;}
.ftMenu li.first {padding-left:0px; background:none;}
.copyright {width: 100%; padding-top: 0px; padding-bottom: 0px; font-size: 13px; color: #666; float: left; line-height: 26px; letter-spacing: -0.025em; font-family: Malgun Gothic;}
address { font-size: 13px; color: #666;font-weight:normal; line-height:26px;}



.caseCont{width:100%; float:left; margin-right:8px;border:1px solid #eaeaea; }
.caseCont:after{clear:both;}
.caseCont ul li{float:left; width:50%; padding:20px; border-right:1px solid #eaeaea;border-top:1px solid #eaeaea;}

.ccImg img{width:100%;}
.caseCont ul li a{display:block; width:100%; height:100%; }
.caseCont ul li a h3{font-size:17px; font-weight:200; padding-right:20px; position:relative; letter-spacing:-0.075em; margin-bottom:18px; line-height:1.25rem; display:inline-block;    white-space: nowrap;}
.caseCont ul li a h3:after{content:""; display:block; position:absolute; top:1px; right:0px; width:10px; height:14px; background: url('/img/case_arrow.png') center center no-repeat; }
.caseCont ul li a p{color:#666; font-size:13px; letter-spacing:-0.075em; padding-top:18px; font-weight:1.25rem; font-weight:300; display:none;}
.caseCont ul li a:hover p{color:#000c38; text-decoration:underline;}
.clear {clear:both;}

.customerCont{width:100%; float:left;}
.quickConsult{width:100%; padding:38px 24px; display:none;}
.quickTite{font-weight:500; letter-spacing:-0.075em; width:100%; position:relative; margin-bottom:18px;font-size:20px; color:#192124;}
.quickTite span{font-family:"Roboto"; font-size:13px; position:absolute; right:0px; bottom:0px;letter-spacing:-0.025em;opacity:0.7}
.quickForm{width:100%; position:relative;}
.quickForm input{ font-size:12px; letter-spacing:-0.05em; width:100%; height:33px; line-height:32px;}
.quickForm li {width:200px; margin-bottom:4px;}
.quickBtn{position:absolute; background:#182028; display:inline-block; height:70px; width:77px; top:0px; right:0px; color:#fff; line-height:69px; text-align:center; font-size:15px;}
.quickBtn:hover{color:#fff}
.quickAgree, .quickAgree a{padding-top:13px; color:#c3c3c3;}
.quickTxt{font-weight:300; letter-spacing:-0.075em; width:100%; position:relative; margin-bottom:16px;font-size:14px; color:#192124;}
.kakaoIcon{padding-left:60px;background: url('/img/icon_kakao.jpg') -2px center no-repeat; font-size:16px; color:#192124; height:45px; line-height:44px;letter-spacing:-0.075em;}
.kakaoIcon span{font-size:24px;letter-spacing:-0.075em; font-weight:500;}
.qbg03 .quickTxt {opacity:0.7}
.quicBtn02{display:inline-block; padding:5px 50px 5px 15px; background:#182028 url('/img/icon_more.png') 90% center no-repeat; color:#fff; font-size:15px;}
.quicBtn02:hover{color:#fff}
.qbg01{background:#3d4753; height:227px;}
.qbg02{background:#ffde2c; height:221px;}
.qbg03{background:#2c456d; height:207px;}
.qbg04{border:1px solid #eaeaea; height:439px;}

.fl{float:left; padding-}
.mb8{margin-bottom:8px;}
.wh{color:#fff !important;}

.quickCall, .quickEmail, .quickFax{font-family:"Roboto"; font-size:20px;font-weight:600; padding-left:50px; height:40px; line-height:40px; letter-spacing:-0.035em; margin-bottom:5px;}
.quickCall{background: url('/img/icon_call.png') left center no-repeat; }
.quickEmail{background: url('/img/icon_mail.png') left center no-repeat; }
.quickFax{background: url('/img/icon_fax.png') left center no-repeat; }
.qbg04 ul{padding-top:28px; border-top:1px solid #eaeaea; margin-top:28px;}
.qbg04 ul li {float:left; width:50%; margin-bottom:2px;}
.qbg04 ul li:nth-child(1), .qbg04 ul li:nth-child(3){padding-right:1px}
.qbg04 ul li:nth-child(2n){padding-left:1px;}
.qbg04 ul li a{display:block; width:100%; background:#f0f0f0; color:#666; text-align:center; height:36px;line-height:36px; font-family:"Dotum"; font-size:12px; letter-spacing:-0.075em;-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
.qbg04 ul li a:hover{background:#182028; color:#fff;}

.caseBanner{background: url('/img/case_bg.jpg') center center no-repeat; background-size:cover !important; padding:40px 20px;}
.cbTit{color:#182028; padding-bottom:40px;}
.cbTit h3{font-size:25px; letter-spacing:-0.075em; font-weight:300; width:100%; padding-bottom:20px;}
.cbTit p{font-size:14px; letter-spacing:-0.05em; }
.cbTit a{display:inline-block; height:45px; line-height:45px; padding:0 100px 0 30px; color:#fff; position:absolute; right:0px; top:60px; font-size:15px; background:#182028 url('/img/icon_more.png') 90% center no-repeat; border-radius:50px;-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
.cbTit a:hover{box-shadow: 0 8px 8px rgba(0,0,0,.24), 0 0 8px rgba(0,0,0,.12), 0 6px 18px rgba(0,0,0,.12);   transform: translate3d(0,-2px,0);}




.cbContwrap{width:33.3333333333333333%; float:left; padding:0 10px; text-align:center;}
.cbContwrap a{background:#fff; display:block; padding:30px;box-shadow: 0 3px 5px rgba(0,0,0,.24), 0 0 5px rgba(0,0,0,.12), 0 5px 8px rgba(0,0,0,.12);  }
.deco {width:100%; text-align:center; padding-bottom:20px; display:block;}
.deco img{width:40px; display:inline-block !important;}
.deco02 img{width:100%;}
.deco02 {padding-top:20px;}
.cbtxt001{font-size:15px; padding-bottom:20px; text-align:left; display:block;}
.caseConList .slick-list {padding-bottom:10px !important;}

.caseConList .slick-arrow {opacity:0.3;z-index:5; text-indent:-9999px; width:32px; height:55px; position:absolute; top:50%; margin-top:-60px;-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
.caseConList .slick-arrow:hover {opacity:1}
.caseConList .slick-prev {left:-50px; }
.caseConList .slick-next {right:-50px;}
.caseConList .slick-prev:after,
.caseConList .slick-next:after {content:""; display:block; width:32px; height:55px; position:absolute; margin-top:-12px;}
.caseConList .slick-prev:after {background:url("/img/bk_arrow_left.png")no-repeat left center;}
.caseConList .slick-next:after {background:url("/img/bk_arrow_right.png")no-repeat left center; }
button{padding:0}
.cbtxt002{
    display: block;
    font-size: 11px;
    overflow: hidden;
    font-family: 'dotum', sans-serif;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.6;
    height: 15.5em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    margin: 0;
    color: #a1a1a1;
	text-align:left;

}

#rightQuickArea{position:absolute; top:600px; left:50%; width:100px; z-index:10; margin-left:660px; border:1px solid #eaeaea;background:#fff}
#rightQuickArea a {display:block; width:100%; text-align:center;padding-top:10px; }
#rightQuickArea img {display:inline-block; width:54px;}
#rightQuickArea span{display:block;}
.quickEvent{margin-bottom:10px; position:relative;}
.top{margin-top:5px;}
#rightQuickArea ul {display:block; width:100px;}
#rightQuickArea ul li {display:block; width:100px; height:100px; border-bottom:1px solid #eaeaea;}


#subTitle {background:#000;}
.stWrap {display:table; width:100%;}
.stCell {display:table-cell; vertical-align:; text-align:center; color:#fff; height:200px; background-position:center center !important; background-position:no-repeat !improtant; vertical-align:middle; padding:0 20px;}
.stCell h2 {font-size:25px; letter-spacing:-0.025em; font-weight:bold;font-family: 'Rajdhani', 'Noto Sans Korean', sans-serif; line-height:1; padding-bottom:10px; color:#fff}
.stCell p {font-size:14px; letter-spacing:-0.05em;}

.sbTitle {padding-top:100px; padding-bottom:50px;}
.sbTitle h4 {line-height:1.0em; font-size:45px; letter-spacing:-0.025em; color:#000; font-family: 'Rajdhani', sans-serif; font-weight:700;}
.sbTitle h4 span {font-family:'Noto Sans Korean', sans-serif; display:inline-block; letter-spacing:-0.075em; font-size:25px; font-weight:400; margin-left:10px; margin-top:-15px;}


#quickArea{position:relative; width:100%; border-top:0px solid #eaeaea; border-bottom:5px solid #eaeaea; width:100%; float:left;}
#quickArea ul li{float:left; width:20%; padding:5px;position:relative}
#quickArea ul li a{display:block; width:100%;}
#quickArea ul li a span{text-indent:-999999999px; display:none;}
#quickArea ul li a img{width:100%;}
#quickArea ul li:after{display:block; position:absolute; top:50%; right:0px; height:30px; margin-top:-15px; width:1px; background:#eaeaea; content:"";}


.clear{clear:both;}
.subPage{width:100%; float:left;}
.subPage .quickConsult{width:100%; padding:32px 20px;}
.subPage .quickTite{font-weight:500; letter-spacing:-0.075em; width:100%; position:relative; margin-bottom:18px;font-size:18px; color:#192124;}
.subPage .quickTite span{font-family:"Roboto"; font-size:13px; position:absolute; right:0px; bottom:0px;letter-spacing:-0.025em;opacity:0.7}
.subPage .quickForm{width:100%; position:relative;}
.subPage .quickForm input{ font-size:11px; letter-spacing:-0.075em; width:100%; height:33px; line-height:32px;}
.subPage .quickForm li {width:178px; margin-bottom:4px;}
.subPage .quickBtn{position:absolute; background:#182028; display:inline-block; height:70px; width:77px; top:0px; right:0px; color:#fff; line-height:69px; text-align:center; font-size:15px;}
.subPage .quickBtn:hover{color:#fff}
.subPage .quickAgree, .subPage  .quickAgree a{padding-top:13px; color:#c3c3c3;}
.subPage .quickTxt{font-weight:300; letter-spacing:-0.075em; width:100%; position:relative; margin-bottom:16px;font-size:14px; color:#192124;}
.subPage .kakaoIcon{padding-left:60px;background: url('/img/icon_kakao.jpg') -2px center no-repeat; font-size:16px; color:#192124; height:45px; line-height:44px;letter-spacing:-0.075em;}
.subPage .kakaoIcon span{font-size:20px;letter-spacing:-0.075em; font-weight:500;}
.subPage .qbg03 .quickTxt {opacity:0.7}
.subPage .quicBtn02{display:inline-block; padding:5px 50px 5px 15px; background:#182028 url('/img/icon_more.png') 90% center no-repeat; color:#fff; font-size:15px;}
.subPage .quicBtn02:hover{color:#fff}
.subPage .qbg01{background:#f2f3f5; height:auto;}
.subPage .qbg02{background:#ffde2c; height:auto;}
.subPage .qbg03{background:#2c456d; height:auto;}
.subPage .qbg04{border:1px solid #eaeaea; height:auto;}
.subPage .qbg01 .wh{color:#192124 !important; }

.subPage .quickCall, 
.subPage .quickEmail, 
.subPage .quickFax{font-family:"Roboto"; font-size:17px;font-weight:600; padding-left:50px; height:40px; line-height:40px; letter-spacing:-0.005em; margin-bottom:5px;}
.subPage .quickCall{background: url('/img/icon_call.png') left center no-repeat; }
.subPage .quickEmail{background: url('/img/icon_mail.png') left center no-repeat; }
.subPage .quickFax{background: url('/img/icon_fax.png') left center no-repeat; }
.subPage .qbg04 ul{padding-top:28px; border-top:1px solid #eaeaea; margin-top:28px;}
.subPage .qbg04 ul li {float:left; width:50%; margin-bottom:2px;}
.subPage .qbg04 ul li:nth-child(1), .qbg04 ul li:nth-child(3){padding-right:1px}
.subPage .qbg04 ul li:nth-child(2n){padding-left:1px;}
.subPage .qbg04 ul li a{display:block; width:100%; background:#f0f0f0; color:#666; text-align:center; height:36px;line-height:36px; font-family:"Dotum"; font-size:12px; letter-spacing:-0.075em;-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
.subPage .qbg04 ul li a:hover{background:#182028; color:#fff;}




.subMenu{width:100%; float:left; margin-bottom:8px;padding:0 15px;}
.subMenu h3{font-size:25px; padding:20px; background:#fff; color:#000c38; padding-top:0px; letter-spacing:-0.075em; text-align:center;}
.subMenu h3 span{display:block; font-size:12px; opacity:0.7; letter-spacing:-0.0; font-weight:normal}
.subMenu ul li{float:left; width:33.33333333333333333333%; border:1px solid #eaeaea;}
.subMenu ul li a{padding:12px 0px; border-bottom:1px solid #eaeaea; display:block; width:100%; font-size:13px; background: #f2f3f5 url('/img/case_sarrow.png') 90% center no-repeat;text-align:center; letter-spacing:-0.075em;}
.subMenu ul li a:hover, .subMenu ul li a.current{background:#2c456d url('/img/case_asrrow_on.png') 90% center no-repeat; color:#fff;border-bottom:1px solid #182028; }
.subMenu ul li:last-child a{border-bottom:0}
.col2 li{width:50% !important}
.subWrap{margin-left:0px; width:100%; border:0px solid #eaeaea; padding:0px; float:left; padding:0 15px;}
.subContWrap{padding:40px 0 !important;}

.subNavi{padding-bottom:24px; border-bottom:1px solid #182028; width:100%; position:relative;display:block; margin-bottom:40px; display:none;}
.subNavi h3{font-size:21px; line-height:1em; font-weight:300}
.subNavi ul{position:absolute; bottom:24px; right:0px;}
.subNavi ul li{display:inline-block; padding-left:20px; margin-left:8px; color:#999; font-size:12px; font-size:100; position:relative;}
.subNavi ul li:before{content:""; display:block; width:15px; height:15px; background: url('/img/case_arrow.png') center center no-repeat; background-size: auto 8px; position:absolute; top:3px; left:0px;}
.subNavi ul li:first-child:before{display:none;}
.subNavi ul li:last-child{color:#182028}
.quickConsultarea{padding: 40px 15px;background: #f0f0f0;}
.quickConsultarea h3{font-size:21px; line-height:1em; font-weight:300; padding-bottom:10px;}
.quickConsultarea p{font-size: 13px;  color: #777; line-height: 21px;padding-bottom:10px;}
.sttTable {border-top:solid 2px #333;}
.sttTable th,
.sttTable td {border-bottom:solid 1px #ddd; padding:8px; background:#fff}
.sttTable th {background:#fff;}
.sttLoca li {margin-right:20px;}
.sttLoca li:last-child {margin-right:0;}
.sttInt {margin:-5px;}
.sttInt:after {content:""; display:table; clear:both;}
.sttInt li {float:left; width:100%; padding:5px; font-size:15px;}
.sttName {width:100%;}
.sttTel:after {content:""; display:table; clear:both;}
.sttTel li {float:left;}
.sttTel li:nth-child(odd) {width:100px;}
.sttTel li:nth-child(even) {height:34px; line-height:34px; width:16px; text-align:center;}
.sttTel li:first-child {width:80px;}
.sttTel li select,
.sttTel li input[type="tel"] {display:block; width:100%;}
.sttBot {margin-top:20px;}
.sttBot:after {content:""; display:table; clear:both;}
.sttInfo {float:;}
.sttInfo li {font-family: 'dotum', sans-serif; letter-spacing:-0.075em; line-height:1.4em; color:#787878;}
.sttAgree {float:; padding-top:15px;}
.sttAgree label {color:#000; text-decoration:underline;}
.sttBtn {padding-top:30px; padding-bottom:60px; text-align:center;}
.sttBtn a {display:inline-block; width:100%; height:54px; line-height:54px; background:#000; text-align:center;}
.sttBtn a span {color:#fff; font-size:14px; letter-spacing:-0.05em; font-weight:700; display:inline-block;}
 
.hvrImg {overflow:hidden; position:relative;}
.hvrImg em {display:block; position:absolute; left:0; right:0; top:0; bottom:0; background-position:center center !important; background-size:cover !important;}
.hvrBtn {position:relative;}
.hvrBtn > em {display:block; position:absolute; left:0; top:0; bottom:0; background:#e93436;}
.hvrBtn span {display:inline-block; padding-right:14px; background:url("/img/main_portfolio_btn_arrow.png")no-repeat right center; position:relative;}
.hvrBtn2 > em {background:#000;}
.hvrBtn2 span {background:url("/img/main_portfolio_btn_arrow_bk.png")no-repeat right center; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
.hvrBtn2.on span {color:#fff; background:url("/img/main_portfolio_btn_arrow.png")no-repeat right center;}
.overbox {border:solid 1px #ddd; height:100px; overflow-y:auto; padding:15px; background:#eaeaea; color:#666; }
.overbox *{font-size:12px !important}
.comPrivacy {padding-bottom:60px;}
.comPrivacy h5 {line-height:1.4em; font-size:20px;font-weight:normal !important; padding-bottom:15px;}
.comPrivacy h6 {line-height:1.4em; font-size:16px; line-height:1.4em; margin-top:15px;font-weight:normal !important; padding-bottom:15px;}
.comPrivacy p {font-size:14px; line-height:1.4em; margin-top:5px;font-weight:normal !important}
.comPrivacy ul {font-size:14px; margin-top:5px;font-weight:normal !important}
.comPrivacy ul li {line-height:1.4em;font-weight:normal !important}

.aboutCont h3{font-size:25px; font-weight:400;line-height:1.4em; padding-bottom:30px;}
.aboutCont{position:relative;  padding-top:30px; WIDTH:100%;}
.aboutTxt{font-size: 17px; color: #454856;  line-height: 1.6;   font-weight:300; text-align:justify;}
.aboutTxt02{font-size: 17px; color: #454856;  line-height: 1.6; font-weight:300; text-align:justify; padding-bottom:40px;}
.aboutImg001{ padding-bottom:40px;}
.aboutImg002{ padding-bottom:40px;}
.aboutImg001 img, .aboutImg002 img{width:100%;}
.root_daum_roughmap {
    position: relative;
    width: 100% !important;
    margin: 0 auto;
    background-color: #fff;
}
.root_daum_roughmap .wrap_controllers{display:none !important;}

.about_location h3{font-size:25px; font-weight:400;line-height:1.4em; padding-bottom:30px; padding-top:30px}
.bus{width:100%;padding-top:10px; padding-bottom:30px;}
.bus h3 {font-size:21px; font-weight:300; padding-bottom:20px;display:inline-block;    white-space: nowrap;}
.bus ul {border-top:2px solid #333; border-bottom:2px solid #333}
.bus ul li {width:100%; padding-top:20px; padding-bottom:20px; border-bottom:1px dashed #333; font-size:15px; vertical-align:top;}
.bus ul li h5 {display:inline-block; width:100%; font-size:15px; font-weight:400;height:100%; vertical-align:top;}
.bus ul li p{display:block;width:100%;}
.bus ul li.last{border:0; }

.aboutTxt03{font-size: 17px; color: #454856;  line-height: 1.6;   font-weight:300; text-align:justify; padding-bottom:40px;position:relative;}
.aboutCont h4{display:block; width:100%; font-size:21px; font-weight:400; background: url('/img/bullet.png') left center no-repeat; padding-left:20px; margin-bottom:20px;}

.laTable {width:100%; font-size:13px; margin-bottom:60px;}
.laTable  tr th, .laTable tr td {padding:5px; border:1px solid #ddd;text-align:center; letter-spacing:-0.02em;}
.laTable  tr th {background:#fafafa; font-weight:400;}
.laTable  tr td {font-weight:300;text-align:left;}


.laborCont li:nth-child(1)  {padding-right:00px; position:relative; margin-top:40px;}
.laborCont li:nth-child(2) {padding-left:00px; position:relative;}
.laborCont li:nth-child(3) {padding:0px;}
.laborCont li {margin-bottom:60px;}
.laborContImg001{padding-bottom:40px}
.laborContImg002{padding-bottom:40px}
.laborContImg001 img, .laborContImg002 img{box-shadow: 0 3px 5px rgba(0,0,0,.24), 0 0 5px rgba(0,0,0,.12), 0 5px 8px rgba(0,0,0,.12);  width:100%;}
.dismiCont{padding-left:0px; position:relative;}
.foreomg{ padding-bottom:40px;}
.foreomg img{box-shadow: 0 3px 5px rgba(0,0,0,.24), 0 0 5px rgba(0,0,0,.12), 0 5px 8px rgba(0,0,0,.12); width:100%; }

.bdList{width:100%;}
.bdInfo {height:32px; margin-bottom:10px; position:relative;}
.bdInfo span {font-family:"dotum"; position:absolute; left:0; bottom:0;}
.bdSearach {position:absolute; right:0; bottom:0; display:none;}
.bdSearach:after {content:""; display:table; clear:both;}
.bdSearach input[type="text"] {float:left; width:240px; border-right:none;}
.bdSearach button {display:block; float:left; width:60px; height:34px; line-height:34px; border:none; background:#2c456d; color:#fff;}
.bdList th {border-top:solid 2px #141616; border-bottom:solid 1px #141616; padding:10px;}
.bdList td {border-bottom:solid 1px #ddd; padding:10px; text-align:center;}
.bdTitle a {display:inline-block; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:auto; max-width:80%; vertical-align:middle;}
.bdDetail {border-top:solid 2px #141616;}
.bdDetail thead {border-bottom:solid 1px #141616;}
.bdDetail thead th {padding:10px;}
.bdDetail thead tr{border-bottom:solid 1px #eaeaea;}
.bdDetail thead tr:last-child{border-bottom:solid 1px #141616;}
.bdDetail thead td {padding:10px;}
.bdDetail tbody td {border-bottom:solid 1px #141616; padding:20px; text-align:left ;}
.bdDetail tbody tr:nth-child(2) td{border-bottom:solid 1px #eaeaea; }
.bdBtn {text-align:center; padding-top:60px;}
.bdTitle {text-align:left !important;}
.bdBtn{padding-bottom:60px;}
.bdBtn a {
	display:inline-block; height:50px; padding:0 80px; line-height:50px; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.075em; color:#fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.13); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.13); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.13);
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
	background: #333333; 
	background: -moz-linear-gradient(top, #333333 0%, #202020 100%);
	background: -webkit-linear-gradient(top, #333333 0%,#202020 100%);
	background: linear-gradient(to bottom, #333333 0%,#202020 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#202020',GradientType=0 );
}
.bdDetailNavi td{padding:10px !important; background:#f0f0f0}
.paging {text-align:center; padding-top:20px; padding-bottom:60px;}
.paging a {display:inline-block; margin:0 2px; width:40px; height:40px; line-height:38px; text-align:center; border:solid 1px #ddd;}
.paging ul {display:inline-block; margin:0 10px;}
.paging ul li {display:inline-block; margin:0 1px;}
.paging ul li.current a {background:#2c456d ; border:solid 1px #2c456d ; color:#fff; font-weight:700;}
.paging > a {text-indent:-9999px; background-position:center center !important; background-repeat:no-repeat !important;}
.pgFirst {background:url("/img/paging_first.png");}
.pgPrev {background:url("/img/paging_prev.png");}
.pgNext {background:url("/img/paging_next.png");}
.pgLast {background:url("/img/paging_last.png");}


.faqList li dl {font-size:14px; border-bottom:dashed 1px #ddd; }
.faqList li dl dt {padding:20px 30px; background:url("/img/faq_icon01.png")no-repeat 10px center; cursor:pointer;font-weight:300}
.faqList li dl dd {background-color:#f7f7f7; }
.faqList li dl dd p {padding:20px 30px; background:url("/img/faq_icon02.png")no-repeat 10px 20px; line-height:1.4em;font-weight:300}

.faqList {border-top:solid 2px #141616; margin-bottom:60px;}

.custoTable{margin-bottom:35px;}
.custoTable {width:100%;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;}
.custoTable  tbody th, 
.custoTable  tbody td{height:28px;line-height:28px;border-bottom:1px solid #dbdbdb;padding: 8px;vertical-align:middle;}
.custoTable  tbody th{background:#f8f8f8;text-align:left;border-left:1px solid #dbdbdb;}
.custoTable  tbody th strong{display:inline-block;width:10px;}
.custoTable  tbody td input{vertical-align:middle;}
.custoTable  tbody td .notice-limit-text {width:98%; text-align:right;}		/*±Û³»¿ë ±ÛÀÚ¼ö Á¦ÇÑ Ç¥½Ã*/
.custoTable  tbody td .notice-limit-text STRONG#byteInfo {color:#e14c03;}
.custoTable  tbody td .notice-limit-text SPAN {}
.tuitionTel {}
.tuitionTel:after {content:""; display:table; clear:both;}
.tuitionTel li {float:left;}
.tuitionTel li:nth-child(odd) {width:20%;}
.tuitionTel li:nth-child(even) {width:5%; text-align:center; height:34px; line-height:34px;}
.tuitionTel li:first-child {width:15%;}
.tuitionTel li select,
.tuitionTel li input[type="tel"] {display:block; width:100%;}
.dInput{width:100%;} 
.dInput02{width:100%; height:200px}

.caseTip{padding:15px; border-radius:10px; border:1px solid #e6e6e6; margin-bottom:60px; background:#f2f3f5}
.caseTip h5{line-height:1.254rem; font-size:17px; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.caseTip p{font-size:14px;}
.caseTip p span{color:#ed2024}

.telForm {display:inline-block; width:100%;}
.telForm li {display:block; width:27% !important; float:left; margin:0 !important;}
.telForm li:nth-child(1) {width:36% !important;}
.telForm li:nth-child(2),
.telForm li:nth-child(4){width:5% !important; text-align:center; height:40px; line-height:40px;}
.telForm li select {width:100%;}
.telForm li input {width:100%;}


.blogGo {
	display:block; position:fixed; z-index:10; bottom:0; left:0; right:0;
	width: 100%; min-width:320px; max-width:750px; height: 50px; line-height:50px; font-weight:600; letter-spacing:-0.075em;
	margin:0 auto; text-align:center; color:#fff; background:#ed2024; background-size:auto 100%;
	-webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s;
	font-size:12pt; 
}


.employTab {display:inline-block; width:100%; padding-top:0px; padding-bottom:20px;}
.employTab li {display:block; float:left; height:57px; background:#fff; border:solid 1px #ddd; border-right:none; position:relative;}
.employTab.col3 li {width:33.3333%;}
.employTab.col2 li {width:50%;}
.employTab.col8 li {width:12.5%;}
.employTab li:last-child {border-right:solid 1px #ddd;}
.employTab li:hover {background:#2c456d ;}
.employTab li:hover a {color:#fff;}
.employTab li.current {background:#fff; border-bottom:none;}
.employTab li.current a {color:#2c456d ;}
.employTab li.current:hover a {color:#2c456d ;}
.employTab li a {display:block; width:100%; height:100%; line-height:57px; text-align:center; font-size:15px; color:#828282; letter-spacing:-0.1em; font-family:"Malgun Gothic"; cursor:pointer;}
.employTab li .currentLine {display:none; position:absolute; width:100%; height:5px; top:0; left:0; background:#2c456d ;}
.employTab li.current .currentLine {display:block;}