@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* skipNav */
#skipNav a{display:block;overflow:hidden;height:0;line-height:24px;text-align:center;background:#000;color:#fff;}
#skipNav a:focus{height:auto;}

/* reset css */
html,body{margin:0;padding:0;height:100%;}
body{font:13px/19px "Nanum Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#666; background-color:#fff; letter-spacing:-0.5px;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font:13px/19px "Nanum Gothic", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#666;vertical-align:middle; letter-spacing:-0.5px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;overflow:hidden;line-height:0.01%;font-size:0.01%;width:0;height:0;}
img,fieldset{border:0 none;vertical-align:middle;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a{color:#767676;text-decoration:none; vertical-align:middle;}
*{max-height:1000000px;}
/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"]{height:16px;padding:2px 0 1px;border:1px solid #cfcfcf;line-height:16px;text-indent:5px;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px; vertical-align:middle;}
input[type="file"]{border:1px solid #cfcfcf;background:#fff;}
textarea{overflow:auto;overflow-x:hidden;border:1px solid #cfcfcf;background:#fff;resize:none;}
select{border:1px solid #cfcfcf;}

/* Button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
button span{position:relative;}

/* Layout */
#wrap{min-width:960px;}
#header{height:99px; position:relative; z-index:10}
#header .body{width:960px; margin:0 auto;}
#header .body:after{content:''; display:block; clear:both;}
#header h1{padding:39px 0 20px 3px; float:left; position:relative; z-index:11;}
#header h1 img{vertical-align:top;}
#header .gnb{padding:26px 0 0; float:right;}
#header .gnb:after{content:''; display:block; clear:both;}
#header .gnb li{padding-left:17px; float:left; font-size:12px;}
#header .gnb li a{color:#666;}
#header .gnb li img{vertical-align:middle;}

.lnbWrap{width:100%; background:url('../image/lnb_wrap_bg.png') repeat; position:absolute; left:0; top:99px; z-index:10;}
.lnbWrap.on{border-bottom:1px solid #ddd;}
.lnbWrap .inner{width:960px; height:57px; margin:-57px auto 0; background:url('../image/lnb_inner_bg.png') 0 57px no-repeat; overflow:hidden;}
.lnbWrap .inner:after{content:''; display:block; clear:both;}
.lnb{width:730px; float:right; display:table; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
.lnb>ul{display:table-row;}
.lnb>ul>li{display:table-cell; text-align:center; font-size:16px; font-weight:bold; line-height:20px;}
.lnb>ul>li>a{height:40px; padding:20px 15px 0; display:inline-block; text-align:center; color:#333;}
.lnb>ul>li.active>a{height:37px; color:#f1390e; border-bottom:3px solid #fe5f0e;}
.lnb ul li ul{padding:8px 0 13px 60px;}
.lnb ul li ul.lnbSub04{padding-left:48px;}
.lnb ul li ul li{text-align:left; font-size:13px; line-height:25px; font-weight:100;}
.lnb ul li ul li a{color:#767676;}
.lnb ul li ul li a:hover{color:#f1390e; text-decoration:none;}

#footer{background:#5a5a5a;}
#footer .body{width:960px; padding:24px 0; margin:0 auto; position:relative;}
#footer .body:after{content:''; display:block; clear:both;}
#footer .f_logo{margin-right:20px; float:left;}
#footer .f_cont{width:665px; float:left;}
#footer .fnb{padding:5px 0;}
#footer .fnb:after{content:''; display:block; clear:both;}
#footer .fnb li{padding:0 9px; font-size:12px; float:left; background:url('../image/footer_part.png') left center no-repeat;}
#footer .fnb li:first-child{padding-left:0; background:none;}
#footer .fnb li a{color:#fff;}
#footer .f_info{width:100%; margin-bottom:3px; line-height:16px; color:#b8b8b8; font-size:0; overflow:hidden;}
#footer .f_info span{padding:0 18px 0 9px; margin-left:-9px; display:inline-block; font-size:12px; background:url('../image/footer_part.png') left center no-repeat;}


#footer .copyright{font-size:10px; color:#949393; text-transform:uppercase;}
#footer .familySite{position:absolute; right:10px; top:29px;}
#footer .familySite>a.handler{width:139px; height:32px; display:block; overflow:hidden;}
#footer .familySite ul{width:139px; position:absolute; left:0; bottom:32px; background:#fff; display:none;}
#footer .familySite ul li{border-left:1px solid #eee; border-right:1px solid #eee; font-size:12px;}
#footer .familySite ul li:first-child{padding-top:10px; border-top:1px solid #eee;}
#footer .familySite ul li a{padding:5px; display:block;}
#footer .familySite ul li a:hover{background:#eee;}


/* Main */
.mainVisual{border-top:3px solid #f6931e; position:relative; z-index:0;}
.mv{height:492px; position:relative;}
.mv li{width:100%; height:492px; position:absolute; left:0; top:0; z-index:0; display:none; z-index:0;}
.mv li.ver1{background:url('../image/main/mv01.jpg') center top no-repeat; display:block; z-index:1;}
.mv li.ver2{background:url('../image/main/mv02.jpg') center top no-repeat;}
.mv li.ver3{background:url('../image/main/mv03.jpg') center top no-repeat;}
.mainVisual .controller02{margin-left:-455px; position:absolute; left:50%; top:278px; text-align:left; z-index:2;}

.m_content_top{width:960px; padding:28px 0; margin:0 auto;}
.m_content_top:after{content:''; display:block; clear:both;}
.m_talk{width:680px; margin-right:30px; float:left; position:relative;}
.m_talk h2{padding:4px 0 9px; margin-bottom:13px; font-size:20px; font-weight:bold; color:#333; border-bottom:1px solid #ddd;}
.m_talk .inner{width:100%; height:225px; overflow:hidden; position:relative;}
.m_talk .talk_list{width:1000%; position:absolute; left:0; top:0;}
.talk_list{overflow:hidden;}
.talk_list li{width:160px; float:left; margin-left:13px; font-size:13px; line-height:18px;}
.talk_list li:first-child{margin-left:0;}
.talk_list li .photo{width:100%; height:110px; margin-bottom:10px; background:#f2f2f2; overflow:hidden; text-align:center;}
.talk_list li .photo img{max-height:100%;}
.talk_list li .subject{margin-bottom:8px; display:block; font-weight:bold; color:#f6931e; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.talk_list li .desc{overflow:hidden;height:36px;margin-bottom:8px; color:#666;}
.talk_list li .dates{font-size:12px; color:#999;}
.talk_list li .dates em{margin-left:8px; color:#767676;}
.talk_list li .dates em:before{width:12px; height:11px; content:''; display:inline-block; background:url('../image/main/ico_like.png') no-repeat; vertical-align:middle;}
.m_talk .nav{position:absolute; right:0; top:0; font-size:0; overflow:hidden}
.m_talk .nav button{margin:0 4px 0 3px; float:left;}

.m_banner{width:250px; height:276px; float:left; position:relative; overflow:hidden;}
.m_banner ul{}
.m_banner ul li{width:250px; height:276px; position:absolute; left:100%; top:0; z-index:0;}
.m_banner ul li:first-child{left:0;}
.m_banner .controller{width:100%; text-align:center; position:absolute; left:0; bottom:13px; z-index:2;}

.m_content_bottom{padding:24px 0 27px; background:url('../image/main/m_content_bottom_bg.png') repeat;}
.m_content_bottom .body{width:960px; margin:0 auto;}
.m_content_bottom .body:after{content:''; display:block; clear:both;}
.m_bbs{width:423px; min-height:170px; padding:22px 25px; background:#fff; float:left; border:1px solid #ddd; position:relative;}
.m_bbs.ver2{float:right;}
.m_bbs h2{padding:0 0 15px 9px; font-size:20px; font-weight:bold; color:#333;}
.m_bbs ul{}
.m_bbs ul li{padding:3px 0; overflow:hidden;}
.m_bbs ul li p{width:345px; float:left; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.m_bbs ul li p:before{width:4px; height:4px; margin-right:6px; content:''; display:inline-block; font-size:0; line-height:0; background:#aaa;}
.m_bbs ul li p a{color:#666;}
.m_bbs ul li span{margin-top:1px; float:right; font-size:12px; color:#999;}
.m_bbs .more{position:absolute; right:33px; top:29px;}

.m_partner{width:958px; height:67px; margin-top:10px; float:left; border:1px solid #dddddd; position:relative; background:#fff url('../image/class_company.png') left top no-repeat;}
.m_partner .inner{width:814px; height:100%; margin:0 0 0 142px; overflow:hidden; position:relative;}
.m_partner .inner ul{width:1000%; position:absolute; left:0; top:0; overflow:hidden;}
.m_partner .inner ul li{width:2%; height:67px; float:left; text-align:center; font-size:0;}
.m_partner .inner ul li:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.m_partner .inner ul li img{max-width:100%; max-height:67px; vertical-align:middle;}
.m_partner .nav button{margin-top:-10px; position:absolute; top:50%;}
.m_partner .nav button.prv{left:158px;}
.m_partner .nav button.next{right:18px;}

.controller{font-size:0;}
.controller button{width:12px; height:11px; margin:0 3px; display:inline-block; overflow:hidden; background:url('../image/controller_bg.png') 0 0 no-repeat; overflow:hidden; font-size:0; line-height:0;}
.controller button.active{background-position:0 -11px;}
.controller02{font-size:0;}
.controller02 a,.controller02 button{width:15px; height:15px; margin:0 2px 0 3px; display:inline-block; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}
.controller02 a{background:url('../image/controller_bg02.png') 0 -30px no-repeat;}
.controller02 a.stop{background-position:0 -45px;}
.controller02 button{background:url('../image/controller_bg02.png') 0 0 no-repeat;}
.controller02 button.active{background-position:0 -15px;}

/* Sub */
.subVisual{height:157px; border-top:3px solid #f6931e; background:url('../image/sub/sub_visual05.jpg') center top no-repeat;}
.subVisual.ver1{background:url('../image/sub/sub_visual01.jpg') center top no-repeat;}
.subVisual.ver2{background:url('../image/sub/sub_visual02.jpg') center top no-repeat;}
.subVisual.ver3{background:url('../image/sub/sub_visual03.jpg') center top no-repeat;}
.subVisual.ver4{background:url('../image/sub/sub_visual04.jpg') center top no-repeat;}
.subVisual.ver5{background:url('../image/sub/sub_visual05.jpg') center top no-repeat;}
#contents{width:960px; margin:0 auto; padding:50px 0 55px;}
#contents:after{content:''; display:block; clear:both;}
.snbWrap{width:210px; margin-right:40px; float:left;}
.snbWrap h2{padding:0 0 35px 18px; font-size:26px; font-weight:100; color:#f79037;}
.snb{margin-bottom:10px; border-top:1px solid #ececec;}
.snb li{border-bottom:1px solid #ececec; font-size:14px; position:relative;}
.snb li:after{width:6px; height:11px; margin-top:-6px; font-size:0; line-height:0; content:''; display:block; position:absolute; right:21px; top:50%; background:url('../image/sub/snb_bullet.png') no-repeat;}
.snb li a{padding:8px 18px; display:block; color:#666;}
.snb li.active{border-bottom:1px solid #f79037; background:#f79037;}
.snb li.active:after{content:''; background:url('../image/sub/snb_bullet_on.png') no-repeat;}
.snb li.active a{color:#fff;}

.contentsWrap{width:710px; float:left;}
h3.pageTitle{font-size:30px; font-weight:100; color:#333;}
h3.pageTitle span{font-size:20px; color:#f79037}
.location{margin:-22px 0 35px; font-size:11px; color:#999; text-align:right;}
.location a{margin:0 2px; color:#999;}
.location a:first-child{width:13px; height:12px; margin-top:-1px; display:inline-block; font-size:0; line-height:0; text-indent:-9999px; background:url('../image/sub/ico_home.png') no-repeat; vertical-align:middle;}
.location a.current{margin-right:0; color:#f79037;}

/* layerpop */
.layerpop{display:none;position:absolute;left:0;top:0;z-index:9999;width:100%;padding:200px 0 0;color:#333;text-align:center;}
.layerpop.on{display:block;}
.layerpop .shadow{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layerpop .inner{display:inline-block;position:relative;margin:0 auto;padding:50px 30px;border-top:3px solid #f79037;background:#fff;text-align:left;}
.layerpop h1{margin:0 0 15px;font-weight:bold;font-size:16px;}
.layerpop .head{font-size:15px;color:#333;}
.layerpop .head .t_point{font-size:24px;}
.layerpop .btn_right{margin:10px 0 0;text-align:right;}
.layerpop .close{position:absolute;right:0;top:-31px;}
.layerpop .btn_wrap .close{position:static;}
.layerpop h3{font-size:14px; font-weight:bold; color:#000;}

/* page */
.vision{padding:7px 0 50px;}
.vision .imgCont{padding:38px 0 34px;}
.vision .imgCont02{padding:0 0 5px 0;}
.vision .section{margin-bottom:30px;}
.vision .section .cont{}
.vision .section .cont strong{margin-bottom:5px; display:block; font-size:16px; font-weight:100; color:#333}
.vision ul{padding:10px; background:url('../image/sub/vision_bg.png')repeat;}
.vision ul li{padding:5px 0; color:#666;}
.vision ul li strong{font-weight:bold; color:#23429b}
.vision ul li strong.ver1{}
.vision ul li strong.ver2{color:#f79037;}
.vision ul li strong.ver3{color:#fabb13;}
.vision ul li strong.ver4{color:#39b64c;}
.vision ul li strong.ver5{color:#05b8fa;}
.vision ul li em{font-weight:bold; color:#333;}

.vision_cont{overflow:hidden}
.vision_cont li{width:218px; margin-left:28px; float:left;}
.vision_cont li:first-child{margin-left:0;}
.vision_cont li strong{margin-bottom:5px; display:block; text-align:center; font-size:16px; font-weight:bold; color:#333;}
.vision_cont li .cont{padding:12px 0; text-align:center; font-size:13px; line-height:19px; color:#666; background:#f5f5f5;}

.greeting{padding:22px 0 80px; position:relative; z-index:0;}
.greeting .cont{position:relative; z-index:1; text-align:justify;}
.greeting .hd{margin-bottom:20px;}
.greeting .photo{position:absolute; right:-80px; top:0; z-index:0;}

.contactusWrap{padding-bottom:50px;}
.tabCont{display:none;}
#contactus{display:block;}
#tabCamp01{display:block;}
.contactBox{padding:4px; border:1px solid #eee}
.contactBox .maps{width:700px; height:348px; overflow:hidden;}
.contactBox .info{padding:35px 0 5px; overflow:hidden}
.contactBox .info strong{padding:3px 66px 0; float:left; display:block;}
.contactBox .info table{width:400px; float:left}
.contactBox .info table th,.contactBox .info table td{padding-bottom:15px; text-align:left; font-size:14px;}
.contactBox .info table th{color:#ed6f02}
.contactBox .info table td{color:#767676; line-height:18px;}

.facilities_photo{margin-bottom:35px; position:relative;}
.facilities_photo .nav{font-size:0; position:absolute; right:16px; top:14px; z-index:2; overflow:hidden}
.facilities_photo .nav button{float:left;}


.facilities_list{width:100%; height:473px; position:relative; overflow:hidden}
.facilities_list li{width:100%; height:473px; position:absolute; left:100%; top:0; display:none; z-index:0;}
.facilities_list li:first-child{display:block; left:0;}
.facilities_list li .desc{padding:15px 13px; background:#484848; font-size:13px; color:#f7ffff;}
.facilities_list li .photo{width:100%; height:423px; border-bottom:1px solid #606364;}
.facilities_list li .photo img{width:100%; height:100%;}
.facilities_thumb{width:100%; overflow:hidden}
.facilities_thumb li{width:10%; margin:2px 0 0 0; float:left; opacity:.5; filter:alpha(opacity=50);}
.facilities_thumb li a{height:38px; display:block; margin:0 1px; overflow:hidden}
.facilities_thumb li img{width:100%; height:38px;}
.facilities_thumb li.active{opacity:1; filter:alpha(opacity=100);}


/* common */
.tabA{width:100%; margin-bottom:20px; display:table; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
.tabA ul{display:table-row}
.tabA ul li{display:table-cell; border:1px solid #eee; border-bottom:1px solid #f79037; font-size:14px; line-height:33px;}
.tabA ul li a{display:block; text-align:center; color:#999;}
.tabA ul li.active{border:1px solid #f79037; border-bottom:1px solid #fff; position:relative;}
.tabA ul li.active a{color:#f79037}

.tabB{margin-bottom:20px;}
.tabB ul{overflow:hidden;}
.tabB ul li{width:50%; float:left; font-size:14px; line-height:33px;}
.tabB ul li a{display:block; text-align:center; color:#999; border:1px solid #eee; border-bottom:1px solid #f79037;}
.tabB ul li.active a{border:1px solid #f79037; border-bottom:1px solid #fff; position:relative; color:#f79037}

.sectionA{padding-bottom:25px;}
.sectionB{padding:5px 0 25px;}
.dlA{}
.dlA dt{margin-bottom:5px; font-size:16px; color:#333;}
.dlA dd{margin-bottom:25px;}
.sTitle{margin-bottom:20px; padding:0 0 0 24px; font-size:20px; font-weight:bold; color:#20409a; background:url('../image/sub/s_title_bullet.png') left center no-repeat;}

.contTable{}
.contTable th,.contTable td{padding:13px 0; border:1px solid #d7d6d6; border-right:0; text-align:center; font-size:13px;}
.contTable th{border-top:1px solid #20409a; font-weight:bold; color:#333; background:#fbfbfb}
.contTable td{color:#666;}
.contTable tr th:first-child,.contTable tr td:first-child{border-left:0}

.conts{}
.imgCont{padding:8px 0 26px 0;}

.ulA{width:100%; display:table; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
.ulA li{display:table-row;}
.ulA li strong{width:201px; padding:2px 0 0 4px; display:table-cell; font-size:14px; font-weight:100; color:#333; vertical-align:top;}
.ulA li .cont{display:table-cell;}
.ulA li .cont .inner{min-height:56px; margin-bottom:11px; padding:6px 10px; background:url('../image/sub/pattern01.png') repeat}
.ulA.ver2 li strong{width:221px;}

.step_table{width:100%; display:table; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
.step_table li{display:table-row;}
.step_table li:first-child .step_num,.step_table li:first-child .cont{border-top:1px solid #eee;}
.step_table li .step_num{width:132px; display:table-cell; text-align:center; vertical-align:middle; border-bottom:1px solid #eee;}
.step_table li .cont{height:150px; padding:0 20px; display:table-cell; vertical-align:middle; border-bottom:1px solid #eee; position:relative;}
.step_table li .cont strong{width:100%; margin-bottom:17px; display:inline-block; font-size:16px; color:#333;}
.step_table li .cont em{margin-top:2px; display:inline-block; font-weight:bold; color:#333;}
.step_table li .cont:before{width:100%; height:1px; padding-left:132px; content:''; display:block; position:absolute; left:-132px; top:3px; background:#f7f7f7; overflow:hidden; font-size:0; line-height:0;}
.step_table li:first-child .cont:before{display:none}
.step_table li .cont:after{width:100%; height:17px; padding-left:132px; content:''; display:block; position:absolute; left:-132px; top:-1px; background:url('../image/sub/step_table_bg.png') center top no-repeat; overflow:hidden; font-size:0; line-height:0;}
.step_table li:first-child .cont:after{display:none}