@charset "utf-8";
/*CSS Document*/
@import url(reset.css);


/* 헤더
------------------------------------------------------------------------------------------------------------*/
#Header{position:absolute; left:0; top:0; width:100%; height:50px; background:url(../img/header/bg.png) center top repeat-x; z-index:10;}
#Header .inner{position:relative; width:1000px; margin:0 auto;}

/* 로고 */
#Header h1{position:absolute; left:0px; top:14px;}

/* 네비게이션 */
#Navigation{position:absolute; left:120px; top:14px; overflow:hidden;}
#Navigation li{float:left; margin:0 0 0 70px;}
#Navigation li.first{margin:0;}
#Navigation li a{display:block; color:#bbb; font-size:16px; line-height:1.3;}
#Navigation li a:hover{text-decoration:none; color:#fff;}
#Navigation li.on a{color:#fff;}

/* 탑메뉴 */
.Topmenu{position:absolute; right:0; top:17px; overflow:hidden;}
.Topmenu li{float:left; padding-left:21px; background:url(../img/header/topmenu_l.png) 10px 4px no-repeat;}
.Topmenu li.first{padding:0; background:none;}
.Topmenu li a{display:block; color:#bbb; line-height:1.3; font-size:13px;}
.Topmenu li a:hover{text-decoration:none; color:#fff;}





/* 푸터
------------------------------------------------------------------------------------------------------------*/
#Footer{background:#f2f2f2;}
#Footer .inner{position:relative; width:1000px; margin:0 auto; padding:30px 0 50px; color:#666; line-height:1.6;}
#Footer span{display:inline-block; padding:0 7px; color:#ddd;}
#Footer small{display:block; font-size:12px; color:#999; padding:5px 0 0;}
#Footer a.srshop{position:absolute; right:0; top:25px; background:#b8b8b8; border-radius:3px; border:1px solid #b8b8b8; color:#fff; padding:5px 15px; line-height:1.6;}
#Footer a.srshop:hover{background:#999; border-color:#999; text-decoration:none;}







/* 메인
------------------------------------------------------------------------------------------------------------*/
/*#M_vis{height:850px; background:url(../img/main/vis1.jpg) 50% top no-repeat;}*/

/*--------------------------------- *  Photos gallery > Standard *---------------------------------*/
/* core */
.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;}
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}

.photosgallery-std{position:relative; width:100%; height:850px; overflow:hidden; display:none;}
 
/* Panels buttons */
.photosgallery-std .sliderkit-go-btn{position:absolute; top:50%; margin-top:-42px; z-index:10; width:85px; height:85px;}
.photosgallery-std .sliderkit-go-prev{left:50%; margin-left:600px;}
.photosgallery-std .sliderkit-go-next{right:50%; margin-right:600px;}
.photosgallery-std .sliderkit-go-btn a{display:block; width:85px; height:85px; cursor:pointer; background-repeat:no-repeat; background-position:50% 50%;}
.photosgallery-std .sliderkit-go-prev a{background-image:url(../img/main/vis_btn_r.png);}
.photosgallery-std .sliderkit-go-next a{background-image:url(../img/main/vis_btn_l.png);}
.photosgallery-std .sliderkit-btn-disable a{opacity:1/*can be set to any value until 1*/; cursor:default;}
.photosgallery-std .sliderkit-go-btn span{display:none;}

/* Panel */
.photosgallery-std .sliderkit-panel{position:absolute; top:0; left:0; width:100%; height:850px; z-index:1; overflow:hidden;}
.photosgallery-std .sliderkit-panel-active{z-index:5;}
.photosgallery-std .sliderkit-panel-old{z-index:4;}
.photosgallery-std .sliderkit-panel.bg1{background:url(../img/main/vis1.jpg) 50% 0 no-repeat;}
.photosgallery-std .sliderkit-panel.bg2{background:url(../img/main/vis2.jpg) 50% 0 no-repeat;}
.photosgallery-std .sliderkit-panel.bg3{background:url(../img/main/vis3.jpg) 50% 0 no-repeat;}
.photosgallery-std .sliderkit-panel.bg4{background:url(../img/main/vis4.jpg) 50% 0 no-repeat;}



/* 컨텐츠 ------------------------------------------*/
.M_container{width:1000px; height:220px; margin:45px auto 40px;}


/* 브랜드 ------------------------------------------*/
.M_brand{float:left; width:340px; height:220px; overflow:hidden;}
.M_brand div.tit{height:50px; line-height:1.2; font-size:22px; color:#666; font-weight:400;}
.M_brand div.cont{position:relative; height:168px; border:1px solid #ddd;}


/* biz ------------------------------------------*/
.M_biz{float:left; width:290px; height:220px; overflow:hidden; margin-left:60px;}
.M_biz div.tit{height:50px; line-height:1.2; font-size:22px; color:#666; font-weight:400;}
.M_biz div.cont{}
.M_biz div.cont ul{overflow:hidden;}
.M_biz div.cont ul li{float:left;}
.M_biz div.cont ul li a{display:block;}


/* sns ------------------------------------------*/
.M_sns{float:right; width:250px; height:220px; overflow:hidden;}
.M_sns div.tit{height:60px; line-height:1.2; font-size:22px; color:#666; font-weight:400;}
.M_sns div.sns{height:68px; text-align:center; font-size:0;}
.M_sns div.sns a{display:inline-block; margin:0 6px;}







/* 서브
------------------------------------------------------------------------------------------------------------*/
/* 비주얼 */
#S_vis{height:200px; background-position:50% 0; background-repeat:no-repeat;}
#S_vis.bg1{background-image:url(../img/sub/vis1.jpg); background-color:#c9cdd1;}
#S_vis.bg2{background-image:url(../img/sub/vis2.jpg); background-color:#c9cdd1;}
#S_vis.bg4{background-image:url(../img/sub/vis4.jpg); background-color:#c9cdd1;}
#S_vis.bg5{background-image:url(../img/sub/vis5.jpg); background-color:#c9cdd1;}
#S_vis.bg6{background-image:url(../img/sub/vis6.jpg); background-color:#c9cdd1;}

/* 서브메뉴 */
#SNB{min-width:1000px; height:43px; border-bottom:1px solid #d2d2d2; text-align:center; font-size:0;}
#SNB, #SNB *{vertical-align:middle;}
#SNB a{display:inline-block; width:142px; height:43px; line-height:43px; font-size:13px; color:#777; text-align:center; border-right:1px solid #e4e4e4;}
#SNB a.first{border-left:1px solid #e4e4e4; width:140px;}
#SNB a:hover{text-decoration:none; background:#f7f7f7; color:#444;}

/* 서브탭 */
.snb_3depth{overflow:hidden;}
.snb_3depth li{float:left;}
.snb_3depth li a{display:block; width:150px; height:33px; line-height:33px; font-size:14px; color:#666; text-align:center; border-width:1px 1px 1px 0; border-style:solid; border-color:#ccc;}
.snb_3depth li:first-child a{border-width:1px;}
.snb_3depth li a:hover{text-decoration:none;}
.snb_3depth li:hover a{background:#f7f7f7;}
.snb_3depth li.on a{background:#999; border-color:#888; color:#fff; font-weight:600;}

/* 페이지타이틀 */
#Pagetit{position:relative; width:1000px; height:90px; margin:20px auto 0;}
#Pagetit h2{position:absolute; left:0; top:22px; font-size:35px; color:#444; font-weight:200;}
#Pagetit p{position:absolute; right:0; top:37px; color:#888;}

/* 컨텐츠 */
#Contents{width:1000px; min-height:450px; margin:0 auto 50px;}







/* 찾아오시는 길 정보 테이블 --------------------------------------------------------- */
.map_table{border-top:2px solid #999;}
.map_table th, .map_table td{height:35px; text-align:left; font-weight:normal; padding-left:15px; font-size:14px; color:#666; border-bottom:1px solid #ddd;}
.map_table th{width:100px; background:#f7f7f7; color:#333; border-right:1px solid #ddd;}
.map_table td{}
/* 지도 크게보기 버튼 */
.btn_mapview{position:relative; display:inline-block; padding:0 10px; background:url(../img/sub/btn_bg.png) 0 0 no-repeat;}
.btn_mapview b{position:absolute; right:0; top:0; display:inline-block; width:10px; height:30px; background:url(../img/sub/btn_bg.png) right 0 no-repeat;}
.btn_mapview span{display:inline-block; height:30px; line-height:30px; padding-left:20px; background:url(../img/sub/icon_view.png) left 50% no-repeat;}
.btn_mapview:hover *{text-decoration:none;}








/* 아카데미-교육내용 --------------------------------------------------------- */
.edu_bg{background:#7ecdf4;}
.edu_bg.edu_v2{background:#a79d91;}
.edu_bg.edu_v3{background:#fdd000;}

/* 탭 */
.academy_cont_tab{overflow:hidden; text-align:left; font-size:0;}
.academy_cont_tab li{display:inline-block; margin-left:5px;}
.academy_cont_tab li:first-child{margin-left:0;}
.academy_cont_tab li a{display:block; height:40px; line-height:40px; padding:0 20px; font-size:15px; color:#555; border:1px solid #ddd; text-decoration:none;}
.academy_cont_tab li a:hover{color:#222; background:#f7f7f7;}
.academy_cont_tab li.on a{color:#fff; background:#3b81e5; border-color:#1364d9;}


.academy_cont_tab2 {overflow:hidden; font-size:0; text-align:center;}
.academy_cont_tab2 a{height:40px; line-height:40px; padding:0 8px; font-size:17px; color:#fff; text-decoration:none;}
.academy_cont_tab2 a:hover{color:#555;}
.academy_cont_tab2 span{height:40px; line-height:40px; font-size:17px; color:#fff; text-decoration:none;}

/* 내용 */
.slash{height:10px; margin:100px 0; background:url(../img/sub/slash.png) 0 0 repeat;}
	/* 상단 */
.academy_cont_top{overflow:hidden; margin:70px 0 0;}
.academy_cont_top .img{float:left; width:350px;}
.academy_cont_top .title, .academy_cont_top .cont_list{float:right; width:610px;}
.academy_cont_top .title{color:#1364d9; font-weight:600; font-size:30px; line-height:1.3;}
.academy_cont_top .cont_list{border-top:1px solid #999; margin:20px 0 0;}
.academy_cont_top .cont_list li{position:relative; font-size:15px; color:#333; line-height:1.5; padding:15px 0 15px 35px; border-bottom:1px dotted #ddd;}
.academy_cont_top .cont_list li:hover{background:#f7f7f7;}
.academy_cont_top .cont_list li i{position:absolute; left:0; top:14px; display:inline-block; width:25px; height:25px; line-height:25px; font-size:12px; color:#fff; font-style:normal; font-weight:normal; text-align:center; background:#999; font-family:verdadan;}
	/* 하단 */
.academy_contwrap{}
.academy_contwrap .title{color:#1364d9; font-weight:600; font-size:30px; line-height:1.3; margin:0 0 20px;}
.academy_contwrap .cont{overflow:hidden; margin:-11px 0 0 -11px;}
.academy_contwrap .cont li{float:left; width:326px; height:520px; margin:11px 0 0 11px;}



/* 아카데미-찾아오시는길 --------------------------------------------------------- */

div.aca_map {padding:30px 0 70px;}



/*************************************************************** 표준공임 ***************************************************************/
.price-wrap{overflow:hidden; position:relative; margin-top:70px; padding-top:70px; border-top:1px solid #eee;}
.price-wrap.first{margin-top:50px; padding-top:0; border:0 none;}
.price-wrap h3{margin:0 0 15px;}
.price-wrap .caption{position:absolute; right:0; top:80px; font-size:13px;}
.price-wrap.first .caption{top:0;}
.price-wrap .stit{margin:20px 0 0; font-size:15px; font-weight:600; color:#222; letter-spacing:-0.05em;}
.price-wrap .price-table{}
.price-wrap .price-option{margin:10px 0 0;}

/*
.price-wrap .price-table{float:left; width:calc(80% - 15px);}
.price-wrap .price-option{float:right; width:20%;}
*/

/* 가격 */
.price-wrap .price-table table{border-left:1px solid #ddd;}
.price-wrap .price-table table th, .price-wrap .price-table table td{height:20px; padding:10px 0; text-align:center; font-size:13px; color:#666; font-weight:normal; line-height:1.6; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.price-wrap .price-table table th{}
.price-wrap .price-table table td{}
.price-wrap .price-table table thead{}
.price-wrap .price-table table thead tr:first-child th, .price-wrap .price-table table thead tr:first-child td{border-top:1px solid #ff7e02;}
.price-wrap .price-table table thead th, .price-wrap .price-table table thead td{}
.price-wrap .price-table table thead th{color:#222; font-weight:600; background:#fff5ec;}
.price-wrap .price-table table thead td{font-weight:normal; color:#666;}
.price-wrap .price-table table tbody{}
.price-wrap .price-table table tbody th, .price-wrap .price-table table tbody td{}
.price-wrap .price-table table tbody th{color:#222; font-weight:600; background:#fff5ec;}
.price-wrap .price-table table tbody td{}
.price-wrap .price-table table tbody td span{color:#ff7e02;}

/* 옵션 */
.price-wrap .price-option table{border-left:1px solid #ddd;}
.price-wrap .price-option table th, .price-wrap .price-option table td{height:40px; text-align:center; font-size:13px; color:#666; font-weight:normal; line-height:1.6; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.price-wrap .price-option table th{}
.price-wrap .price-option table td{}
.price-wrap .price-option table thead{}
.price-wrap .price-option table thead tr:first-child th, .price-wrap .price-table table thead tr:first-child td{border-top:1px solid #999;}
.price-wrap .price-option table thead th, .price-wrap .price-option table thead td{}
.price-wrap .price-option table thead th{color:#222; font-weight:600; background:#f7f7f7;}
.price-wrap .price-option table thead td{font-weight:normal; color:#666;}
.price-wrap .price-option table tbody{}
.price-wrap .price-option table tbody th, .price-wrap .price-option table tbody td{}
.price-wrap .price-option table tbody th{color:#222; font-weight:600; background:#f9f9f9;}
.price-wrap .price-option table tbody td{}

/* 부분시공 */
.price-wrap .part-price table{border-left:1px solid #ddd;}
.price-wrap .part-price table th, .price-wrap .part-price table td{height:40px; width:20%; text-align:center; font-size:13px; font-weight:normal; line-height:1.6; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.price-wrap .part-price table thead{}
.price-wrap .part-price table thead tr:first-child th, .price-wrap .price-table table thead tr:first-child td{border-top:1px solid #999;}
.price-wrap .part-price table thead th, .price-wrap .part-price table thead td{}
.price-wrap .part-price table thead th{background:#f7f7f7; font-weight:600; color:#333;}
.price-wrap .part-price table thead td{}
.price-wrap .part-price table tbody{}
.price-wrap .part-price table tbody th, .price-wrap .part-price table tbody td{}
.price-wrap .part-price table tbody th{}
.price-wrap .part-price table tbody td{}





/*************************************************************** 공통 ***************************************************************/
/* 타이틀 --------------------------------------------------------- */
h3{font-size:18px; font-weight:500; color:#333; padding-left:20px; line-height:1.6; background:url(../img/sub/h3.png) left 8px no-repeat;}


.notit_1, .notit_2, .notit_3, .notit_4, .notit_5, .notit_6, .notit_7, .notit_8, .notit_9, .notit_10, .notit_11, .notit_12, .notit_13, .notit_14, .notit_15{
	padding-left:33px; font-size:20px; color:#333; line-height:1.6; background-position:0 5px; background-repeat:no-repeat;}
.notit_1 small, .notit_2 small, .notit_3 small, .notit_4 small, .notit_5 small, .notit_6 small, .notit_7 small, .notit_8 small, .notit_9 small, .notit_10 small, .notit_11 small, .notit_12 small, .notit_13 small, .notit_14 small, .notit_15 small{font-size:18px; color:#777;}
.notit_1{background-image:url(../img/sub/no1.gif);}
.notit_2{background-image:url(../img/sub/no2.gif);}
.notit_3{background-image:url(../img/sub/no3.gif);}
.notit_4{background-image:url(../img/sub/no4.gif);}
.notit_5{background-image:url(../img/sub/no5.gif);}
.notit_6{background-image:url(../img/sub/no6.gif);}
.notit_7{background-image:url(../img/sub/no7.gif);}
.notit_8{background-image:url(../img/sub/no8.gif);}
.notit_9{background-image:url(../img/sub/no9.gif);}
.notit_10{background-image:url(../img/sub/no10.gif);}
.notit_11{background-image:url(../img/sub/no11.gif);}
.notit_12{background-image:url(../img/sub/no12.gif);}
.notit_13{background-image:url(../img/sub/no13.gif);}
.notit_14{background-image:url(../img/sub/no14.gif);}
.notit_15{background-image:url(../img/sub/no15.gif);}

.reddot{font-size:14px; color:#666; padding-left:33px; line-height:1.6; background:url(../img/sub/dot.gif) 18px 10px no-repeat; margin:5px 0;}




/* 라인 --------------------------------------------------------- */
.line10{margin:10px 0; height:1px; background:#eee;}
.line20{margin:20px 0; height:1px; background:#eee;}
.line30{margin:30px 0; height:1px; background:#eee;}
.line40{margin:40px 0; height:1px; background:#eee;}
.line50{margin:50px 0; height:1px; background:#eee;}
.line60{margin:60px 0; height:1px; background:#eee;}
.line70{margin:70px 0; height:1px; background:#eee;}
.line80{margin:80px 0; height:1px; background:#eee;}
.line90{margin:90px 0; height:1px; background:#eee;}
.line100{margin:100px 0; height:1px; background:#eee;}



/* 마진
--------------------------------------------------------- */
.top2{margin-top:2px;}
.top3{margin-top:3px;}
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top45{margin-top:45px;}
.top50{margin-top:50px;}
.top55{margin-top:55px;}
.top60{margin-top:60px;}
.top65{margin-top:65px;}
.top70{margin-top:70px;}
.top75{margin-top:75px;}
.top80{margin-top:80px;}
.top85{margin-top:85px;}
.top90{margin-top:90px;}
.top95{margin-top:95px;}
.top100{margin-top:100px;}

.bottom10{margin-bottom:10px;}
.bottom15{margin-bottom:15px;}
.bottom20{margin-bottom:20px;}

.left2{margin-left:2px;}
.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left35{margin-left:35px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}

/* 정렬
--------------------------------------------------------- */
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}


/* 클리어
--------------------------------------------------------- */
.clear{clear:both;}


/* 가로사이즈
--------------------------------------------------------- */
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w350{width:350px;}
.w360{width:360px;}
.w400{width:400px;}
.w410{width:410px;}
.w420{width:420px;}
.w400{width:450px;}
.w500{width:500px;}
.w550{width:550px;}
.w590{width:590px;}
.w600{width:600px;}
.w650{width:650px;}
.w700{width:700px;}
.w750{width:750px;}
.w800{width:800px;}
.w850{width:850px;}
.w900{width:900px;}
.w950{width:950px;}