@charset "utf-8";

body { -webkit-text-size-adjust:100%; min-height:100%; background-color:#000; font-size:11px;}
input, select,textarea { box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ }

/*
 * Common Layout
 *
 */

#Wrapper { position:relative; left:0; z-index:2; box-shadow:0 10px 10px 10px #111;}

/* header */
.header { }
.header .top { height:80px; background-color:#3a3a3a;}
.header .top .logo { position:absolute; left:10px; top:18px;}
.header .top .logo a { display:block; -webkit-tap-highlight-color:none;}
.header .top .title { text-align:center; padding-top:25px; color:#dcdcdc; font-size:23px;}
.header .top .dropList { position:absolute; right:20px; top:25px;}

/* allMenu */
.allMenu { position:fixed; right:-85%; top:0; z-index:1; width:85%; height:100%; font-size:15px; background-color:#222222; overflow-y:scroll;}
.allMenu > li { background-color:#222222;  border-bottom:1px solid #363636;}
.allMenu > li > a { display:block; color:#b4b4b4; font-weight:bold; padding:32px 20px 32px 40px; background:url("/images/ico/arrow_off.png") no-repeat right 20px center}
.allMenu > li > a.On { background:url("/images/ico/arrow_on.png") no-repeat right 20px center}
.allMenu .subMenu { display:none; background-color:#2f2f2f;}
.allMenu .subMenu > li > a { display:block; color:#b4b4b4; padding:15px 0 15px 40px; display:block; }
.allMenu .subMenu > li > a.active,
.allMenu .subMenu > li > a:active { color:#b5a188;}

/* location
.location { background:#232323; height:30px;}
.location strong a { display:block; width:18px; height:16px; vertical-align:middle; margin:15px auto 0;}
.location strong { float:left; width:16%; height:50px; background:#232323 url("/images/ico/select_bg2.png") no-repeat right center; }
.location strong span { display:block; margin-right:15px; }
.location select { float:left; -webkit-appearance:none; height:50px; width:42%; color:#646464; border:0 none;}
.location select#depth1 { background:#232323 url("/images/ico/select_bg.png") no-repeat right center; text-indent:10px;}
.location select#depth2 { background:#232323 url("/images/ico/ico_click.png") no-repeat right center; text-indent:10px;}
.location:after { content:''; display:block; clear:both;}
 */

/* layout */
.location { background:#232323; /* height:30px; */}
.location strong a { display:block; width:18px; height:16px; vertical-align:middle; margin:15px auto 0;}
.location strong { float:left; width:16%; height:50px; background:#232323 url("/images/ico/select_bg2.png") no-repeat right center; }
.location strong span { display:block; margin-right:15px; }
.location .path a {  display:block; vertical-align:middle; padding-top:19px;}
.location .path { float:left; -webkit-appearance:none; height:50px; width:42%; color:#646464; border:0 none; background:#232323 url("/mobile/images/ico/ico_click.png") no-repeat right center; text-indent:10px;} /* 141008 수정 */
.location .path.depth1 { background:#232323 url("/mobile/images/ico/select_bg.png") no-repeat right center;}
/* .location .path.depth2 { height:50px; } */
.location:after { content:''; display:block; clear:both;}
.location .path.active { background:#232323 url("/mobile/images/ico/ico_click_on.png") no-repeat right center;} /* 141008 수정 */
.location .path.depth1.active { background:#232323 url("/mobile/images/ico/select_bg_on.png") no-repeat right center;}

.depthList { display:none;}
.depthList li a { display:block; background-color:#232323;  padding:20px 0 20px 10px;}
.depthList li { border-top:1px solid #323232;}
.depthList li:last-child { border-bottom:1px solid #323232;}

/* content */
.content { background-color:#000; color:#787878;}
.content .inner_cont { padding:0 20px;}
.terms { padding-top:10px; line-height:1.2em;}
.terms li { padding-bottom:10px;}
.terms .tit { padding:10px 0;}

/* footer */
.footer { border-top:1px solid #323232; margin-top:50px;}
.footer .copy { color:#aeaeae; font-size:10px; text-align:center;  padding:10px 0;}
.footer.index { margin-top:30px;}
.footer.index .copy {  padding:30px 0;}

/*
 * Common Module
 *
 */

/* space */
.pTop0 { padding-top:0 !important;}

.mTop0 { margin-top:0 !important;}
.mTop20 { margin-top:20px !important;}
.mTop30 { margin-top:30px !important;}

/* gap01 */
.gap01 { padding:30px 0 20px;}

/* align */
.alignLeft { text-align:left !important;}
.alignCenter { text-align:center !important;}
.alignRight { text-align:right !important;}

/* float */
.floatLeft { float:left !important;}
.floatRight { float:right !important;}

/* btnType */
.btnType { display:inline-block; padding:10px 20px; background-color:#323232; color:#b4b4b4; text-decoration:none;}

.btnArea { padding:20px 0 30px; text-align:center;}

.h3_title { font-size:30px; color:#b4b4b4;padding:40px 0;}
.h3_title.type01 { padding:40px 0;}
.h3_title.type02 { padding:40px 0;}
.search { margin:0 0 15px 0; position:relative;}
.search select { position:absolute; left:0; top:0; -webkit-appearance:none; border:2px solid #1a1a1a; width:111px; height:32px; background:#131313 url("/images/ico/select_bg3.png") no-repeat right center; color:#787878;margin-right:5px; background-size:20px;}
.search .input_area { position:relative; margin-left:116px; height:33px;}
.search input.search_submit { position:absolute; right:0; top:0; width:20px; height:28px; border:2px solid #1a1a1a; border-left:0 none;}
.search input.search_txt { position:absolute; left:0; right:18px; height:32px; background-color:#131313; color:#787878; border:2px solid #1a1a1a; border-right:0 none;}
html.iphone .search input.search_txt { height:32px;}
html.iphone .search input.search_submit { height:28px;}

/* listType */
.listType li { position:relative;/*  height:60px; */ border-bottom:1px solid #191919;padding-bottom:15px; padding-top:15px;}
.listType li:last-child { border-bottom:none;}
.listType li:first-child { border-top:1px solid #323232; padding-top:15px;}
.listType:after { content:''; display:block; clear:both;}
.listType { color:#787878;}
.listType { padding-bottom:12px;}
.listType li .thmb { position:absolute; left:0; top:15px; width:110px; height:61px;}
.listType li .desc { margin-left:130px; margin-right:15px; }
.listType li .desc .mtitle { font-size:13px; display:block;  line-height:1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.listType li .desc .mtitle a { text-decoration:none;}
.listType li .desc .date { clear:both; padding-top:10px; display:block;}
.listType li a { color:#787878;}

.listType.type02 { padding-top:15px;}
.listType.type02 li { padding:15px;}
.listType.type02 li .thmb { position:absolute; left:15px; top:25px; }
.listType.type02 li .thmb.num { font-size:20px; position:absolute; left:28px; top:30px;}
.listType.type02 li .desc { margin-left:60px; border-left:1px solid #393838; padding-left:20px;}
.listType.type02 li.bgColor { background-color:#131313;}
.listType.type02 .desc .mtitle { overflow:visible !important; text-overflow:clip !important; white-space:normal !important;  }

.listType.type03 li:last-child { border-bottom:1px solid #191919;}
.listType.type03 .prodTit { width:100%; font-size:15px; font-weight:bold; color:#b4b4b4; padding-bottom:8px;}
.listType.type03 .desc { margin-left:0;}
.listType.type03 .desc .date { font-size:13px; font-weight:bold;}
.listType.type03 .desc .mtitle { overflow:visible !important; text-overflow:clip !important; white-space:normal;  }

.listType.type04 li { height:61px;}
.listType.type04 li .thmb { position:absolute; left:0; top:15px; }
.listType.type04 li .thmb img { height:61px;}
.listType.type04 li .desc { margin-left:130px;  }
.listType.type04 li .desc .mtitle { font-size:15px; display:block; overflow:hidden; }
.listType.type04 li .desc .mtitle a { text-decoration:none;}
.listType.type04 li .desc .Importer { clear:both; padding-top:5x; display:block;}
.listType.type04 li a { color:#787878;}

.more {  background-color:#323232; text-align:center; padding:5px 0;}
.more a { display:block; color:#b4b4b4; text-decoration:none; }

/* list02View */
.list02View { color:#b4b4b4; }
.list02View .dressage { background-color:#323232; padding:15px 0 10px 15px; font-size:13px; margin-top:25px;}
.list02View .dressageDate { padding:10px 0 10px 15px;}
.list02View .dressageDate .hit { float:right; padding-right:15px;}

.list02View .listCont { border-top:1px solid #323232; border-bottom:1px solid #323232; padding:15px 15px; line-height:1.5em;}
.list02View .listCont .txt2 { padding-top:30px;}
.list02View .listCont .txt3 { padding-top:20px;}
.imgInsert { border:1px solid #1b1b1b; width:100%; height:200px;}

/* articleList */
.articleList li { position:relative; padding:10px 10px 10px 35px; border-top:1px solid #191919; line-height:1.2em;}
.articleList li.prev{ background:url("/images/ico/list_top.png") no-repeat 10px center;}
.articleList li.next{ border-bottom:1px solid #191919; background:url("/images/ico/list_bottom.png") no-repeat 10px center;}
.articleList li a { overflow:hidden; display:block; margin-right:55px; color:#787878; text-decoration:none; width:70%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}
.articleList li .listDate { position:absolute; right:30px; top:10px; width:40px; color:#7f7f7f;}
.articleList li:after { content:''; display:block; clear:both;}

/* mypage */
.mypage { color:#787878;}
.mypage.order1 .txt01 strong { text-decoration:underline; }
.mypage.order1 .asterisk { background:url("/images/ico/ico_asterisk.png") no-repeat left 10px; padding:8px 0 0 10px; letter-spacing:-0.5px; line-height:1.2em;}
.search.mbtm10 { margin-bottom:0;}
.answerComp { border:1px solid #787878; font-size:10px; padding:2px; margin-left:10px;}

/* liveCam */
.liveCam { padding-top:20px;}
.liveCam:after { content:''; display:block; clear:both;}
.liveCam .thmb { float:left; height:100px;}
.liveCam .desc { float:left; padding-left:15px;}
.liveCam .desc .name { font-size:16px;}
.liveCam .desc .inner { position:relative; margin-top:26px; font-size:14px;}
.liveCam .desc .inner:after { content:''; display:block; clear:both;}
.liveCam .desc .inner dt { position:absolute; left:0;}
.liveCam .desc .inner dt.gender { top:2px;}
.liveCam .desc .inner dt.birthYear { top:26px;}
.liveCam .desc .inner dd { margin-left:75px; height:26px;}
.liveCam .mov { clear:both; border:3px solid #151515;}
.liveCam .mark { background:url("/images/ico/ico_mark.png") no-repeat left 10px; padding:10px 0 10px 20px; background-size:14px; line-height:1.2em;}
.liveCam .more { margin-top:10px;}
.dressage.answer { padding:0 !important;}
.dressage.answer .more { text-align:left; padding:12px 0 10px 15px;}

/* facility */
.facilityList li a { display:block; background-color:#232323;  padding:20px 0 20px 10px;}
.facilityList li { border-top:1px solid #323232;}
.facilityList li:last-child { border-bottom:1px solid #323232;}
.houseImg { padding-top:2px;}
.foreground:after { content:''; display:block; clear:both;}
.foreground { padding-top:20px;}
.foreground .title { font-size:15px; font-weight:bold; color:#b4b4b4; padding-bottom:10px;}
.foreground .desc { line-height:1.2em; padding-bottom:10px;}
.foreground dl dt { color:#b5a188; font-weight:bold; float:left; margin-bottom:10px; margin-right:10px;}
.foreground dl dd {  margin-bottom:10px;}
.foreground dl {  float:left;  }
.foreground dl.first { width:60%;}
.foreground dl.last {  width:40%;}

/* FacilityIntro */
.FacilityIntro .FacilityIntroList:after { content:''; display:block; clear:both;}
.FacilityIntro .FacilityIntroList { padding-top:20px;}
.FacilityIntro .FacilityIntroList li { height:20px; float:left; width:23%; padding-left:25px; margin-bottom:10px; vertical-align:middle;}
.FacilityIntro .FacilityIntroList li .Text { display:block; padding-top:2px;}
/* 141008 수정 */
.FacilityIntro .FacilityIntroList li.Num01 { background:url('/mobile/images/common/Num01.png') no-repeat left center;}
.FacilityIntro .FacilityIntroList li.Num02 { background:url('/mobile/images/common/Num02.png') no-repeat left center;}
.FacilityIntro .FacilityIntroList li.Num03 { background:url('/mobile/images/common/Num03.png') no-repeat left center;}
.FacilityIntro .FacilityIntroList li.Num04 { background:url('/mobile/images/common/Num04.png') no-repeat left center;}
.FacilityIntro .FacilityIntroList li.Num05 { background:url('/mobile/images/common/Num05.png') no-repeat left center;}
.FacilityIntro .FacilityIntroList li.Num06 { background:url('/mobile/images/common/Num06.png') no-repeat left center;}
.FacilityIntro .FacilityIntroList li.Num07 { background:url('/mobile/images/common/Num07.png') no-repeat left center;}
.FacilityIntro .FacilityIntroList li.Num08 { background:url('/mobile/images/common/Num08.png') no-repeat left center;}
.FacilityIntro .FacilityIntroList li.Num09 { background:url('/mobile/images/common/Num09.png') no-repeat left center;}
.FacilityIntro .FacilityIntroList li.Num10 { background:url('/mobile/images/common/Num10.png') no-repeat left center;}
.FacilityIntro .FacilityIntroList li.Num11 { background:url('/mobile/images/common/Num11.png') no-repeat left center;}
.FacilityIntro .FacilityIntroList li.Num12 { background:url('/mobile/images/common/Num12.png') no-repeat left center;}
.FacilityIntro .FacilityIntroList li.Num13 { background:url('/mobile/images/common/Num13.png') no-repeat left center;}

.BtmText { border-top:2px solid #323232; margin-top:10px; padding:20px 0 50px 0; line-height:1.2em;}
.FacilityIntro .btmLink 

/* SonofeliceEcIntro */
.SonofeliceEcIntro .BigImage img {  }
.SonofeliceEcIntro .TopText { padding-top:33px; text-align:center; border-bottom:1px solid #323232; padding-bottom:30px; margin-bottom:30px;}
.SonofeliceEcIntro .TopText .TopTextTitle { font-size:23px; color:#f5dcc8;}
.SonofeliceEcIntro .TopText .desc { padding-top:20px; line-height:1.8em;}
.Clublntro dl dt { padding-bottom:17px; font-size:15px; font-weight:bold; color:#b4b4b4;}
.Clublntro dl { padding-bottom:30px; line-height:1.5em;}

/* UserGuide */
.UserGuide { margin-top:20px; }
.UserGuide .UserGuideTitle { padding-bottom:20px; color:#b4b4b4; font-size:14px; letter-spacing:-0.5px;}
.UserGuideList { border-top:2px solid #1a1a1a; margin-top:20px;}
.UserGuideList  .UserGuideTitle { padding-top:20px;}
.UserGuideList ul li { background:url('/images/ico/ico_UserGuide_circle.png') no-repeat left center; padding-left:14px; margin-bottom:4px; line-height:1.2em;}
.UserGuideList ul li.Align { background:url('/images/ico/ico_UserGuide_circle.png') no-repeat left top;}
.UserGuideList ul li.last { padding-bottom:0;}
.UserGuideList ul li.PointColor { color:#b4b4b4;}

/* datepicker */
.dateSearch .left { float:left; width:80%;}
.dateSearch .left .left01 { padding-top:15px;}
.dateSearch .left .left01 .date_search { float:left; }
.dateSearch .left .left01 ul { float:right; }
.dateSearch .left .left01:after { content:''; display:block; clear:both;}
.dateSearch .left .left01 ul li { float:left; padding-right:10px;}
.dateSearch .left .left01 ul li a.active { font-weight:bold; color:#b4b4b4; text-decoration:underline;}
.dateSearch .left .left01 ul:after { content:''; display:block; clear:both;}
.dateSearch .right { float:right; padding-top:14px;}
.dateSearch:after { content:''; display:block; clear:both;}

.dateSearch .left .left02 { position:relative;}
.datepicker { width:43%; background-color:#131313; border:2px solid #1a1a1a; height:20px; background:url("/images/btn/btn_date.png") no-repeat right center; color:#b4b4b4;  -webkit-appearance:none; background-size:24px;}
.dateSearch .left .left02 .date { padding-top:13px; position:relative;}
.datepicker.first { position:absolute; left:0; top:13px;}
.datepicker.second { float:right;}
.wave { position:absolute; left:50%; top:10px; margin-left:-10px;}
html.iphone .datepicker { width:39%;}

/* tabArea */
.tabArea.type01 { padding-top:20px;}
.tabArea.type01 h4 { font-size:12px; float:left; }
.tabArea.type01 h4 a { display:block; padding:11px 20px; height:15px; text-align:center;}
.tabArea.type01 h4 a.active { background-color:#323232; color:#b4b4b4;}
.tabArea.type01 h4 a.normal { border:1px solid #323232; height:13px;}
.tabArea.type01:after { content:''; display:block; clear:both;}

.tabArea.type02:after { content:''; display:block; clear:both;}
.tabArea.type02 { /* padding-top:20px; */}
.tabArea.type02 li { font-size:15px; float:left; border-top:2px solid #323232; margin-right:5px; letter-spacing:-1px;}
.tabArea.type02 li a { display:block; padding:11px 20px 11px 5px; text-align:left;}
.tabArea.type02 li.active { color:#f5e6cd; border-top:2px solid #f5e6cd;}
.tabArea.type02 li.active a { color:#f5e6cd;}

.tabArea.type03:after { content:''; display:block; clear:both;}
.tabArea.type03 { /* padding-top:20px; */}
.tabArea.type03 li {  border-right:2px solid #000; width:19.333%;  float:left;  text-align:center;  background-color:#232323; color:#b4b4b4; font-size:11px;}
.tabArea.type03 li a {  display:block;  height:30px; padding-top:10px;}
.tabArea.type03 li:last-child {border-right:none;}
.tabArea.type03 li.active { display:block; background:#7d6f5e; }
.tabArea.type03 li.active a { color:#fff;}
.tabArea.type03 li a.pdTop {  display:block; padding-top:17px; height:23px;}

/* boardList */
.boardList.type01 table { width:100%; font-size:13px; text-align:center; color:#787878;}
.boardList.type01 table thead th { background-color:#323232; color:#b4b4b4; padding:8px 0; letter-spacing:-1.2px; border-right:1px solid #000;}
.boardList.type01 table tbody td { padding:8px 0; border-bottom:1px solid #1a1a1a; line-height:1.2em; letter-spacing:-1.2px; font-size:13px; vertical-align:middle;}
.boardList.type01 table .horses { border-right:none;}

.boardList.type02 table { width:100%; font-size:12px; text-align:center;}
.boardList.type02 table thead th { background-color:#323232; color:#b4b4b4; padding:8px 0; letter-spacing:-1.2px; border-right:1px solid #000;}
.boardList.type02 table tbody td { padding:8px 0 8px 5px; border-bottom:1px solid #1a1a1a; line-height:1.2em; letter-spacing:-1.2px; font-size:11px;}
.boardList.type02 table .last { border-right:none;}

/* faqList */
.faqList.type0 dl { border-top:2px solid #323232; }
.faqList.type0 .question { padding:20px 10px; border-bottom:2px solid #323232;}
.faqList.type0 .question a { display:block; background:url("/images/ico/ico_q_off.png") no-repeat left top; background-size:15px; padding:0 10px 0 30px;}
.faqList.type0 .question a.active { color:#b4b4b4;  background:url("/images/ico/ico_q_on.png") no-repeat left top; background-size:15px; }
.faqList.type0 .answer { display:none; background-color:#323232; padding:20px 10px; }
.faqList.type0 .answer .desc { color:#b4b4b4; line-height:1.2em; padding:0 18px 0 30px; background:url("/images/ico/ico_a.png") no-repeat left top; background-size:20px;}

/* qna */
.ReservationStatusTitle { line-height:1.2em;}
.qna table { width:100%; margin-top:30px; border-top:2px solid #323232; border-bottom:2px solid #323232;}
.qna table td { position:relative; padding:10px 9px 10px 0; border-bottom:1px solid #1a1a1a;}
html.iphone .qna table td { position:relative; padding:10px 15px 10px 0; border-bottom:1px solid #1a1a1a;}
.qna table input { width:100%; height:24px; background:#131313; border:2px solid #1a1a1a; color:#b4b4b4;}
.qna table td .subject { }
.qna table td .name{ }
.qna table select { height:32px; background:#131313; border:2px solid #1a1a1a; -webkit-appearance:none; color:#b4b4b4;}
.qna table .DomainSelect { width:100%; background:#131313 url('/images/ico/select_bg3.png') no-repeat right center; margin-top:10px;}
.CellPhone { position:relative; overflow:hidden; width:100%; vertical-align:top;}
.CellPhone .block .Hyphen { display:inline-block; vertical-align:middle; line-height:15px; width:100%;}
.CellPhone .block div { display:block; border:2px solid #1a1a1a;}
.CellPhone .block input { display:block; width:100%; border:0 none;}
.CellPhone .block:nth-child(1) { width:32%; float:left;}
.CellPhone .block:nth-child(1) div { margin-right:10px;}
.CellPhone .block:nth-child(3) { width:32%; float:left;}
.CellPhone .block:nth-child(3) div {  margin:0 4px 0 8px;}
.CellPhone .block:nth-child(5) { width:33%; float:right;}
.CellPhone .block:nth-child(5) div { margin-left:8px;}
.CellPhone .block:nth-child(2) { position:absolute; left:33%; top:5px; margin-left:-5px; }
.CellPhone .block:nth-child(4) { position:absolute; left:66%; top:5px;  }
.EmailText { vertical-align:top;}
.CellPhoneNum { vertical-align:middle;}
.qna table .membershipNumber { }
.qna table .QuestionType {  background:#131313 url('/images/ico/select_bg3.png') no-repeat right center;}
.qna table .contarea { background:#131313; border:2px solid #1a1a1a; vertical-align:top; color:#b4b4b4;  width:100%;}
.qna table .line { position:relative; overflow:hidden;}
.qna table .line .block { position:relative;}
.qna table .line .block:nth-child(1) { width:50%; float:left;}
.qna table .line .block:nth-child(3) { width:50%; float:right;}
.qna table .line .block:nth-child(2) { position:absolute; left:50%; top:2px; margin-left:-5px;}
.qna table .line .block div { display:block; border:2px solid #1a1a1a;}
.qna table .line .block input { display:block; width:100%; border:0 none;}
.qna table .line .block:nth-child(1) div { margin-right:10px;}
.qna table .line .block:nth-child(3) div { margin-left:10px;}
.qna table .line .block .UserId { width:100%;}
html.iphone .qna table .line .block .UserId { width:100%;}
.qna table .line .block .at { display:inline-block; vertical-align:middle; line-height:30px; width:100%;}
.qna table .line .block .UserDomain { }
.DomainSelect { width:100%; padding:0 2px 0 2px; }
.QuestionType { width:100%;}
.btn_contactus { text-align:center; padding-top:20px;}

/* PrivacyPolicy */
.PrivacyPolicy { line-height:1.2em;}

/* AccessTerms */
.AccessTerms { line-height:1.2em;}

/* Login */
.Login { padding-top:40px;}
.Login input { height:24px; background:#131313; border:2px solid #1a1a1a;}
.Login .UserId { width:96%; margin-bottom:10px; padding-left:10px;color:white;}
.Login .UserPw { width:96%; padding-left:10px;color:white;}
html.iphone .Login .UserPw { width:94%;}
html.iphone .Login .UserId { width:94%;}
.Login .more { margin-top:10px;}
.Login .BtmTextArea { margin-top:30px; padding-bottom:25px; text-align:center; border-bottom:1px solid #323232; }
.TextList { padding-top:25px;}
.TextList li { margin-bottom:10px; background:url("/images/ico/ico_UserGuide_circle.png") no-repeat left 3px; padding-left:10px; line-height:1.2em;}
.TextList li.last { margin-bottom:0;}
.checkboxArea { padding-right:10px;}

/* form */
.Login input[type=checkbox] { -webkit-appearance:none; width:15px; height:15px; border:1px solid #323232; margin-top:-1px; }
.Login input[type=checkbox]:checked { background:url('/images/common/checkbox.png') no-repeat left center;}


/* main */
.header.index .top .logo { width:50%; left:50%; margin-left:-25%; text-align:center; top:8px;}
.header.index .top .dropList { top:28px; }
.top.main { height:100px;}
.mainLogo { text-align:center; padding-top:10px;}
.main { padding:30px 40px 0 40px;}
.main .dropList { padding-top:25px;}

/* indexSlider */
.indexSlider {	position:relative; margin:20px; height:0; padding:0 0 130% 0; z-index:1;}
.indexSlider .innerFrame { width:100%; height:2500px;}
.indexSlider .innerFrame .slider { width:100%; height:100%;}
.indexSlider .innerFrame .slider .item { float:left; width:100%;}
.indexSlider .innerFrame .slider .item img { width:100%; height:auto;}
.indexSlider .indicator { position:relative; z-index:2; margin-top:-65px; text-align:center;}
.indexSlider .indicator button { display:inline-block; width:18px; height:18px; margin:0 8px; background:url("/mobile/images/btn/rollingbtn_off.png") no-repeat left top; text-indent:-50px;} /* 141008 수정 */
.indexSlider .indicator button.active { background-image:url("/mobile/images/btn/rollingbtn_on.png");} /* 141008 수정 */

/* Location */
.Location .section { border-top:2px solid #323232; padding:20px 0;}
.Location .section .tit { font-size:15px; color:#b4b4b4; padding-bottom:20px;}
.Location .section .listWrap ul li { background:url('/images/ico/ico_UserGuide_circle.png') no-repeat left center; padding-left:10px; margin-bottom:10px;}
.Location .section .listWrap ul li strong { margin-right:10px;}
.Location .section .listWrap .introduction { padding-bottom:20px;}
.Location .section .listWrap .introduction:last-child { padding-bottom:0;}
.Location .section .listWrap .introduction .intro {  font-size:15px; color:#b4b4b4; padding-bottom:10px;}
.BtmLink { font-size:15px; color:#b4b4b4;  text-align:center; padding-top:20px;}
.BtmLink li { display:inline-block; margin-right:10px; padding-right:10px; background:url('/images/common/btmLink_l.png') no-repeat right center;}
.BtmLink li:last-child { background:none; padding:0; margin:0}

/* OurTeamIntro */
.OurTeamIntro:after { content:''; display:block; clear:both;}
.OurTeamIntro .IntroImg { width:100%; height:auto; overflow:hidden;}
.OurTeamIntro .IntroImg > img { display:block; width:100%; height:auto;}
.OurTeamIntro .IntroText { padding:20px 0; line-height:1.2em;}
.OurTeamIntro .section:after { content:''; display:block; clear:both;}
.OurTeamIntro .section { border-top:2px solid #323232; padding-top:20px;}
.OurTeamIntro .section .Title { float:left; width:20%; font-size:15px; color:#b4b4b4; }
.OurTeamIntro .SupervisionList { float:right; width: 75%;}
.OurTeamIntro .SupervisionList:after { content:''; display:block; clear:both;}
.OurTeamIntro .SupervisionList .Left { padding-bottom:20px; margin-right:20px;}
.OurTeamIntro .SupervisionList .Right { padding-bottom:20px;}
.OurTeamIntro .SupervisionList dl { padding-top:10px;}
.OurTeamIntro .SupervisionList dl dt { font-size:15px; color:#b4b4b4; padding-bottom:10px;}
.OurTeamIntro .SupervisionList dl dd { padding-bottom:5px;}
.OurTeamIntro .SupervisionList dl dd:last-child { padding-bottom:0;}
.Left.Fclear { clear:both; }

/* InstructorIntro */
.InstructorIntro { position:relative; }
.InstructorIntro .BtnArea .Prev { position:absolute; left:0; top:0;}
.InstructorIntro .BtnArea .Next { position:absolute; right:0; top:0;}
.InstructorIntro .GalleryZone { margin:0 45px; height:40px; overflow:hidden;}
.InstructorIntro .GalleryZone .InnerFrame { overflow:hidden; width:30000px;}
.InstructorIntro .GalleryZone .InnerFrame li { float:left; padding:0 3px;}
.PageArea { background:#dddddd; padding-bottom:20px; margin-top:20px;}
.PageArea .TopArea:after { content:''; display:block; clear:both;}
.PageArea .TopArea { background:url('/images/common/InstructorLine.png') no-repeat 10px 45px; background-size:25% 1px;}
.PageArea .TopArea .Left { float:left; width:30%; text-align:center; padding-top:20px;  }
.PageArea .TopArea .Left .Name { font-size:20px; color:#1b1b1b; padding-bottom:10px;}
.PageArea .TopArea .Right { float:right; width:70%;}
.PageArea .section:after { content:''; display:block; clear:both;}
.PageArea .section { padding:20px 0 0 20px;}
.PageArea .section .Title { font-size:15px; color:#1b1b1b; padding-bottom:10px; background:url('/images/ico/section_bg.png') no-repeat left -2px; background-size:3px; padding-left:8px;}
.PageArea .section dl { font-size:11px; color:#4b4b4b;}
.PageArea .section dl dt { float:left; width:25%; min-height: 12px; margin-right:5px; margin-bottom:5px;} /* 141008 수정 */
.PageArea .section dl dd { float:left; width:70%; min-height: 12px; margin-bottom:5px;} /* 141008 수정 */

/* Program */
.Program .section { margin-top:20px; border-top:2px solid #323232; padding:20px 0;}
.Program .section.last { margin-bottom:20px;}
.Program .section .Title { font-size:15px; color:#b4b4b4; padding-bottom:10px;} 
.ListTypeBasic li { margin-bottom:5px; background:url('/images/ico/ico_program_circle.png') no-repeat left center; background-size:6px; padding-left:10px; line-height:1.2em;}

/* btmLink */
.btmLink { text-align:center; padding-bottom:20px;padding-top:30px;}/* 20141017 수정 */
.btmLink li { padding-right:10px; margin-right:5px; display:inline-block; background:url("/images/common/btmLink_l.png") no-repeat right center;}
.btmLink li:last-child { background:none; padding:0; margin:0;}

/* popup */
.popup { position: absolute; left:10%; top:10%; width:80%; height: 447px; display:none;} /* 141010 수정 */
.popup .header { height:32px; background:#232323; padding:19px 0 10px 20px;}
.popup .header .Title { font-size:20px; color:#b4a087; }
.popup .container { background:#323232;}
.popup .container img { padding:15px 15px 20px 15px;}
.popup .container .TitleDesc:after { content:''; display:block; clear:both;}
.popup .container .TitleDesc { padding-left:15px;}
.popup .container .TitleDesc dt { float:left; font-size:15px; color:#b4b4b4; padding-bottom:10px; width:30%; margin-right:20px;} /* 141008 수정 */
.popup .container .TitleDesc dd { float:left; font-size:15px; color:#b4b4b4; padding-bottom:10px; width:60%;}
.BtnPopupClose { position:absolute; right:0; top:3px}


/* TyLee Add */
.section.Noborder { border-top:0 none;}
.ListMod { overflow:hidden; margin-bottom:20px;}
.LeftArea { float:left; width:40%;}
.LeftArea .ImgWrap > img { display:block; width:100%; height:auto;} 
.RightArea { float:left; width:60%;}
.RightArea .TxtWrap { padding-left:25px;}
.RightArea .TxtWrap dl { padding-top:10px;}
.RightArea .TxtWrap dl dt { font-size:15px; color:#b4b4b4; padding-bottom:10px; font-weight:bold;}
.RightArea .TxtWrap dl dd { padding-bottom:5px;}
.RightArea .TxtWrap dl dd:last-child { padding-bottom:0;}

/*Loginbtns*/
.LoginArea { height:70px;background:#171717;}
.BtnWrap { padding:22px 20px 0 40px; overflow:hidden;}
.BtnWrap button.LogBtn { float:left; width:76px; height:25px; background:url("/images/btn/btn_login.png") no-repeat 0 0 ; background-size:76px 50px; }
.BtnWrap button.HomeBtn { float:right; width:20px; height:20px; background:url("/images/btn/ico_homebtn.png") no-repeat 0 0; background-size:20px auto}
.BtnWrap button.LogBtn.On { background-position:0 -25px;}

.TableDivision { padding:20px 0; border-top:1px solid #323232;}

/*table.Style1*/
table.Style1 { width:100%; border-top:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a;}
table.Style1 tr th { padding:10px 0; color:#b4b4b4; background:#1e1e1e; border-top:1px solid #000000;}
table.Style1 th.Nborder { border-top:0 none;}
table.Style1 tbody tr th.Nborder { border-top:0 none;}
table.Style1 tbody tr:last-child th { border-bottom:1px solid #1a1a1a;;}
table.Style1 tr td { padding:10px 0 10px 10px; border-left:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a; vertical-align:middle; text-align:center;}
table.Style1 tr td.Lalign { text-align:left;}
table.Style1 tr td:first-child { border-left:0 none;}

/* TableHead */
.TableHead { overflow:hidden; margin-bottom:8px;}
.TableHead .TableTitle { font-size:18px; float:left; color:#b4b4b4; font-weight:bold;}
.TableHead .TableNote { float:right; margin-top:15px;}

.PushBot {padding-bottom:40px;}
h4.BorderHead { padding:35px 0 30px; font-size:28px; color:#f5dcc8; border-top:1px solid #323232; line-height:1.3em;}
.Para { font-size:15px; color:#787878; line-height:1.3em; margin-bottom:15px;}
.ImgWrap {position:relative; }
.ImgWrap > img.Sig {position:absolute; right:10px; top:-10px; display:block; width:70%; height:auto;}

/* 이용요금안내 2014-09-05 */
.TableDivision { overflow:hidden;}
.TableDivision .AddStyle0 { width:40%; float:left;}
.TableDivision .AddStyle0 .BorderRight { border-right:2px solid #464646;}
.BorderRight { border-right:2px solid #464646;}
.TableDivision .AddStyle0 .BorderTop { border-top:2px solid #464646;}
.TableDivision .AddStyle0 td { vertical-align:middle; text-align:left;}
.TableDivision .AddStyle0 th { vertical-align:middle; }
.TableDivision .AddStyle0 .TxtIndent {}
.TableDivision .AddStyle1 {width:844px }
.TableDivision .AddStyle1 .Last { border-bottom:2px solid #1a1a1a;}
.TableDivision .AddStyle1 thead th { border-right:2px solid #464646;}
.TableDivision .AddStyle2 { width:100%; }
.TableDivision .AddStyle2 td { line-height:15px;}
.TableDivision .AddStyle2 th { border-right:2px solid #000;}
.TableDivision .AddStyle2 .AlignLeft { text-align:left;}
.BtnSlide { position:absolute; left:130px; top:190px;}
.scroll_box {position:relative;width:auto}
#scroll {/* width:70%; */ overflow:hidden}
.scroll_wrap {width:844px}
/* //이용요금안내 2014-09-05 */

/* TyLee Add */
.section.Noborder { border-top:0 none;}
.ListMod { overflow:hidden; margin-bottom:20px;}
.LeftArea { float:left; width:40%;}
.LeftArea .ImgWrap > img { display:block; width:100%; height:auto;} 
.RightArea { float:left; width:60%;}
.RightArea .TxtWrap { padding-left:25px;}
.RightArea .TxtWrap dl { padding-top:10px;}
.RightArea .TxtWrap dl dt { font-size:15px; color:#b4b4b4; padding-bottom:10px; font-weight:bold;}
.RightArea .TxtWrap dl dd { padding-bottom:5px;}
.RightArea .TxtWrap dl dd:last-child { padding-bottom:0;}
  
/*Loginbtns*/
.LoginArea { height:70px;background:#171717;}
.BtnWrap { padding:22px 20px 0 40px; overflow:hidden;}
.BtnWrap button.LogBtn { float:left; width:76px; height:25px; background:url("/mobile/images/btn/btn_login.png") no-repeat 0 0 ; background-size:76px 50px; }
.BtnWrap button.HomeBtn { float:right; width:20px; height:20px; background:url("/mobile/images/btn/ico_homebtn.png") no-repeat 0 0; background-size:20px auto}
.BtnWrap button.LogBtn.On { background-position:0 -25px;}

.TableDivision { padding:20px 0; border-top:1px solid #323232;}

/*table.Style1*/
table.Style1 { width:100%; border-top:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a;}
table.Style1 tr th { padding:10px 0; color:#b4b4b4; background:#1e1e1e; border-top:1px solid #464646;}
table.Style1 th.Nborder { border-top:0 none;}
table.Style1 tbody tr th.Nborder { border-top:0 none;}
table.Style1 tbody tr:last-child th { border-bottom:1px solid #1a1a1a;;}
table.Style1 tr td { padding:10px 0 10px 10px; border-left:1px solid #1a1a1a; border-bottom:1px solid #464646; vertical-align:middle; text-align:center; line-height:18px;}
table.Style1 tr td.Lalign { text-align:left;}
table.Style1 tr td:first-child { border-left:0 none;}

/* TableHead */
.TableHead { overflow:hidden; margin-bottom:8px;}
.TableHead .TableTitle { font-size:18px; float:left; color:#b4b4b4; font-weight:bold;}
.TableHead .TableNote { float:right; margin-top:15px;}

.PushBot {padding-bottom:40px;}
h4.BorderHead { padding:35px 0 30px; font-size:28px; color:#f5dcc8; border-top:1px solid #323232; line-height:1.3em;}
.Para { font-size:15px; color:#787878; line-height:1.3em; margin-bottom:15px;}
.ImgWrap {position:relative; }
.ImgWrap > img.Sig {position:absolute; right:10px; top:-10px; display:block; width:70%; height:auto;}