.slick-slider {}
.slick-slider .slick-list {position:relative; height:100%;  overflow:hidden;}
.slick-slider .slick-list:after {content:""; display:block; clear:both;}
.slick-slider .slick-list .slick-slide {outline:none; border:0;}
.slick-slider.noControll .slick-arrow {display:none;}
.slick-slider .slick-arrow {position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; text-align:left; text-indent:-3000em; transition:background 0.2s ease-in-out; border-radius:17px; border:none; cursor:pointer;}
.slick-slider .slick-prev {left:5px; background:url(/images/blt/arrow_left.png) no-repeat 50%;}
.slick-slider .slick-next {right:5px; background:url(/images/blt/arrow_right.png) no-repeat 50%;}
.slick-slider .slick-prev:hover {background:rgba(0,0,0,.1) url(/images/blt/arrow_left.png) no-repeat 50%;} 
.slick-slider .slick-next:hover {background:rgba(0,0,0,.1) url(/images/blt/arrow_right.png) no-repeat 50%;}

.controllTypeA .slick-arrow {position:absolute; top:50%; width:40px; height:58px; margin-top:-29px; text-align:left; text-indent:-3000em; transition:background 0.2s ease-in-out; border:none; cursor:pointer; border-radius:0; z-index:20;}
.controllTypeA .slick-prev {left:10px; background:url(/images/blt/arrow_g_m_left.png) no-repeat 50%;}
.controllTypeA .slick-next {right:10px; background:url(/images/blt/arrow_g_m_right.png) no-repeat 50%;}
.controllTypeA .slick-prev:hover {background:rgba(0,0,0,.1) url(/images/blt/arrow_g_m_left.png) no-repeat 50%;} 
.controllTypeA .slick-next:hover {background:rgba(0,0,0,.1) url(/images/blt/arrow_g_m_right.png) no-repeat 50%;}
.controllTypeA .titles {}
.controllTypeA .titles:after {content:""; display:block; clear:both;}
.controllTypeA .titles span {float:left; width:50%; display:block; padding:10px 0; font-size:20px; line-height:24px; font-weight:700; color:#333; text-align:center;}
.controllTypeA .thum {display:inline-block; position:relative;}

/* main */
.main #contatiner {position:relative;}

#mainVisualArea {height:580px; margin:0 auto; z-index:10; visibility:hidden;}
#mainVisualArea .mainVisualWrap {height:580px; position:relative;}
#mainVisualArea .mainVisualWrap .slick-list {position:relative; height:580px; z-index:10;}
#mainVisualArea .mainVisualWrap .slick-list:after {content:""; display:block; clear:both;}
#mainVisualArea .section {float:left; height:580px; position:relative; background-size:cover; background-position:50% 0; background-repeat:no-repeat;}

.visualCont {position:absolute; width:100%; left:0; top:100px; padding:0 140px; color:#fff;}
.visualCont.otherColor {color:#000;} 
.visualCont strong {display:block; font-size:90px; letter-spacing:-2px; line-height:80px; font-weight:700; color:inherit;}
.visualCont p {margin-top:15px; font-size:18px; color:inherit; line-height:22px;}
.visualCont a.btn {margin-top:45px; width:160px;}
.visualCont a.btn:hover {background-color:rgba(0,0,0,.2);}
.visualCont.otherColor a.btn {border-color:#434343 !important; color:#434343 !important; background-color:rgba(255,255,255,.05) !important;}
.visualCont.otherColor a.btn:after {border-color:#434343;}
.visualCont.otherColor a.btn:hover {background-color:rgba(255,255,255,.4) !important;}
/*#mainVisualArea .section .cont a.btn:hover {border-color:#fabe00; background:#fabe00; color:#000 !important;}*/
 
#mainVisualArea .slick-dots {position:absolute; left:0; bottom:58px; width:100%; z-index:15; text-align:center;}
#mainVisualArea .slick-dots li {display:inline-block; margin:0 10px; font-size:0; line-height:0; width:11px; text-align:center;} 
#mainVisualArea .slick-dots li button {width:5px; height:5px; display:block; padding:0; margin:0 auto; border-radius:100%; background:#e3e3e3; opacity:0.85; box-sizing:content-box; text-align:left; text-indent:-3000em; font-size:0; line-height:0; box-shadow:none; border:none;}
#mainVisualArea .slick-dots li.slick-active button {opacity:1; border:3px solid #fabe00; background:transparent;}
#mainVisualArea .slick-arrow {display:none !important;}

#mainContVisual {position:absolute; left:0; top:83px; width:100%; padding:0 30px; z-index:0;}
#mainContVisual.on {z-index:30;}
#mainContVisual .mainContVisualWrap {position:relative; height:580px; overflow:hidden;}
#mainContVisual .section {position:absolute; top:0; height:580px; width:100%; background-size:cover; background-position:50% 0; background-repeat:no-repeat; transition:all 0.3s ease-in-out;;}
#mainContVisual #visualStudyProcess {left:-100%;} 
#mainContVisual #VisualPrograms {right:-100%;} 
#mainContVisual.studyProcess #visualStudyProcess {left:0;} 
#mainContVisual.programs #VisualPrograms {right:0;}  

.main #tagListArea {position:relative; height:54px; margin:-54px 40px 0; z-index:30; visibility:hidden;}
.main #tagListSide {position:relative; width:100%; height:54px; padding:10px 0;  overflow:hidden;}
.main #tagListArea .btnPrev,
.main #tagListArea .btnNext {position:absolute; top:10px; width:30px; height:34px; text-align:left; text-indent:-3000em; z-index:50; transition:background 0.2s ease-in-out; border-radius:17px;}
.main #tagListArea .btnPrev {left:-35px; background:url(/images/blt/arrow_w_left.png) no-repeat 50%;}
.main #tagListArea .btnNext {right:-35px; background:url(/images/blt/arrow_w_right.png) no-repeat 50%;}
.main #tagListArea .btnPrev:hover {background:rgba(0,0,0,.2) url(/images/blt/arrow_w_left.png) no-repeat 50%;}
.main #tagListArea .btnNext:hover {background:rgba(0,0,0,.2) url(/images/blt/arrow_w_right.png) no-repeat 50%;} 
.main #tagListArea .tagListWrap {position:absolute; left:0; top:10px; width:100%; height:34px; transition:left 0.2s ease-in-out;}
.main #tagListArea .tagListWrap:after {content:""; display:block; clear:both;}
.main #tagListArea .tagListWrap li {float:left; margin:0 8px; text-align:center;}
.main #tagListArea .tagListWrap li a {display:inline-block; height:34px; padding:0 20px; border-radius:17px; background:rgba(255,255,255,.5); color:#000; line-height:34px; transition:all 0.2s ease-in-out; font-size:14px; white-space:nowrap; text-align:center;}
.main #tagListArea .tagListWrap li a:hover {background:rgba(255,255,255,.75);}


#quickBoard {position:relative; height:50px; padding:0 40px; margin:0 auto; border-bottom:1px solid #e1e1e1; background:#fff; z-index:0; }
#quickBoard .btnMore {position:absolute; right:10px; top:10px; width:32px; height:32px; text-align:left; text-indent:-3000em; z-index:50;}
#quickBoard .btnMore:before,
#quickBoard .btnMore:after {content:""; position:absolute; left:50%; top:50%; margin-top:-1px; margin-left:-8px; display:block; width:16px; height:2px; background:#b9b9b9; font-size:0; line-height:0;}
#quickBoard .btnMore:before {}
#quickBoard .btnMore:after {width:2px; height:16px; margin-top:-8px; margin-left:-1px;} 


#quickBoard .btnPrev,
#quickBoard .btnNext {position:absolute; top:0; width:40px; height:100%; text-align:left; text-indent:-3000em;}
#quickBoard .btnPrev {left:0; background:url(/images/blt/arrow_left.png) no-repeat 50%;}
#quickBoard .btnNext {right:0; background:url(/images/blt/arrow_right.png) no-repeat 50%;} 
#quickBoard ul {height:34px;}
#quickBoard ul li {float:left; width:33.3%; padding-top:15px;}
#quickBoard ul li a {position:relative; display:block; padding-left:115px; padding-right:20px;}
#quickBoard ul li a:after {content:""; display:block; clear:both;}
#quickBoard ul li strong {display:block; position:absolute; left:0; top:-1px; width:60px; text-align:center; font-weight:700; font-size:16px;}
#quickBoard ul li strong span {position:relative; display:inline-block; }
#quickBoard ul li strong span:before {content:""; display:block; position:absolute; left:0; bottom:-11px; width:100%; height:3px; background:#e1e1e1;}
#quickBoard ul li.news strong span:before {background:#6fba2c;}
#quickBoard ul li.notice strong span:before {background:#0062b1;}
#quickBoard ul li.event strong span:before {background:#fabe00;}

#quickBoard ul li .date {display:block; position:absolute; left:65px; top:2px;  font-weight:500; font-size:16px; line-height:20px; color:#333; white-space:nowrap;}
#quickBoard ul li p {position:relative; top:2px; font-size:16px; height:19px; line-height:19px; display:-webkit-box !important; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
 
#mainContent {position:relative; margin:0 -30px;}

.mainContTab {height:270px; margin:0 auto; padding:0 30px; *zoom:1;}
.mainContTab:after {content:""; display:block; clear:both;}
.mainContTab li {position:relative; float:left; width:50%; height:100%; padding-top:70px; text-align:center;}
.mainContTab li:after {content:""; display:block; position:absolute; left:0; top:50%; width:1px; height:134px; margin-top:-67px; background:#e1e1e1; font-size:0; line-height:0;}
.mainContTab li:first-child:after {display:none;}
.mainContTab a {position:relative; display:inline-block;}
.mainContTab strong {position:relative; display:block;  font-weight:700; font-size:40px; line-height:46px; text-align:center;}
.mainContTab strong:after {content:""; position:absolute; left:50%; top:75px; margin-left:-20px; display:block; height:1px; width:40px; background:#0062b1; font-size:0; line-height:0;}
.mainContTab p {padding-top:60px; color:#7c7c7c; font-size:18px; line-height:22px; font-weight:300;}
.mainContTab #tabProcess strong {color:#0062b1;}
.mainContTab #tabProcess strong:after {background:#0062b1;}
.mainContTab #tabPrograms strong {color:#e72410;}
.mainContTab #tabPrograms strong:after {background:#e72410;}

.mainCont {position:absolute; bottom:0; width:0; height:505px; overflow:hidden; transition:all 0.3s ease-in-out;; z-index:5;}
.mainCont .btnPrograms {display:none; position:relative; min-width:85px; margin-top:270px; padding-top:52px; padding-bottom:60px; color:#e72410; font-size:14px; font-weight:700; background:url(/images/icon/program.png) no-repeat 50% 0; white-space:nowrap;}
.mainCont .btnPrograms:after,
.mainCont .btnPrograms:before {content:""; display:block; position:absolute; left:50%; box-sizing:border-box; background:transparent; font-size:0; line-height:0;}
.mainCont .btnPrograms:after {display:none; top: 119px; width: 25px; margin-left: -12px; border-top: 1px solid #e72410; }
.mainCont .btnPrograms:before { top:111.5px; width: 15px; height: 15px; margin-left:-2px; border-bottom: 1px solid #e72410; border-left: 1px solid #e72410; transform: rotate(45deg); }
.mainCont .btnStudyProcess {display:none; position:relative; min-width:85px; margin-top:270px; padding-top:52px; padding-bottom:60px; color:#fff; font-size:14px;  font-weight:700; background:url(/images/icon/studyProcess.png) no-repeat 50% 0; white-space:nowrap;}
.mainCont .btnStudyProcess:after,
.mainCont .btnStudyProcess:before {content:""; display:block; position:absolute; left:50%; box-sizing:border-box; background:transparent; font-size:0; line-height:0;}
.mainCont .btnStudyProcess:after {display:none; top: 119px; width: 25px; margin-left: -17px; border-top: 1px solid #fff; background:#fff; }
.mainCont .btnStudyProcess:before { top:111.5px; width: 15px; height: 15px; margin-left:-15px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
#mainContent .btnHome {display:none; position:absolute; left:0; bottom:220px; width:70px; padding-bottom:2px; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,.3); font-weight:400; color:#fff; color:rgba(255,255,255,.7); text-align:right; line-height:20px; z-index:10; font-size:12px;}
    
#mainContent.studyProcess .btnHome {display:block;}
#mainContent.studyProcess #studyProcessCont {width:82%;}
#mainContent.studyProcess #studyProcessCont .contArea {opacity:1;}
#mainContent.studyProcess #programsCont {width:18%; text-align:center;}
#mainContent.studyProcess #programsCont .btnPrograms {display:inline-block;} 
#mainContent.programs .btnHome {display:block; left:auto; right:0; color:#a1a1a1; border-color:#e1e1e1; text-align:left;}
#mainContent.programs #programsCont {width:82%;}
#mainContent.programs #programsCont .contArea {opacity:1; display:block}
#mainContent.programs #studyProcessCont {width:18%; text-align:center;}
#mainContent.programs #studyProcessCont ol {display:none;} 
#mainContent.programs #studyProcessCont .btnStudyProcess {display:inline-block;}

#mainContent #studyProcessCont {left:0; background:#0062b1; }
#mainContent #studyProcessCont ol {opacity:0; position:absolute; right:2%; bottom:0; width:88%; *zoom:1; transition:all 0.2s ease-in-out;}
#mainContent #studyProcessCont ol:after {content:""; display:block; clear:both;} 
#mainContent #studyProcessCont ol li {float:left; width:25%;}
#mainContent #studyProcessCont ol li span, 
#mainContent #studyProcessCont ol li strong, 
#mainContent #studyProcessCont ol li p {display:block; color:#fff;} 
#mainContent #studyProcessCont ol li span {padding-bottom:10px; font-size:15px;}
#mainContent #studyProcessCont ol li strong {margin-bottom:35px;  font-weight:700; font-size:26px; line-height:26px; word-break:break-word;}
#mainContent #studyProcessCont ol li a {color:#fff;} 
#mainContent #studyProcessCont ol li p {height:115px; padding:0 50px 0 10px; border-left:1px solid rgba(255,255,255,.2); color:#fff; color:rgba(255,255,255,.6); line-height:20px; word-break:break-word; font-size:13px;}

#mainContent #programsCont {right:0; background:#fff;}
#mainContent #programsCont .contArea {display:none; opacity:0; position:absolute; left:5%; bottom:20px; width:85%; height:215px; transition:all 0.2s ease-in-out;}
#mainContent #programsCont .contArea:after {content:""; display:block; clear:both;}
#mainContent #programsCont .contArea .tabArea {position:absolute; left:0; top:0; width:140px; z-index:10;}
#mainContent #programsCont .contArea .tabArea:after {content:""; display:block; clear:both;}
#mainContent #programsCont .contArea .tabArea li {float:right;}
#mainContent #programsCont .contArea .tabArea li:first-child {float:left;}
#mainContent #programsCont .contArea .tabArea li a {display:inline-block; line-height:20px; font-size:16px; font-weight:700; color:#555; transition:all 0.2s ease-in-out;}
#mainContent #programsCont .contArea .tabArea li.on a {color:#e72410; border-bottom:3px solid #e72410;}
 
#mainContent #programsCont .contArea .programsTabCont {position:relative; padding-left:140px; height:100%;}
#mainContent #programsCont .contArea .programsTabCont .downBox {position:absolute; left:0; top:60px; display:table; width:140px; height:104px;}
#mainContent #programsCont .contArea .programsTabCont .downBox a {display:table-cell; padding-top:50px; font-size:12px; font-weight:400; color:#555; line-height:12px; vertical-align:middle; text-align:center; background:url(/images/icon/download3.png) no-repeat 56% 0;}
/*
#mainContent #programsCont .contArea .programsTabCont .downBox a {display:table-cell; padding-bottom:20px; font-size:12px; font-weight:400; color:#555; line-height:12px; vertical-align:middle; text-align:center; background:url(/images/icon/download.png) no-repeat 50% 70%;}
*/
#mainContent #programsCont .contArea .programsTabCont .cont {height:100%;}
#mainContent #programsCont .contArea .section {position:relative; display:inline-block; width:50%; padding-left:265px; padding-bottom:50px; margin-left:-4px; vertical-align:top;} 
#mainContent #programsCont .contArea .section strong {position:absolute; left:65px; top:0; color:#333; font-size:54px; line-height:46px; font-weight:700;}
#mainContent #programsCont .contArea .section p {padding-bottom:30px; color:#333; font-size:15px; line-height:20px; word-break:break-word;}  
#mainContent #programsCont .contArea .section a {display:inline-block; border-bottom:1px solid #434343; line-height:20px; font-size:12px; font-weight:400; text-transform:uppercase;}
#mainContent #programsCont .contArea #programEnglish .section {padding-left:330px;} 

/* news */
.newListWrap .contBody {padding:60px 0 110px;} 
.newListWrap .listTypeA {padding-bottom:70px;}
.newListWrap .searchFormA .inputWrap {} 
.newListWrap .searchFormA .inputWrap select { float:left; width:25%; }
.newListWrap .searchFormA .inputWrap input[type="text"]{ float:right; margin-left:10px; width:100%; } 

.newViewWrap .contBody {padding:45px 0 100px;}

/* FAQ */
.faqWrap .contBody {padding:60px 0 110px;}  

/* CONTACT US */
.contactUsWrap .contBody {padding:65px 0 125px 0;}
.contactUsWrap .HowToReachUs {position:relative; margin-bottom:90px; padding-left:230px; min-height:140px;} 
.contactUsWrap .HowToReachUs h3 {position:absolute; left:0; top:0; width:210px; padding-top:35px; font-size:40px; line-height:40px; color:#333; word-break:break-word; font-weight:700;}
.contactUsWrap .HowToReachUs h3:after {content:""; position:absolute; left:0; top:10px; width:30px; height:5px; background:#e72410; font-size:0; line-height:0;}
.contactUsWrap .HowToReachUs ul {position:relative;}
.contactUsWrap .HowToReachUs ul:after {content:""; display:block; clear:both;}
.contactUsWrap .HowToReachUs ul li {position:relative; float:left; width:33.3%; padding-top:15px; color:#333; font-size:15px; line-height:20px; font-weight:400; text-align:center;}
.contactUsWrap .HowToReachUs ul li:before {content:""; position:absolute; left:-13px; top:30px; display:block; width:27px; height:50px; background:url(/images/blt/arrow_g_l_right.png) no-repeat 0 0;}
.contactUsWrap .HowToReachUs ul li:first-child:before {display:none;}
.contactUsWrap .HowToReachUs ul li .icon {display:block;} 
.contactUsWrap .HowToReachUs ul li p {padding:10px 20px 0; margin:0 auto; font-size:15px; color:#555; line-height:20px;  font-weight:400; word-break:break-word;}

.contactUsWrap .completeMsg {margin-top: 35px;margin-bottom: 50px;text-align: center;color: #333;}
.contactUsWrap .completeMsg .subTitle {font-size: 40px;font-weight: 700;color: inherit;text-transform: uppercase;}
.contactUsWrap .completeMsg p {margin-top: 1em;font-size: 16px;font-weight: 400;color: inherit;}
.contactUsWrap .completeMsg .btn {min-width: 318px;}

html[lang=ms-MY] .contactUsWrap .HowToReachUs h3 {width:230px; font-size:30px; line-height:30px;}
html[lang=vi-VN] .contactUsWrap .HowToReachUs h3 {width:230px; font-size:32px; line-height:32px;}

/* FIND A CENTER */
.findACenterWrap {}
.findACenterWrap .contHeader {margin-bottom:30px;}
.findACenterWrap .contHeader {}

#findACenterCont {position:relative; height:750px; padding-left:0; border-top:1px solid #c8c8c9; transition:padding .3s ease-in-out; overflow:hidden;}
#findACenterCont #mapASide {position:absolute; left:-430px; top:0; height:100%; width:430px; transition:left .3s ease-in-out; z-index:10;}
#findACenterCont #mapASide .centerListWrap {position:relative; height:100%; padding:65px 0 0; background:#fff; z-index:10;}
#findACenterCont #mapASide .header {position:absolute; left:0; top:0; width:100%; padding:0 40px 0 10px; }
#findACenterCont #mapASide .header > div {height:65px; padding-top:38px; border-bottom:1px solid #c8c8c9;}
#findACenterCont #mapASide .header > div:after {content:""; display:block; clear:both;}
#findACenterCont #mapASide .header p,
#findACenterCont #mapASide .header .btnArea a {font-size:15px; line-height:20px; font-family:"ITCAvantGardeStd";}
#findACenterCont #mapASide .header p {float:left; font-weight:500; color:#333;}
#findACenterCont #mapASide .header p span {font-weight:700; color:#555;}
#findACenterCont #mapASide .header .btnArea {float:right; margin-top:-5px;}
#findACenterCont #mapASide .header .btnArea a {display:inline-block; margin-left:10px; font-weight:700;}
#findACenterCont #mapASide .header .btnArea #btnClearAll {display:none; padding-left:22px; background:url(/images/icon/reflesh.png) no-repeat 0 1px; color:#333;}
#findACenterCont #mapASide .header .btnArea #btnListBy {position:relative; padding-left:20px; color:#0062b1;}
#findACenterCont #mapASide .header .btnArea #btnListBy:before {position:absolute; left:0; top:2px; content:""; display:block; width:13px; height:13px; background:url(/images/icon/filter.png) no-repeat 0 0;}
#findACenterCont #mapASide .header .btnArea #btnListBy span {display:inline-block;}
#findACenterCont #mapASide .header a span {}
#findACenterCont #mapASide #centerList {position:relative; height:100%; padding:0 40px 20px 10px;}
#findACenterCont #mapASide #centerList li.none {padding:40px 0 !important; min-height:0; text-align:center !important; font-size:18px; font-weight:700;}
#findACenterCont #mapASide #centerList li {position:relative; min-height:270px; padding:30px 165px 20px 0; border-bottom:1px solid #e1e1e1;}
#findACenterCont #mapASide #centerList li .side {position:absolute; top:33px; right:0;}
#findACenterCont #mapASide #centerList li .side .distance {padding-bottom:10px; text-align:right; font-size:14px; color:#333; font-weight:400;}
#findACenterCont #mapASide #centerList li .side .distance b {font-size:24px; font-weight:500;}
#findACenterCont #mapASide #centerList li .side .thum {margin-bottom:10px; width:144px; height:90px; overflow:hidden;}
#findACenterCont #mapASide #centerList li .side .btn {}
#findACenterCont #mapASide #centerList li .side.side2 {width:144px;}
#findACenterCont #mapASide #centerList li .tit {display:block; position:relative; padding:0 0 5px 0; font-size:26px; line-height:26px; color:#333; font-weight:400;}
#findACenterCont #mapASide #centerList li .tit .icon {display:inline-block; height:22px; padding:0 10px 0;  border-radius:11px; color:#fff; font-weight:700; font-size:13px; line-height:22px; background:#fabe00; vertical-align:middle;}
#findACenterCont #mapASide #centerList li dl {position:relative; line-height:22px; padding-left:20px;} 
#findACenterCont #mapASide #centerList li dl dt {position:absolute; left:0; top:0;}
#findACenterCont #mapASide #centerList li dl dt, 
#findACenterCont #mapASide #centerList li dl dd {display:inline-block; font-size:14px; color:#555; vertical-align:top; font-weight:400;}
#findACenterCont #mapASide #centerList li dl dt img {vertical-align:-2px;}
#findACenterCont #mapASide #centerList li dl dd b {font-weight:500; font-size:inherit; color:#333;}
#findACenterCont #mapASide #centerList li address {min-height:95px; padding:10px 5px 5px 0; font-style:normal; font-size:16px; line-height:22px; word-break:break-word;}
#findACenterCont #mapASide .btnSideControll {display:block; position:absolute; right:-20px; top:50%; width:20px; height:70px; margin-top:-35px; background:#fff url(/images/blt/arrow_right.png) no-repeat 50%; box-shadow:2px 2px 2px rgba(0,0,0,.15); transition:background .3s ease-in-out; text-indent:-3000em;}

#findACenterCont #detailCenter {position:absolute; left:-100%; top:0; height:100%; width:100%; padding:65px 0 0; background:#fff; z-index:50; transition:left .3s ease-in-out;}
#findACenterCont #detailCenter.on {left:0;}
#findACenterCont #detailCenter .header > div {padding-top:26px; border-bottom:0;}
#findACenterCont #detailCenter .thum {}
#findACenterCont #detailCenter .thum img {width:100%;}
#findACenterCont #detailCenter .detailCont {height:100%; padding:0 40px 20px; }
#findACenterCont #detailCenter .detailCont .tit {display:block; position:relative; padding:25px 120px 15px 0; border-bottom:1px solid #e1e1e1; font-size:26px; line-height:30px; color:#333; font-weight:400;}
#findACenterCont #detailCenter .detailCont .tit .distance {display:block; position:absolute; right:0; top:26px; text-align:right; font-size:14px; color:#333; font-weight:400;}
#findACenterCont #detailCenter .detailCont .tit .distance b {font-size:24px; font-weight:500;}
#findACenterCont #detailCenter .detailCont .tit .icon {display:inline-block; height:22px; padding:0 10px 0;  border-radius:11px; color:#fff; font-weight:700; font-size:13px; line-height:22px; background:#fabe00; vertical-align:middle;}
#findACenterCont #detailCenter .detailCont .detailInfo {padding:10px 0; border-bottom:1px solid #e1e1e1;}
#findACenterCont #detailCenter .detailCont .detailInfo li {position:relative; padding:10px 0 10px 135px; line-height:20px; min-height:40px;}
#findACenterCont #detailCenter .detailCont .detailInfo li strong {position:absolute; left:0; top:10px; padding-left:10px; font-weight:500; color:#333;}
#findACenterCont #detailCenter .detailCont .detailInfo li strong:before {position:absolute; left:0; top:-1px; content:"·"; color:#5a5a5a;}
#findACenterCont #detailCenter .detailCont .btnArea {margin-top:40px;}

#findACenterCont #listByArea {position:absolute; left:0; top:0; width:380px; height:100%; padding:0 40px 20px; background:#fff; transition:left .3s ease-in-out;}
#findACenterCont #listByArea.on {left:100%}
#findACenterCont #listByArea > .tit {display:block; height:65px; padding-top:35px; color:#0062b1; font-size:22px; line-height:24px; font-weight:700;}
#findACenterCont #listByArea > .sort {padding-top:20px;}
#findACenterCont #listByArea > .sort:after {content:""; display:block; clear:both;}
#findACenterCont #listByArea > .sort li {float:left; width:50%; overflow:hidden;}
#findACenterCont #listByArea > .sort li input[type=radio] {position:absolute; left:-3000em; top:-3000em; opacity:0; }
#findACenterCont #listByArea > .sort li label {display:block; height:44px; border:1px solid #e2e2e2; color:#333; font-weight:700; text-align:center; line-height:42px; cursor:pointer; text-transform:uppercase;}
#findACenterCont #listByArea > .sort li label:before {display:none;}
#findACenterCont #listByArea > .sort li input[type=radio]:checked ~ label {border:2px solid #0062b1; color:#0062b1; line-height:40px}
#findACenterCont #listByArea .filterSection {padding-top:10px;}
#findACenterCont #listByArea .filterSection strong {display:block; padding-bottom:3px; border-bottom:1px solid #e1e1e1; font-size:14px; font-weight:700; color:#333;}
#findACenterCont #listByArea .filterSection ul {padding:10px 0; }
#findACenterCont #listByArea .filterSection ul li {position:relative; display:inline-block; padding:7px 15px 7px 12px;}
#findACenterCont #listByArea .filterSection ul li input {position:absolute; left:-30000em; top:0; opacity:0;}
#findACenterCont #listByArea .filterSection ul li label {padding-left:5px; font-size:14px; display:inline-block;}
#findACenterCont #listByArea .filterSection ul li label:before {content:""; display:block; left:0; top:12px; position:absolute; background:#fff; border:1px solid #555; width:16px; height:16px; box-sizing:border-box;}
#findACenterCont #listByArea .filterSection ul li input:checked ~ label:after {content:""; display:block; left:2px; top:14px; position:absolute; background:#0062b1; width:12px; height:12px; z-index:5;}
#findACenterCont #listByArea .btnArea {margin-top:20px;} 
#findACenterCont #listByArea .btnClose {position:absolute; right:20px; top:30px; display:block; width:21px; height:21px; text-indent:-3000em; transform:rotate(45deg);}
#findACenterCont #listByArea .btnClose:before,
#findACenterCont #listByArea .btnClose:after {position:absolute; left:0; top:10px; content:""; display:block; background:#3a312f; font-size:0; line-height:0;}
#findACenterCont #listByArea .btnClose:before {left:0; top:10px;width:100%; height:1px;}
#findACenterCont #listByArea .btnClose:after {left:10px; top:0; width:1px; height:100%;}

#findACenterCont.listOpen {padding-left:430px;} 
#findACenterCont.listOpen #mapASide {left:0 !important;}
#findACenterCont.listOpen #mapASide .btnSideControll {background:#fff url(/images/blt/arrow_left.png) no-repeat 50%;}


#findACenterCont #mapASide.popMapASide {left:-300px; width:300px;} 
#findACenterCont #mapASide.popMapASide #centerList li {padding-top:20px; padding-right:20px} 
#findACenterCont #mapASide.popMapASide #centerList li address {height:auto; padding-bottom:10px;}
#findACenterCont #mapASide.popMapASide #centerList li .btnSelect {margin-top:10px;} 

#findACenterCont .popMapASide #listByArea {width:300px; padding:0 20px;}

#findACenterCont .popMapASide #detailCenter .detailCont {padding-left:20px; padding-right:20px;}
#findACenterCont .popMapASide #detailCenter .detailCont .detailInfo {padding:10px 0; border-bottom:1px solid #e1e1e1;}
#findACenterCont .popMapASide #detailCenter .detailCont .detailInfo li {position:relative; padding:10px 0 10px 135px; line-height:20px; padding-left:10px;}
#findACenterCont .popMapASide #detailCenter .detailCont .detailInfo li strong {position:relative; top:0; left:0; display:block; margin-left:-10px;}
#findACenterCont .popMapASide #detailCenter .detailCont .detailInfo li strong:before {} 

/* CENTER SITE */
.centerSite {}
.centerSite .contHeader {position:relative; display:table; z-index:-100; width:100%; height:350px; text-align:center;}
.centerSite .contHeader h2 {position:relative; display:table-cell; vertical-align:middle; padding-bottom:0; font-size: 90px; color:#333; line-height:90px;}
.centerSite .centerInfo{position:relative;}
.centerSite .contBody {max-width:1100px; margin:0 auto; padding:100px 0 120px;}
.centerSite .contBody.section1{ padding:100px 0 70px;}
.centerSite .centerInfo .leftBox{position:absolute; top:0; left:0; background:url(/images/contents/center.png) center no-repeat; width:260px; height:258px;}
.centerSite .centerInfo .leftBox .infoImg{position:absolute; top:0; left:0; width:250px; height:190px;}
.centerSite .centerInfo .leftBox .infoImg img{width:100%; height:100%;}
.centerSite .centerInfo .leftBox .infoName{position:relative; color:#fff; font-size:16px; font-weight:500; display:block; text-align:center; margin-top:205px;padding-bottom:10px; line-height:1}
.centerSite .centerInfo .leftBox .infoName:before{content:' ';position:absolute; top:22px; left:50%; width:15px;height:1px; background:#fff;margin-left:-7px;}
.centerSite .centerInfo .leftBox .infoManager{color:#fff; font-size:16px;  display:block; text-align:center; line-height:1}
.centerSite .centerInfo .rightBox{margin-left:290px;}
.centerSite .centerInfo .rightBox .infoTitle{position:relative; padding-top:25px; line-height:1; color:#e72410; font-size:40px; font-weight:700;}
.centerSite .centerInfo .rightBox .infoTitle:before{content:' '; position:absolute; top:0; width:265px; height:3px; background:#e72410;}
.centerSite .centerInfo .rightBox .infoTitle span{line-height:1}
.centerSite .centerInfo .rightBox .infoTitle .line2{color:#fabe00; display:block; margin-top:10px;}
.centerSite .centerInfo .rightBox .welCon{margin-top:20px; min-height:120px; color:#7c7c7c;}
.centerSite .section2{background:#f6f6f6; padding:0 30px;}
.centerSite .section2 .contBody{padding:70px 0;margin:0 auto;}
.centerSite .section2 .contBody .articleBox:first-child{ margin-top:0;}
.centerSite .section2 .contBody .articleBox{padding:40px 30px; border:1px solid #b3bcc3; background:#fff; margin-top:25px;}
.centerSite .section2 .contBody .articleBox > .artiTile{position:relative;  line-height:160%}
.centerSite .section2 .contBody .articleBox > .artiTile:after{content:' ' ; display:table; clear:both; }
.centerSite .section2 .contBody .articleBox > .artiTile > .title{font-size:30px; font-weight:500; color:#e72410; background:#fff; line-height:30px;}
.centerSite .section2 .contBody .articleBox > .artiTile > .title{position:relative; display:inline;  background:#fff; border-bottom:1px solid #fff;  padding-right:15px;}
.centerSite .section2 .contBody .articleBox > .artiTile > .line{content:'.' ; position:absolute; left:0; bottom:13px; border-bottom:3px solid #e72410; text-align:right; width: calc(100%);}
.centerSite .section2 .contBody .articleBox > .artiCon > p:first-chile{margin-top:0;}
.centerSite .section2 .contBody .articleBox > .artiCon > p{margin-top:20px;}
.centerSite .section2 .contBody .articleBox > .artiCon > .imgBox{text-align:center; margin-top:30px;;}
.centerSite .section2 .contBody .articleBox > .artiCon > .tableUl{margin:30px auto 0; width:300px; }
.centerSite .section2 .contBody .articleBox > .artiCon > .tableUl > li{width:350px; display:table; table-layout:fixed;}
.centerSite .section2 .contBody .articleBox > .artiCon > .tableUl > li > span{display:table-cell; color:#333;}
.centerSite .section2 .contBody .articleBox > .artiCon > .denText{padding-top:55px; position:relative;}
.centerSite .section2 .contBody .articleBox > .artiCon > .denText:before{content:''; position:absolute; top:30px; width:100%; border-top:1px solid #e1e1e1;}
.centerSite .section2 .contBody .articleBox > .artiCon > .denText:after{content:''; position:absolute; top:15px; left:50%; margin-left:-15px; width:30px; height:30px; background:url(/images/icon/center_imp.png) no-repeat;}
.centerSite .section2 .contBody .articleBox > .artiCon > .denText > p{color:#7c7c7c;}
.centerSite .section2 .contBody .articleBox > .artiCon > .galleryList{transition: all 0.2s ease;}
.centerSite .section2 .contBody .articleBox > .artiCon > .galleryList:after{content:''; display:table; clear:both;}
.centerSite .section2 .contBody .articleBox > .artiCon > .galleryList > li{float:left; width:33.3%;  margin-top:30px; transition:all 0.2s ease;}
.centerSite .section2 .contBody .articleBox > .artiCon > .galleryList > li > .imgBox{position:relative; margin-right:27px; width:327px; height:200px; overflow:hidden;}
.centerSite .section2 .contBody .articleBox > .artiCon > .galleryList > li > .imgBox .onlyText{display:block; width:327px; height:200px; border:1px solid #eee;}
.centerSite .section2 .contBody .articleBox > .artiCon > .galleryList > li:nth-child(3n) > .imgBox{ margin-right:0;}
.centerSite .section2 .contBody .articleBox > .artiCon > .galleryList > li >.imgBox img{width:100%; height:100%;}
.centerSite .section2 .contBody .articleBox > .artiCon > .galleryList > li >.imgBox .btn_play{cursor:pointer; display:block; position:absolute; top:50%; left:50%;width:72px; height:72px; margin:-36px 0 0 -36px ; background: url(/images/btn/btn_play.png)  no-repeat;}
.centerSite .section2 .contBody .articleBox > .artiCon > .galleryList > li >.imgBox .btn_more{cursor:pointer; display:block; position:absolute; bottom:10px; right:10px;width:70px; height:40px; background: url(/images/btn/btn_more.png)  no-repeat;}
.centerSite .section2 .contBody .articleBox > .artiCon > .galleryList > li >.imgBox.text{background:#fff;border:1px solid #e1e1e1;}
.centerSite .section2 .contBody .articleBox > .artiCon > .galleryList > li >.imgBox.text > .textGroup{padding:15px; line-height:21px;}
.centerSite .section2 .contBody .articleBox > .artiCon > .copyBox{margin-top:30px; border-top:1px solid #e1e1e1; }
.centerSite .section2 .contBody .articleBox > .artiCon > .copyBox:after{content:''; display:table; clear:both; }
.centerSite .section2 .contBody .articleBox > .artiCon > .copyBox > ul{ margin:0 auto;padding-top:28px}
.centerSite .section2 .contBody .articleBox > .artiCon > .copyBox > ul:after{content:''; display:table; clear:both; }
.centerSite .section2 .contBody .articleBox > .artiCon > .copyBox > ul > li{float:left; color:#555;}
.centerSite .section2 .contBody .articleBox > .artiCon > .copyBox > ul > li:first-child{width:67%; text-align:right;}
.centerSite .section2 .contBody .articleBox > .artiCon > .copyBox > ul > li > .link{position:relative;padding-left:25px; margin-right:70px;}
.centerSite .section2 .contBody .articleBox > .artiCon > .copyBox > ul > li > .link:before{content:'';position:absolute; left:0; top:-4px; width:16px; height:27px; background:url(/images/icon/center_site.png)  no-repeat;}
.centerSite .section2 .contBody .articleBox > .artiCon > .copyBox > ul > li > .tel{position:relative;padding-left:25px; display:inline-block;}
.centerSite .section2 .contBody .articleBox > .artiCon > .copyBox > ul > li > .tel:before{content:'';position:absolute; left:0; top:4px; width:16px; height:19px; background:url(/images/icon/center_tel.png)  no-repeat;}
.centerSite .section3 .contBody{padding:70px 0;}
.centerSite .section3 .contBody  h3{font-weight:700; font-size:30px; color:#333; text-align:center; height:60px; line-height:1}

.centerSite .dimmed {position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: #000;opacity: .5;filter: alpha(opacity=50);z-index: -1;}

.centerSite .layerPopup {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 100}
.centerSite .layerPopup .layerBox {position:absolute;top:50%;left:50%;z-index: 10; width:650px; height:auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
.centerSite .layerPopup .layerStories{position:relative; width:650px; height:auto; padding-bottom: 40px; background:#fff;}
.centerSite .layerPopup .layerStories:before{content:''; position:absolute; top:10px; right:-10px; z-index:-1;width:650px; height:100%; border:1px solid #fff}
.centerSite .layerPopup .layerStories .btnClose{cursor:pointer;  position:absolute; top:30px; right:30px; width:32px; height:32px; outline:0; background:  url(/images/btn/btn_close.png)  no-repeat; border:0; padding:0; margin:0}
.centerSite .layerPopup .layerStories .storiTitle{padding-top:70px; line-height:1; font-weight:700; font-size:35px; text-align:center;color:#333;}
.centerSite .layerPopup .layerStories .con{margin:40px 40px 0; height: auto; max-height:300px; padding:10px; background:#eee; border:1px solid #b3bcc3; overflow-y:scroll;}

.centerSite .layerWrap {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 100}
.centerSite .layerWrap .layerBox {position:absolute;top:50%;left:50%;z-index: 10; width:900px; height:640px; margin:-320px 0 0 -450px}
.centerSite .layerWrap .layerStories{position:relative; width:900px; height:640px; background:#fff;}
.centerSite .layerWrap .layerStories:before{content:''; position:absolute; top:10px; right:-10px; z-index:-1;width:900px; height:640px; border:1px solid #fff}
.centerSite .layerWrap .layerStories .btnClose{cursor:pointer;  position:absolute; top:30px; right:30px; width:32px; height:32px; outline:0; background:  url(/images/btn/btn_close.png)  no-repeat; border:0; padding:0; margin:0}
.centerSite .layerWrap .layerStories .storiTitle{padding-top:70px; line-height:1; font-weight:700; font-size:35px; text-align:center;color:#333;}
.centerSite .layerWrap .layerStories .con{margin:40px 70px 70px;}
.centerSite .layerWrap .layerStories .con .conYube{width:764px; height:430px; background:#e1e1e1;}

/* SITEMAP */
.sitemapWrap {}
.sitemapWrap .contBody {padding:60px 0 110px;} 
.sitemapWrap .section {display:inline-block; width:25%; padding-bottom:60px; margin-left:-4px; vertical-align:top;}
.sitemapWrap .section h3 {position:relative; padding:8px 0; font-size:26px; line-height:30px; color:#333; font-weight:700;}
.sitemapWrap .section h3:before {content:""; position:absolute; left:0; top:0; display:block; width:30px; height:4px; background:#e72410; font-size:0; line-height:0;}
.sitemapWrap .section ul {}
.sitemapWrap .section ul li {padding:11px 0;}
.sitemapWrap .section ul li a {position:relative; display:inline-block; line-height:22px; font-weight:400; transition:all 0.2s ease-in-out; text-transform:uppercase;}
.sitemapWrap .section ul li a:hover {color:#e72410;}
.sitemapWrap .section ul li a span {display:block;} 

/* PRIVACY POLICY */
.privacyPolicyWrap {}
.privacyPolicyWrap .contBody {padding:60px 0 110px;}
.privacyPolicyTxtArea {padding-top:30px;}
.privacyPolicyTxtArea .section {padding-top:60px;}
.privacyPolicyTxtArea .section h3 {position:relative; margin-bottom:-10px; font-size:26px; line-height:46px; color:#333; font-weight:700;}
.privacyPolicyTxtArea .section h3:before {content:""; position:absolute; left:0; top:0; display:block; width:30px; height:4px; background:#e72410; font-size:0; line-height:0;}
.privacyPolicyTxtArea.contBody p {padding-top:15px; line-height:22px; word-break:break-word;}
.privacyPolicyTxtArea .firstTxt {padding-top:0;}

/* GLOBAL NETWORK */
.globalNetworkWrap {}
.globalNetworkWrap .mapPinInfo {padding:15px 0 10px 0; text-align:center;}
.globalNetworkWrap .mapPinInfo li {position:relative; display:inline-block; margin:0 20px; font-size:14px; line-height:22px; color:#333; font-weight:400;}
.globalNetworkWrap .mapPinInfo li:before {content:""; display:block; width:8px; height:8px; background:#a1a1a1; border-radius:50%; position:absolute; left:-14px; top:7px;}
.globalNetworkWrap .mapPinInfo li.on:before {background:#e72410;}
.globalNetworkWrap .contBody {padding:0 0 110px;}
.globalNetworkWrap h3 { font-size:40px; line-height:40px; font-weight:700; color:#333; text-align:center;}
.globalNetworkWrap .mapArea {position:relative; margin:0 0 40px;}
.globalNetworkWrap .mapArea a {position:absolute; left:0; top:0; display:inline-block; font-size:14px; line-height:22px; color:#333; font-weight:500; white-space:nowrap; transition:all 0.2s ease-in-out; text-transform:uppercase;}
.globalNetworkWrap .mapArea a br {display:none;}
.globalNetworkWrap .mapArea a:after {content:""; position:absolute; right:0; bottom:-1px; display:block; width:0; height:2px; background:#e72410; font-size:0; line-height:0; transition:all 0.2s ease-in-out;}
.globalNetworkWrap .mapArea a.ar:after {right:auto; left:0;}
.globalNetworkWrap .mapArea a:before {content:""; position:absolute; right:-12px; top:50%; margin-top:-4px; display:block; width:8px; height:8px; border-radius:50%; background:#e72410; font-size:0; line-height:0;}
.globalNetworkWrap .mapArea a.ar:before {right:auto; left:-12px;}
.globalNetworkWrap .mapArea a:hover {color:#e72410;}
.globalNetworkWrap .mapArea a:hover:after {width:100%;} 
.globalNetworkWrap .mapArea a.btnMap0 {left:46.5%; top:26.5%;}
.globalNetworkWrap .mapArea a.btnMap1 {left:41.5%; top:29.6%;}
.globalNetworkWrap .mapArea a.btnMap2 {left:43.7%; top:36.4%;}
.globalNetworkWrap .mapArea a.btnMap3 {left:31.7%; top:43.9%;}
.globalNetworkWrap .mapArea a.btnMap4 {left:47.2%; top:52.5%;}
.globalNetworkWrap .mapArea a.btnMap5 {left:32.2%; top:51.7%;}
.globalNetworkWrap .mapArea a.btnMap6 {left:32.8%; top:56%;} 
.globalNetworkWrap .mapArea a.btnMap7 {left:5.5%; top:13%;}
.globalNetworkWrap .mapArea a.btnMap8 {left:73.6%; top:24.9%;}
.globalNetworkWrap .mapArea a.btnMap9 {left:41.9%; top:45.5%;} 
.globalNetworkWrap .mapArea a.btnMap10 {left:51%; top:74%;}
.globalNetworkWrap .mapArea a.btnMap11 {left:7%; top:25.5%;}
.globalNetworkWrap .mapArea a.btnMap12 {left:16.3%; top:34.3%;}
.globalNetworkWrap .mapArea a.btnMap13 {left:38%; top:42%;}
.globalNetworkWrap .mapArea a.btnMap14 {left:59%; top:83%;}
.globalNetworkWrap .mapArea a.btnMap15 {left:47%; top:42.5%;}
.globalNetworkWrap .mapArea a.btnMap16 {padding-top:11px; left:33%; top:45%;} 
.globalNetworkWrap .mapArea a.btnMap16:before {top:6px; margin-top:0; right:0;} 
.globalNetworkWrap .mapArea a.btnMap17 {left:19.8%; top:38.2%;} 
.globalNetworkList {border-top:2px solid #434343; border-bottom:1px solid #e1e1e1;}
.globalNetworkList .section {position:relative; padding:0 0 0 240px; border-top:1px solid #e1e1e1;}
.globalNetworkList .section:first-child {border-top:none;}
.globalNetworkList .section .area {position:absolute; left:0; top:21px; padding-left:25px;}
.globalNetworkList .section .area:after {content:""; display:block; clear:both;}
.globalNetworkList .section .area strong {display:block; font-size:26px; line-height:30px; color:#333; font-weight:700; text-transform:uppercase;}
.globalNetworkList .section .area span {display:block; padding-top:0px; padding-left:0; font-weight:400; line-height:30px; color:#7c7c7c; text-transform:uppercase;}
.globalNetworkList .section ul {padding:15px 0;}  
.globalNetworkList .section ul li {position:relative; padding:10px 20px 10px 40px; line-height:22px;}
.globalNetworkList .section ul li i {position:absolute; left:0; top:50%; margin-top:-15px;}

.globalNetworkList .section ul.snsArea {position:relative; padding:24px 0 0 0;; z-index:5;} 
.globalNetworkList .section ul.snsArea li {position:relative; padding:0; width:30px; height:30px;}  
.globalNetworkList .section ul.snsArea li a {display:block; width:30px; height:30px; background-image:url(/images/btn/sns.png); text-indent:-3000em;}
.globalNetworkList .section ul.snsArea li.wechat {position:relative;} 
.globalNetworkList .section ul.snsArea li.wechat a { background-position:-120px 0;}
.globalNetworkList .section ul.snsArea li.wechat ul {display:none; position:absolute; right:-155px; top:58px; min-height:200px; width:340px; padding:0; border:1px solid #bcbcbc; background:#fff;}
.globalNetworkList .section ul.snsArea li.wechat ul:before {content:""; position:absolute; left:50%; top:-12px; display:block; width:22px; height:12px; margin-left:-11px; background:url(/images/blt/arrow_layer.png) no-repeat 0 0;}
.globalNetworkList .section ul.snsArea li.wechat ul:after {content:""; display:block; clear:both;} 
.globalNetworkList .section ul.snsArea li.wechat ul li {float:left; width:50%; margin:0; padding-top:7px; text-align:center;} 
.globalNetworkList .section ul.snsArea li.wechat ul li p {font-size:14px; color:#333;}

.globalNetworkList .section#network_korea {margin-top:60px; border-top:2px solid #434343;}
  
.globalNetworkList .subSection {border-top:none;}
.globalNetworkList .subSection .area {top:25px;}
.globalNetworkList .subSection .area strong {display:none;}

.globalNetworkWrap .tabArea {margin-bottom:40px;}
.globalNetworkWrap .tabArea ul {border-bottom:1px solid #434343; text-align:center;}
.globalNetworkWrap .tabArea ul:after  { content:""; clear:both; display:block; }	 	
.globalNetworkWrap .tabArea ul li {float:left; height:60px; width:50%; position:relative;  text-align:center;}			
.globalNetworkWrap .tabArea ul li a {display:inline-block;  color:#a1a1a1; font-weight:400; line-height:60px; }
.globalNetworkWrap .tabArea ul li.on { }	
.globalNetworkWrap .tabArea ul li.on a {position:relative; color:#333; font-weight:500; }
.globalNetworkWrap .tabArea ul li.on a:after {content:""; position:absolute; left:0; bottom:0; height:6px; width:100%; background:#e72410; font-size:0; line-height:0;}

/* ABOUT DAEKYO */
.interSection { max-width:1100px; margin:0 auto; position:relative; }
.aboutDaekyoWrap {  }
.aboutDaekyoWrap .contBody { padding-top:60px; }
.aboutDaekyoWrap .contBody p { padding-top:20px; line-height:22px; word-break:break-word; }
.aboutDaekyoWrap .section { padding:75px 0 110px; text-align:center; }
.aboutDaekyoWrap .section h3 { margin-bottom:10px; font-size:40px; line-height:44px; color:#333; font-weight:700; }
.aboutDaekyoWrap .section p { padding-top:20px; line-height:22px; word-break:break-word; } 
.aboutDaekyoWrap .boxContTypeA { position: relative; padding-bottom:110px; text-align: center; }
.aboutDaekyoWrap .boxContTypeA .header {padding:60px 0; background:#f4f4f4;}
.aboutDaekyoWrap ul.emblem { margin-top:75px; }
.aboutDaekyoWrap ul.emblem li { display:inline-block; text-align:center; }
.aboutDaekyoWrap .boxContTypeA .interSection {margin-top:30px; min-height:330px;}
.aboutDaekyoWrap .thum { position:absolute; left:70px; top:0; width:330px; height:330px; background:#fff;}
.aboutDaekyoWrap .thum img { position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; }
.aboutDaekyoWrap .textWarp { padding-left:445px; display:inline-block; text-align:left; }
.aboutDaekyoWrap .textWarp:after {content:""; display:block; clear:both;}

.conturyLangSelectWrap .contBody {padding:60px 0 60px 0;}
.conturyLangSelectWrap h3 {font-size:26px; line-height:26px; color:#333; font-weight:700; text-align:center;}
.conturyLangSelectWrap .countryList {width:1100px; margin:0 auto; padding-top:80px;}
.conturyLangSelectWrap .countryList:after {content:""; display:block; clear:both;}
.conturyLangSelectWrap .countryList li {float:left; width:14%; height:165px; text-align:center;}
.conturyLangSelectWrap .countryList li .thum {width:85px; height:85px; margin:0 auto; border-radius:50%; transition:all 0.2s ease-in-out;}
.conturyLangSelectWrap .countryList li a {display:block;}
.conturyLangSelectWrap .countryList li strong {position:relative; display:inline-block; padding-top:10px; color:#7c7c7c; font-weight:400; font-size:14px; line-height:14px; text-align:center; transition:all 0.2s ease-in-out;}
.conturyLangSelectWrap .countryList li strong:after {content:""; display:block; width:100%; height:3px; position:absolute; left:0; bottom:-6px; background:#e72410; opacity:0; transition:all 0.2s ease-in-out;}
.conturyLangSelectWrap .countryList li a:hover .thum,
.conturyLangSelectWrap .countryList li a:focus .thum,
.conturyLangSelectWrap .countryList li a:active .thum {box-shadow:2px 2px 2px rgba(0,0,0,.2)}
.conturyLangSelectWrap .countryList li a:hover strong,
.conturyLangSelectWrap .countryList li a:focus strong,
.conturyLangSelectWrap .countryList li a:active strong {font-weight:500; color:#333;}
.conturyLangSelectWrap .countryList li a:hover strong:after,
.conturyLangSelectWrap .countryList li a:focus strong:after,
.conturyLangSelectWrap .countryList li a:active strong:after {opacity:1;}
 

/* pop  receipt card */
.popreceiptCardBody {}
.layerPop.popreceiptCardBody #popWrap {padding:80px 40px 60px !important;}
.popreceiptCard .header {position:relative; text-align:center;}
.popreceiptCard .header h1,
.popreceiptCard .header span {display:inline-block; height:54px; width:235px; vertical-align:top; padding:0 20px;}   
.popreceiptCard .header h1 {border-right:1px solid #434343;}
.popreceiptCard .header span {margin-top:-2px; font-size:26px; line-height:30px; color:#333; letter-spacing:-1px; font-weight:700; word-break:break-word; text-align:left;}
.popreceiptCard h2 {padding-top:45px; font-size:68px; line-height:54px; color:#333; font-weight:700; text-align:center;}
.popreceiptCard .subTitle {display:block; padding-top:50px; font-size:36px; line-height:40px; text-align:center; color:#333;}
.popreceiptCard .listTypeE {margin-top:30px; margin-bottom:-10px;}
.popreceiptCard .noticeArea {margin:70px -40px 0; padding:60px 40px 0; border-top:2px dotted #c0c0c0;}
.popreceiptCard .noticeArea strong {display:block; text-align:center; font-size:36px; line-height:36px; color:#333; font-weight:700}
.popreceiptCard .noticeArea span {display:block; text-align:center; font-size:20px; line-height:34px; color:#e72410; font-weight:700}
.popreceiptCard .noticeArea .cont {margin-top:40px; padding:30px; border:2px solid #bcbcbc; font-size:22px; line-height:32px; color:#555;}


/* EZCreator */
.editor ul li {list-style:disc !important; margin-left:40px !important;}
.editor ol li {list-style:decimal !important; margin-left:40px !important;}
.editor a {color:blue !important; text-decoration:underline !important;}



@media (max-width:1600px){
	#mainContent #studyProcessCont ol {bottom:20px;}
	#mainContent #programsCont .contArea {bottom:10px; height:245px;}
	#mainContent #programsCont .contArea .section {padding-left:40px;}
	#mainContent #programsCont .contArea .section strong {position:static; top:0; left:0; display:block; padding-bottom:15px;}
	#mainContent #programsCont .contArea .section strong br {display:none;}
	#mainContent #programsCont .contArea #programEnglish .section {padding-left:40px;}
}

@media (max-width:1400px){
	
}

@media (max-width:1300px){
	.programsWrap #lnbTypeA {display:none;}
	
}

@media (max-width:1200px){
/* main */	
	.visualCont {padding:0 100px;}
	#mainContVisual {padding:0 20px; top:61px;}
	#mainContent {margin:0 -20px;}

	/* sitemap */
	.sitemapWrap .contBody {padding-left:20px; padding-right:20px;}
	/* about daekyo */
	.aboutDaekyoWrap .section p br {display:none;}
		
	/* center site */
	.centerSite .section2 .contBody .articleBox > .artiCon > .galleryList > li{width:50%;}
	.centerSite .section2 .contBody .articleBox > .artiCon > .galleryList > li > .imgBox{margin-right:0; margin:0 auto;}
	.centerSite .section2 .contBody .articleBox > .artiCon > .galleryList > li:nth-child(3n) > .imgBox{margin-right:0; margin:0 auto;}	
}

@media (max-width:1100px){
	#mainVisualArea {height:450px;}
	#mainVisualArea .mainVisualWrap {height:450px;}
	#mainVisualArea .mainVisualWrap .slick-list {height:450px;}
	#mainVisualArea .section {height:450px;}
	#mainContVisual .mainContVisualWrap {height:450px;}
	#mainContVisual .section {height:450px;}
	
	.conturyLangSelectWrap .countryList {width:100%;}
	.conturyLangSelectWrap .countryList li {width:14%;}
	
}
@media (max-width:999px){
/* main */
	.visualCont {padding:0 50px; top:60px;}
	
	.visualCont strong {font-size:60px; line-height:60px;}
	.visualCont p {font-size:16px;}
	
	#quickBoard {overflow:hidden;}
	#quickBoard ul li {width:50%;}
	#mainContent #studyProcessCont ol {height:250px; overflow:auto; right:1%; width:84%;}	
	#mainContent #studyProcessCont ol li {width:50%; margin-bottom:20px;}
	#mainContent #studyProcessCont ol li p {height:70px;}
	#mainContent #studyProcessCont ol li p {height:70px;}
	#mainContent #programsCont .contArea {height:280px;}
	#mainContent #programsCont .contArea .tabArea {} 
	#mainContent #programsCont .contArea .programsTabCont {padding-top:35px;}
	#mainContent #programsCont .contArea .programsTabCont .downBox {left:160px; top:2px; height:auto;}
	#mainContent #programsCont .contArea .programsTabCont .downBox a {padding:5px 10px 5px 25px; font-size:11px; background: url(/images/icon/download.png) no-repeat 0 50%; white-space:nowrap;}
	#mainContent #programsCont .contArea .programsTabCont .downBox a br {display:none;}
	#mainContent #programsCont .contArea .programsTabCont {padding-left:0;}
	#mainContent #programsCont .contArea #programEnglish .section {padding-left:0;}
	#mainContent #programsCont .contArea .programsTabCont .cont {padding-top:10px; width:98%; padding-right:10px;} 
	#mainContent #programsCont .contArea .section {padding-left:0; width:100%; padding-bottom:30px; margin-left:0;}
	#mainContent #programsCont .contArea .section strong {position:static; top:0; left:0; display:block;}
	#mainContent #programsCont .contArea .section strong br {display:none;}
	#mainContent #programsCont .contArea .section p {padding-bottom:15px;}
	
	/* about daekyo */
	.aboutDaekyoWrap .section p br {display:none;}	
	.aboutDaekyoWrap .thum { left:30px; width:255px; height:255px; }
	.aboutDaekyoWrap .thum img { width:40%; }
	.aboutDaekyoWrap .textWarp { padding-left: 335px; padding-right: 30px; }

	/* sitemap */
	.sitemapWrap .section {width:33.3%}
	
	.conturyLangSelectWrap .countryList li {width:20%;}	
	
	/* center site */
	.centerSite .section2 .contBody .articleBox > .artiCon > .galleryList > li{width:100%;}
	.centerSite .layerWrap .layerStories , .centerSite .layerWrap .layerBox, .centerSite .layerWrap .layerBox{
		width:100%;
		height:100%;
	}
	.centerSite .layerWrap .layerBox{
		top: 0;
		left:0;
		margin:0;
	}
	.centerSite .layerWrap .layerStories .con .conYube{
		width:100%;
	}
}