@charset "utf-8";

/* 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 */
* {max-height:1000000px;}
html,body{margin:0;padding:0;}
body{font:13px/1.5 "Nanum Gothic", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#767676; background-color:#fff;letter-spacing:-.25px;-webkit-text-size-adjust:none;word-break:keep-all;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font:13px/1.5 "Nanum Gothic", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#767676;vertical-align:middle;letter-spacing:-.25px;word-break:normal;}
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:inherit;text-decoration:none;}

/* 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 #e2e2e2;line-height:16px;text-indent:5px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}
input[type="submit"],
input[type="button"]{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px;}
input[type="file"]{border:1px solid #e2e2e2;background:#fff;}
textarea{overflow:auto;overflow-x:hidden;border:1px solid #e2e2e2;background:#fff;resize:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}
select{max-width:100%;border:1px solid #e2e2e2;}

/* 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;}

/* Guide */
#wrap{min-width:1200px;}
.wrapper{position:relative;width:1200px;margin:0 auto;}
.wrapper:after{content:'';display:block;clear:both;}

/***************************************************** Reset *****************************************************/

.btn_wrap{position:relative;margin:15px 0 0;text-align:center;}
.btn_wrap:after{content:'';display:block;clear:both;}
.btn_wrap .btn_left{float:left;}
.btn_wrap .btn_right{float:right;}
.btn_wrap input,
.btn_wrap button,
.btn_wrap a{display:inline-block;margin:0 1px;vertical-align:middle;}

/* Font */
.t_point{color:#0c4595;}
.t_strong{color:#333;}

/* Align */
.al_middle{display:inline-block;vertical-align:middle;}

/* Box */
.box_scroll{}
.box_scroll .box{overflow:auto;overflow-x:hidden;height:;}

/* Table */
.table_wrap{overflow:hidden;margin:0 -1px 0 0;}
.table_wrap .dtable{margin:0 0 0 -1px;border-right:0;}
.dtable{width:100%;border-top:1px solid #e6e6e9;border-right:1px solid #e6e6e9;}
.dtable th,
.dtable td{padding:8px 5px 7px;border-bottom:1px solid #e6e6e9;border-left:1px solid #e6e6e9;text-align:center;}
.dtable th,
.dtable td.th{background:#eaebee;font-weight:bold;color:#202020;}
.dtable.row th,
.dtable.row td,
.dtable .title{text-align:left;}
.dtable.row .th{text-align:center;}

.table_form{display:table;width:100%;border-collapse:collapse;border-spacing:0;}
.table_form .tr{display:table-row;}
.table_form .td{display:table-cell;vertical-align:middle;}
.table_form.v-top .td{vertical-align:top;}

.dtable_txt{position:relative;}
.dtable_txt:after{content:'';display:block;clear:both;}
.dtable_txt .txt_left{float:left;}
.dtable_txt .txt_right{float:right;}

.dtable_desc{position:relative;margin:15px 0 0;}
.dtable_desc:after{content:'';display:block;clear:both;}
.dtable_desc .txt_left{float:left;}
.dtable_desc .txt_right{float:right;}
/****************************** Interface 버튼 정렬, 강조 컬러, 사용자 테이블 등(사용하지 않을거면 지워도 무방) ******************************/


#header{height:78px; position:relative; z-index:4; border-bottom:1px solid #ededed;}
#header:after{content:''; width:100%; height:15px; position:absolute; left:0; bottom:-15px; background:url('../image/header_shadow.png') repeat-x;}
#header .wrapper{z-index:3;}
#header h1{position:absolute; left:0; top:23px;}
#header #lnb{width:1200px; margin:0 auto;}
#header #lnb>ul{margin:0 0 0 220px;}
#header #lnb>ul:after{content:''; display:block; clear:both;}
#header #lnb>ul>li{float:left; font-size:18px; font-weight:bold; margin:0 0 0 80px;}
#header #lnb>ul>li:first-child{margin-left:0;}
#header #lnb>ul>li>a{height:51px; padding:27px 0 0; display:block; text-align:center; color:#000;}
#header #lnb>ul>li>a img{vertical-align:top;}
#header #lnb li ul{padding:10px 15px 8px; position:absolute; top:78px; display:none; opacity:0; filter:alpha(opacity=0); margin-top:10px;}
#header #lnb li ul:before{content:''; width:11px; height:9px; margin-left:-5px; position:absolute; left:50%; top:-9px; background:url('../image/lnb_sub_arrow.png') no-repeat; z-index:2;}
#header #lnb li ul:after{content:''; display:block; clear:both;}
#header #lnb li li{padding:0 15px; float:left; font-size:13px; font-weight:bold; position:relative;}
#header #lnb li li:before{content:''; width:2px; height:11px; margin-top:-4px; display:block; position:absolute; left:0; top:50%; background:url('../image/lnb_sub_part.png') no-repeat;}
#header #lnb li ul li:first-child:before{display:none;}
#header #lnb li li a{color:#fff; opacity:0.7; filter:alpha(opacity=70);}
#header #lnb li li a:hover{opacity:1; filter:alpha(opacity=100);}
#header .gnb{position:absolute; right:0; top:0;}
#header .gnb:after{content:''; display:block; clear:both;}
#header .gnb > ul{margin:31px 0 0 0; float:left; overflow:hidden;}
#header .gnb > ul li{padding:0 11px; float:left; font-size:13px; position:relative;}
#header .gnb > ul li:before{content:''; width:1px; height:12px; margin-top:-6px; background:#e4e4e4; display:block; position:absolute; left:0; top:50%;}
#header .gnb > ul li:first-child:before{display:none;}
#header .gnb > ul li a{color:#666;}

#header .lang_select{padding:2px; margin:29px 0 0 2px; float:left; border:1px solid #fff; position:relative;}
#header .lang_select:after{content:none; width:6px; height:5px; display:block; background:url('../image/lang_select_arrow.png') 0 0 no-repeat; position:absolute; right:-10px; top:10px;}
#header .lang_select.active{border:1px solid #ccc;}
#header .lang_select.active:after{background-position:0 -5px;}
#header .lang_select ul{}
#header .lang_select ul li{}
#header .lang_select ul li img{vertical-align:top;}
#header .lang_select ul li+li{margin-top:3px; display:none;}
#header .lang_select.active ul li+li{display:block;}

#header .lnb_cover{width:100%; height:0; position:absolute; left:0; top:78px; background:#482525; z-index:2;}
#container{}
#contents{}
#footer{padding:23px 0; border-top:1px solid #e2e2e2; background:#f0f0f0; font-size:11px;}
#footer .fnb{margin-bottom:14px; overflow:hidden;}
#footer .fnb li{padding:0 9px; float:left; font-weight:bold;}
#footer .fnb li:first-child{padding-left:0;}
#footer .fnb li a{color:#4b4b4b;}
#footer .f_info{line-height:18px; color:#949494;}
#footer .f_info > span{display:inline-block;}
#footer .copyright{color:#afafaf;}

.top_banner{background:#aaa url('../image/sub/bg_sub1.jpg') no-repeat 50% 0;font-size:0;}
.top_banner .outer{height:100%;background-repeat:no-repeat;background-position:50% 0;}
.top_banner .wrapper{height:259px;}
.top_banner .wrapper:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.top_banner p{display:inline-block;vertical-align:middle;color:#fff;font-size:13px;}
.top_banner p em{display:block;margin:0 0 5px;font-size:40px;line-height:1.2;font-weight:100;}
.top_banner p em strong{font-weight:400;}

/* Main */
.mainVisual{height:527px; position:relative;}
.mainVisual .list{}
.mainVisual .list li{width:100%; height:100%; position:absolute; left:0; top:0; display:none; z-index:0;}
.mainVisual .list li{background-position:50% 0;background-repeat:no-repeat;}
.mainVisual .list li:first-child{display:block; z-index:1}



.mainVisual .controller{width:100%; position:absolute; left:0; bottom:40px; text-align:center; z-index:2; font-size:0;}
.mainVisual .controller a{width:16px; height:14px; display:inline-block; zoom:1; *display:inline; background:url('../image/main/controller.png') no-repeat; font-size:0; text-indent:-9999px;}
.mainVisual .controller a.active{width:40px; background-image:url('../image/main/controller_on.png');}
.mainVisual .controller a,.mainVisual .controller button{margin:0 3px; vertical-align:top;}
.mainVisual .controller button img{vertical-align:top;}
.mainVisual .controller > span{margin-left:8px;}
.mainVisual .nav{}
.mainVisual .nav button{margin-top:-22px; position:absolute; left:50%; top:50%; z-index:2;}
.mainVisual .nav button.prv{margin-left:-644px;}
.mainVisual .nav button.next{margin-left:600px;}

.main_cont{padding:30px 0 35px;}
.main_cont:after{content:''; display:block; clear:both;}
.main_cont .colum_3{width:392px; float:left; position:relative;}
.main_cont .colum_3+.colum_3{margin-left:12px;}
.main_cont .colum_3 h2{padding:0 0 5px 8px; font-size:18px; font-weight:bold; color:#000;}
.main_cont .colum_3 .more{position:absolute; right:10px; top:0;}
.main_cont .colum_3 h6{display:none;}
.mProduct{height:202px; border:1px solid #e2e2e2;}
.mProduct .more{display:none;}

#mNew{}
#mNew ul{padding:27px 0 0;}
#mNew ul:after{content:'';display:block;clear:both;}
#mNew li{width:100px;margin:0 0 0 23px;text-align:center;}
#mNew li > a{display:block;height:100px;border:1px solid #e2e2e2;box-sizing:border-box;font-size:0;text-align:center;}
#mNew li > a:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
#mNew li > a img{max-width:100%;max-height:100%;}
#mNew li .gname{overflow:hidden;height:38px;margin:25px 0 0;font-weight:bold;font-size:13px;color:#444;font-family:inherit;line-height:1.5;}
#mNew li .gprice{display:none;}

#mGal{}
#mGal .widget_review01{margin:0;}
#mGal li{padding:15px;border:0;}
#mGal li > a{display:block;}
#mGal li > a:after{content:'';display:block;clear:both;}
#mGal li + li{border-top:1px solid #e2e2e2;}
#mGal .thumb{display:block;width:125px;height:70px;box-shadow:none;margin:0;}
#mGal .thumb img{width:100%;height:100%;max-width:none;}
#mGal .thumb + p{margin:0 0 0 140px;}
#mGal .title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#mGal .title{font-size:13px;color:#444;}
#mGal .galtext{display:none;}
#mGal .galdate{position:static;font-size:12px;}

#mEvt{}
#mEvt .widget_review01{margin:0;}
#mEvt li{padding:15px;border:0;}
#mEvt li > a{display:block;margin:-15px;}
#mEvt li > a:after{content:'';display:block;clear:both;}
#mEvt .thumb{display:block;overflow:hidden;float:none;height:202px;box-shadow:none;margin:0;font-size:0;text-align:center;}
#mEvt .thumb img{width:100%;max-width:none;}
#mEvt .txt{display:none;}
#mEvt .more{}
#mEvt .more button{width:29px;height:29px;background-repeat:no-repeat;}
#mEvt .more button.prev{background-image:url('../image/main/nav_prv.png');}
#mEvt .more button.next{background-image:url('../image/main/nav_next.png');}
#mEvt .more button span{font-size:0;}

/* Sub */
#sBody{padding:0 0 100px;}
#sBody .subVisual{height:155px; margin-bottom:30px; background:url('../image/sub/sub_visual_bg.jpg') center top no-repeat; text-align:center;}
#sBody .subVisual > img{display:none;}
#sBody #conLeft{width:220px; float:left;}
#sBody #conLeft h2{padding:3px 0 27px 18px; font-size:26px; line-height:26px; font-weight:bold; color:#000; background:url('../image/sub/conLeft_h2_bg.png') left bottom no-repeat;}
#sBody .lnb{margin-bottom:15px;}
#sBody .lnb li{font-size:16px; border-bottom:1px solid #ececec;}
#sBody .lnb li a{padding:11px 17px; display:block; color:#666;}
#sBody .lnb li.active{position:relative;}
#sBody .lnb li.active:after{content:''; width:8px; height:15px; margin-top:-8px; position:absolute; right:20px; top:50%; background:url('../image/sub/lnb_active_bg.png') no-repeat;}
#sBody .lnb li.active a{font-weight:bold; color:#000;}
#sBody .lnb .sub{display:none;}
#sBody #contents{}
#sBody #conLeft+#contents{width:930px; float:right;}

#sBody .contentsHead{position:relative; margin:0 0 15px; border-bottom:1px solid #ececec;}
#sBody .contentsHead h3{padding:0 0 15px; font-size:40px; line-height:40px; font-weight:bold; color:#333; text-transform:capitalize;}
#sBody .contBody{}
#location{min-width:50%; text-align:right; font-size:12px; color:#666; position:absolute; right:0; top:15px;}
#location a{margin:0 2px; color:#666;}
#location a:first-child{width:14px; height:14px; margin:-3px 5px 0 0; display:inline-block; font-size:0; line-height:0; text-indent:-9999px; background:url('../image/sub/ico_home.png') no-repeat; vertical-align:middle;}

/* Common */
.tabs_ver_cont{margin-bottom:30px; border-bottom:1px solid #2184b7;}
.tabs_ver_cont ul{padding:0 0 0 39px;}
.tabs_ver_cont ul:after{content:''; display:block; clear:both;}
.tabs_ver_cont ul li{width:220px; margin:0 0 -1px -1px; float:left; border:1px solid #ddd; border-bottom:1px solid #2184b7; font-size:16px; line-height:43px; color:#999;}
.tabs_ver_cont ul li a{display:block; text-align:center;}
.tabs_ver_cont ul li.active{position:relative; border:1px solid #2184b7; border-bottom:1px solid #fff;}
.tabs_ver_cont ul li.active a{font-weight:bold; color:#2184b7;}

/* article */
.article_wrap{margin:90px 0 0;}
#sBody #contents > h3 + .article_wrap,
.article_wrap:first-child{margin-top:50px;}
.article_wrap .article{margin:20px 0 0;}
.article_wrap .article:first-child{margin-top:0;}

.h4{position:relative;margin:0 0 10px;padding:0 0 0 13px;font-weight:bold;font-size:17px;color:#393939;text-transform:capitalize;letter-spacing:-1px;}
.h4:before{content:'';position:absolute;left:0;top:4px;height:17px;border-left:3px solid #343434;vertical-align:-3px;}
.h5{margin:0 0 5px;font-weight:bold;font-size:16px;color:#444;text-transform:capitalize;letter-spacing:-1px;}
.h6{margin:0 0 5px;font-weight:bold;font-size:15px;color:#444;text-transform:capitalize;letter-spacing:-1px;}
.h6.stick:before{content:'';display:inline-block;vertical-align:middle;position:relative;top:-2px;width:7px;height:4px;margin:0 5px 0 0;background:#0f0e9f;font-size:0;}

/* tabContents */
.tab_wrap .tabMenu{display:table;table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0;border:none;}
.tab_wrap .tabMenu ul{display:table-row;}
.tab_wrap .tabMenu li{display:table-cell;height:43px;line-height:43px;text-align:center;vertical-align:middle;}
.tab_wrap .tabMenu li:first-child a{margin-left:0;}
.tab_wrap .tabMenu li a {display:block;position:relative;margin:0 0 0 -1px;text-align:center;font-weight:bold;color:#6c6c6c;border:1px solid #dfdfdf;background:#f5f5f5;}
.tab_wrap .tabMenu li a:hover,
.tab_wrap .tabMenu li.on a{border-bottom-color:#fff;color:#000;background:#fff;z-index:2;}
.tab_wrap .tabMenu li a:hover:before,
.tab_wrap .tabMenu li.on a:before{content:'';position:absolute;left:-1px;top:-1px;right:-1px;border-top:2px solid #000;}
.tab_wrap .tabcont {overflow:hidden;height:0;}
.tab_wrap .tabcont.on{overflow:visible;height:auto;padding:30px 0 0;}

/* 연락처/약도 */
.map_wrap{width:930px; margin-top:20px;}
.map01{width:930px; height:335px; background:#f7f7f7; overflow:hidden}
.map_img{width:552px; height:335px; margin:10px; float:left; overflow:hidden;}
.map_text{width:340px; float:right; padding:0 10px 0 0;}
.map_title01{font:bold 20px "Nanum Gothic"; color:#393939; padding-top:40px;}
.map_title01 img{position:relative;top:-2px;margin:10px;}
.map_text01{font:normal 15px/1.5 "Nanum Gothic"; color:#6c6c6c; padding-left:25px;}
.bold_text{display:inline-block;width:40px;font-weight:bold; color:#393939;}
.map_iconWrap{width:931px; height:78px; margin-top:15px;}
.map_textWrap{width:800px; padding-top:15px;}
.map_icon01{width:107px; height:78px; background:url('../image/sub/map_icon01.jpg') no-repeat; float:left; margin-right:10px;}
.map_icon02{width:107px; height:78px; background:url('../image/sub/map_icon02.jpg') no-repeat; float:left; margin-left:15px;}
.map_title02{font:bold 20px/1.5 "Nanum Gothic"; color:#393939;}
.map_text02{font:normal 15px "Nanum Gothic"; color:#6c6c6c;}

/* 연혁 */
#history_img01{width:326px; height:428px; background:url('../image/history_img01.jpg') no-repeat; float:left; margin-top:15px; margin-left:-7px;}
#history_img02{width:304px; height:574px; background:url('../image/history_img02.jpg') no-repeat; float:left; margin-top:20px;}
#history_img03{width:326px; height:418px; background:url('../image/history_img03.jpg') no-repeat; float:left; margin-top:20px;}
.history_con{float:right; width:528px;}
.history_con h2{font:bold 25px "Nanum Gothic"; color:#f54500; margin-top:35px; margin-bottom:15px;}
.history_list li{border-top:solid 1px #efefef; font:normal 13px/1.5 "Nanum Gothic"; color:#767676; padding:15px 55px; text-align:left; position:relative;}
.history_list li:last-child{border-bottom:solid 1px #efefef;}
.history_month{background:url('../image/sub/square_icon.png') no-repeat center left; width:40px; padding-left:15px; font-weight:bold; color:#222222; position:absolute; left:0px;}

/* 인사말 */
.greeting_wrap{padding:50px 0 0;font-size:15px;}
.greeting_wrap:after{content:'';display:block;clear:both;}
.greeting_wrap .img{float:right;margin:8px 0 0;}
.greeting_wrap .img .sign{display:block;text-align:right;font-weight:bold;margin:45px 40px 0 0;color:#666;}
.greeting_wrap .contents{margin:0 413px 0 0;line-height:26px;text-align:justify;}
.greeting_wrap .contents > strong{display:block;margin:0 0 40px;}
/*.greeting_wrap .contents .sign{display:none;}*/

/*
#doner22_wrap01{width:455px; margin-top:59px;}
#doner22_cont{font:normal 15px/26px "Nanum Gothic"; color:#666666; text-align:justify; margin-top:42px; float:left;}
#doner22_wrap02{width:481px; height:427px; background:url('../image/sub/doner22_img.jpg') no-repeat; margin-left:455px; margin-top:-80px;}
*/

.guidePop{position:absolute;left:0;top:0;z-index:9999;width:100%;text-align:center;}
.guidePop .shadow{position:fixed;left:0;top:0;right:0;bottom:0;background:#000;}
.guidePop .inner{position:relative;}
.guidePop .guide{position:relative;height:81px;background:url('../image/bg_pt.png');text-align:left;}
.guidePop .guide .txt{display:block;height:100%;font-size:0;}
.guidePop .guide .txt:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.guidePop .bg{background-repeat:no-repeat;background-position:50% 0;}
.guidePop .wrapper{height:100%;}
.guidePop .more{position:absolute;right:0;top:23px;color:#fff;}
.guidePop .more > *{display:inline-block;vertical-align:middle;margin:0 0 0 10px;}