@charset "utf-8";
/*
Base : 13px = 1.0em 

11px		0.846em	84.6%		8pt
12px		0.923em		92.3%		9pt
--------------------------------
13px		1.000em		100.0%		10pt
--------------------------------
14px		1.077em		107.7%		11pt
15px		1.154em	115.4%		11pt
16px		1.231em		123.1%		12pt
17px		1.308em		130.8%		13pt
18px		1.385em		138.5%		14pt
19px		1.462em	146.2%		14pt
20px		1.538em		153.8%		15pt
21px		1.615em		161.5%		16pt
22px		1.692em		169.2%		17pt
23px		1.769em		176.9%		17pt
24px		1.846em	184.6%		18pt
25px		1.923em		
26px		2.000em		
*/

/* guide */
h2.guide {margin:30px 0 10px !important;padding:6px 0 5px 10px;background:#666666;color:#ffffff}
h3.guide {margin: 20px 0 10px !important;padding:6px 0 5px 10px;background:#eeeeee}
p.guide {margin:5px 0 10px;padding:7px 10px;background:#f2f2f2}

/* point color */			
.point01{color:#f4202b !important}
.point02{color:#1c3e97 !important}
.point03{color:#ffde00 !important}
.point04{color:#f2c311 !important}

/* location */
.location-container{text-align:right;letter-spacing:-0.5px;}
.location {margin-top:20px;font-size:13px;color:#666}
.location a{margin-left:5px;padding-right:13px}
.location .last{margin-left:5px;padding-right:13px}
.location .con{margin-left:10px;padding-right:14px;background:url(../../images/icon/icon_location.png) 100% 6px no-repeat}
.location a:first-child{margin-left:0}
.location strong{margin-left:10px;font-weight:700;color:#f4202b}
@media (max-width: 767px){        
    .location-container{text-align:left;}
    .location {margin-top:10px;font-size:11px;color:#666}
    .location a{margin-left:5px;padding-right:13px}
    .location .last{margin-left:5px;padding-right:13px}
    .location .con{margin-left:10px;padding-right:14px;background:url(../../images/icon/icon_location.png) 100% 2px no-repeat}
    .location a:first-child{margin-left:0}
    .location strong{margin-left:10px;font-weight:700;color:#f4202b}
}

/* title */
.title-page{margin-top:10px;margin-bottom:40px;font-family:'Nanum Gothic', sans-serif;font-weight:700;font-size:30px;color:#202020;letter-spacing:-1px;line-height:1.0;text-align:center;position:relative;padding-bottom:24px;}
.title-page-eng{font-family: 'Titillium Web', sans-serif;font-weight:600;font-size:36px;margin-top:7px;padding-bottom:21px;}
.title-page::before{position:absolute;content:'';width:36px;left:50%;margin-left:-18px;height:1px;background:#bababa;bottom:0;}

.title-txt{font-size:15px;color:#d75127;text-align:center;line-height:1.4;margin-top:15px;}
.title-main{font-family: 'Titillium Web', sans-serif;font-weight:700;font-style:italic;font-size:42px;color:#2f2f2f;letter-spacing:-0.5px;line-height:1.0;}
.title-sub01{margin:40px 0 30px 0;font-size:28px;font-family:'Open Sans','Nanum Gothic';font-weight:700;color:#d75127;letter-spacing:0;line-height:1.0;text-align:center;position:relative;padding-bottom:20px;}
.title-sub01::before{position:absolute;content:'';width:46px;left:50%;margin-left:-23px;height:1px;background:#d75127;bottom:0;}
.title-sub01-noline{margin:40px 0 30px 0;font-size:32px;font-family:'Open Sans','Nanum Gothic';font-weight:700;color:#1ab3c5;letter-spacing:0;line-height:1.2;text-align:center;}
.title-sub02{margin:20px 0px 10px 0px;font-size:25px;font-family: 'Titillium Web', sans-serif;font-weight:700;color:#202020;letter-spacing:0;line-height:1.5}
.title-sub03{margin:20px 0 8px 0;font-size:18px;font-weight:700;color:#202020;letter-spacing:0;line-height:1.5}
.title-sub04{margin:0 60px 8px 60px;font-size:0.923em;font-weight:700;color:#202020;letter-spacing:0;line-height:1.5}
.title-sub05{margin:0 80px 8px 80px;font-size:0.846em;font-weight:700;color:#202020;letter-spacing:0;line-height:1.5}
@media (max-width: 767px){        
    .title-page{margin-top:20px;margin-bottom:30px;font-family:'Nanum Gothic', sans-serif;font-weight:700;font-size:24px;color:#202020;letter-spacing:-1px;line-height:1.0;text-align:center;position:relative;padding-bottom:24px;}
    .title-page-eng{font-family: 'Titillium Web', sans-serif;font-weight:600;font-size:29px;margin-top:18px;padding-bottom:21px;}
    .title-page::before{position:absolute;content:'';width:36px;left:50%;margin-left:-18px;height:1px;background:#bababa;bottom:0;}

    .title-txt{font-size:13px;color:#d75127;text-align:center;line-height:1.4;margin-top:10px;}
    .title-main{font-family: 'Titillium Web', sans-serif;font-weight:700;font-style:italic;font-size:24px;color:#2f2f2f;letter-spacing:-0.5px;line-height:1.0;}
    .title-sub01{margin:30px 0 20px 0;font-size:20px;font-family:'Open Sans','Nanum Gothic';font-weight:700;color:#d75127;letter-spacing:0;line-height:1.0;text-align:center;position:relative;padding-bottom:20px;}
    .title-sub01::before{position:absolute;content:'';width:46px;left:50%;margin-left:-23px;height:1px;background:#d75127;bottom:0;}
    .title-sub01-noline{margin:30px 0 20px 0;font-size:24px;font-family:'Open Sans','Nanum Gothic';font-weight:700;color:#1ab3c5;letter-spacing:0;line-height:1.2;text-align:center;}
    .title-sub02{font-size:20px;}    
    .title-sub03{margin:20px 0 8px 0;font-size:16px;font-weight:700;color:#202020;letter-spacing:0;line-height:1.5}
}

/* text */
.txt-sub01{margin:0 0 0 0;font-size:17px;letter-spacing:0;line-height:24px;text-align:center;}
.txt-sub02{margin:0 20px 8px 20px;font-size:1.0em;font-weight:700;color:#202020;letter-spacing:0;line-height:1.7}
.txt-sub03{margin:0 40px 8px 20px;font-size:1.0em;color:#666;letter-spacing:0;line-height:1.7}
.txt-sub04{margin:0 60px 8px 40px;font-size:0.846em;color:#202020;letter-spacing:0;line-height:1.7}
.txt-sub05{margin:0 80px 8px 60px;font-size:0.846em;color:#666;letter-spacing:0;line-height:1.7}

@media (max-width: 767px){    
    .txt-sub01{margin:0 0 0 0;font-size:15px;letter-spacing:0;line-height:20px;}
}


.content-tit{font-family: 'Titillium Web', sans-serif;font-weight:400;font-size:32px;letter-spacing:0;line-height:1.2;text-align:center;}
.content-txt{font-size:1.0em;font-weight:700;color:#999;line-height:1.5}

.img-full{max-width:100%;height:auto;}
.img-100{width:100%;}

.mg-area{margin-top:30px;}
.mg-section{margin-top:50px;}
.mg-container{margin-top:80px;}

@media (max-width: 767px) {   
    .content-tit{font-size:20px;}
    .mg-area{margin-top:20px;}
    .mg-section{margin-top:30px;}
    .mg-container{margin-top:60px;}
}

/* 말줄임 */
.ell{overflow:hidden}
.ell .text{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}

/* 검색 */
.search-form01{line-height:28px}
.search-form01 .select{vertical-align:middle;line-height:24px}
.search-form01 .text{vertical-align:middle}
.search-form01 .btn-type01{vertical-align:middle}

/*암시적 레이블 명시적으로 적용 */
.label-wrap {position:relative}
.label-wrap input {position:absolute;top:0;left:0}
.label-wrap label {margin:0 20px} 
.label-para{}
.label-para label{vertical-align:middle}
.label-para .text{vertical-align:middle}


/* 버튼 */
.btn-type01{padding:0 0 0 12px;background:url(../../images/btn/btn_type01.gif) 0 0 no-repeat;text-align:center;line-height:23px;height:25px}
.btn-type01 a{min-width:73px;height:25px;padding:0 12px 0 0;background:url(../../images/btn/btn_type01.gif) 100% 0 no-repeat;font-size:1.0em !important;color:#333333;line-height:23px}
.btn-type01 button{min-width:85px;height:25px;padding:0 12px 0 0;background:url(../../images/btn/btn_type01.gif) 100% 0 no-repeat;font-size:1.0em !important;color:#333333;line-height:23px}
.btn-type01 a:link,
.btn-type01 a:hover,
.btn-type01 a:visited,
.btn-type01 a:active {color:#333333;text-decoration:none}
.btn-type01 button{overflow:visible;margin:0;border:none;cursor:pointer}

.btn-type02{position:relative;padding:0 0 0 12px;background:url(../../images/btn/btn_type02.gif) 0 0 no-repeat;vertical-align:middle;text-align:center}
.btn-type02 a{min-width:93px;height:35px;padding:0 12px 0 0;background:url(../../images/btn/btn_type02.gif) 100% 0 no-repeat;font-size:1.154em;font-weight:700;color:#ffffff;line-height:35px;vertical-align:middle}
.btn-type02 button{min-width:105px;height:35px;padding:0 12px 0 0;background:url(../../images/btn/btn_type02.gif) 100% 0 no-repeat;font-size:1.154em;font-weight:700;color:#ffffff;line-height:35px;vertical-align:middle}
.btn-type02 a:link,
.btn-type02 a:hover,
.btn-type02 a:visited,
.btn-type02 a:active {color:#ffffff;text-decoration:none}
.btn-type02 button{overflow:visible;height:35px;margin:0;border:none;cursor:pointer}

.btn-st0201{background:url(../../images/btn/btn_type0201.gif) 0 0 no-repeat}
.btn-st0201 a,
.btn-st0201 button{background:url(../../images/btn/btn_type0201.gif) 100% 0 no-repeat}


.btn-print{padding:0 0 0 27px;background:url(../../images/btn/btn_print.gif) 0 0 no-repeat}
.btn-print a,
.btn-print button{padding-left:0px}


/* 버튼영역 기본 */
.btn-center{margin-top:30px;text-align:center}
.btn-right{margin-top:30px;text-align:right}
.btn-left{margin-top:30px;text-align:left}

/*탭 */
.tab-type01{overflow:hidden;margin-bottom:30px;width:100%;border-bottom:1px solid #222222}
.tab-type01 li{float:left;width:25%;text-align:center}
.tab-type01 li:first-child{width:25%}
.tab-type01 li a{padding:6px 0;display:block;border:1px solid #d5d5d5;background:#f1f1f1;color:#202020;font-size:1.154em;font-weight:700;text-decoration:none}
.tab-type01 li.on a{background:#f27d00;color:#ffffff;border:1px solid #f27d00}
.tabs02{}
.tabs02 li{width:50%}
.tabs02 li:first-child{width:50%;margin-left:0}												 
.tabs03{}
.tabs03 li{width:33%}
.tabs03 li:first-child{width:34%;margin-left:0}
.tabs04{}
.tabs04 li{width:25%}
.tabs04 li:first-child{width:25%;margin-left:0}

/*리스트 */
.list-type01{border-top:2px solid #444444}
.list-type01 li{padding:13px 5px;border-bottom:1px solid #b4b4b4}

.list-type02{overflow:hidden}
.list-type02 li {float:left;width:22%;height:205px;padding:30px 4% 0 0;text-align:center;border-bottom:1px solid #d9d9d9}	   
.list-type02 li a{overflow:hidden;width:220px;height:166px;color:#3e3e3e}
.list-type02 li a img{width:100%;height:auto}												   
.list-type02 li .tit{padding-top:6px}
.list-type02 li.last{padding-right:0 !important}
.list-type02 li.no-content{width:100%;height:100%;text-align:center;padding:100px 0}

.list-type03{}
.list-type03 li{overflow:hidden;margin-top:40px;padding:0px 20px}
.list-type03 li:first-child{margin-top:0}
.list-type03 .img{float:left;width:133px}
.list-type03 .con{float:left;width:530px;margin:10px 0 0 40px}
.list-type03 .con .tit{margin-bottom:8px;font-size:1.154em;color:#62931c}

.list-type04{}
.list-type04 li{overflow:hidden;padding:30px 20px 30px 40px;background:url(../../images/com/bg_line03.gif) 0 0 repeat-x}
.list-type04 li:first-child{margin-top:0;background:none}
.list-type04 .img{float:left;width:109px}
.list-type04 .con{float:left;width:550px;margin:10px 0 0 30px}
.list-type04 .con .tit{margin-bottom:8px;font-size:1.154em;color:#62931c}

.list-type05{width:176px}
.list-type05 dt{}
.list-type05 dd{}
.list-type05 dd a{display:block;padding:7px 10px;border-bottom:1px solid #e1e1e1;background:url(../../images/com/bg_arrow01.gif) 94% 50% no-repeat;color:#666666}
.list-type05 dd a:hover{text-decoration:none}


/*------------------------ 박스 ------------------------------------------------------------*/
.box-type01{padding:60px 0;border:1px solid #c4c4c4}
.box-type02{padding:20px;border:1px solid #c4c4c4}
.box-type03{padding:20px;border:1px solid #c4c4c4;background:#E5E5E5}

.box-map{width:100%;height:360px;margin-top:20px;background:#f3f3f3}
.box-agree{overflow-y:scroll;height:300px;padding:0}
.box-agree .inner{padding:15px 0 15px 10px}
.box-desc{text-align:center}
.box-desc .txt-mes{margin-bottom:15px}
.box-desc p{line-height:22px}
.box-desc strong{vertical-align:middle}

.box-find-id .con{padding:50px 0;text-align:center}
.box-find-pw .con{padding:50px 0;text-align:center}

/*박스 */
.box-type01{}
.box-map01{width:748px;height:498px;border:1px solid #c4c4c4}

/* 제품 gnb */
.product_gnb {width:100%;overflow:hidden}
.product_gnb li {float:left;width:20%;text-align:center;background:#F3F3F3}
.product_gnb li div {border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
.product_gnb li a{display:block;width:100%;height:100%;padding:5px 0;font-weight:700;font-size:1.0em}
.product_gnb li a:hover{background:#b95a22;color:#ffffff;text-decoration:none}
.product_gnb .on div a{background:#b95a22;color:#ffffff;text-decoration:none}
.product_gnb .first_li div {border-top:1px solid #d5d5d5}
.product_gnb .last_li div {border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5}

/*제품 View */
.btn-product-list{position:absolute;right:0;margin-top:0;padding:0 0 0 20px;background:url(../../images/btn/btn_list.gif) 0 0 no-repeat}
.btn-product-list a{padding-left:0px}
.btn-product-list button{padding-left:0px}

.product-view {position:relative;width:100%}
.product-view .title {font-size:2.0em; color:#3e3e3e;font-weight:700;letter-spacing:-0.077em;line-height:1.0}  
.product-view .product-img {width:45%; overflow:hidden;margin-bottom:40px;float:left;margin-right:5%}
.product-view .product-img .large-img{position:relative;overflow:hidden;width:100%;height:340px}
.product-view .product-img .large-img:after{display:block;content:"";clear:both}
.product-view .product-img .large-img > li{position:absolute;float:left;text-align:center}

.imgViewer{position:absolute;top:50%;left:50%;z-index:9999 !important}
.imgViewer > img{cursor:pointer}
																													 
.product-img-thum{position:relative;overflow:hidden;width:100%;margin-top:10px}	
.product-img-thum .th-img{ position:relative;overflow:hidden;width:350px;margin-left:50px}	
.product-img-thum .th-img > ul:after{display:block;content:"";clear:both}
.product-img-thum .th-img > ul{position:relative;overflow:hidden;width:20000em}
.product-img-thum .th-img > ul > li{float:left;text-align:center}
.product-img-thum .th-img > ul > li > a{position:relative;width:100%}
.product-img-thum .th-img > ul > li > a > img{display:block;width:78px;height:58px;border:1px solid #666}					
.product-img-thum .th-img > ul > li > a > .line{display:none}
.product-img-thum .th-img > ul > li > a:hover > .line{position:absolute;top:0;display:block}	   
.product-img-thum .img_prev{position:absolute;top:0;cursor:pointer}
.product-img-thum .img_next{position:absolute;top:0;right:0;cursor:pointer}	 

.product-tit{padding:0 0 0 20px;background:url(../../images/btn/product_tit_bg.gif) 0 12px no-repeat;text-align:left;height:40px;margin:20px 0 0 0;border-bottom:2px solid #5c2e0a}
.product-tit .tit{font-size:1.615em;color:#5c2e0a;line-height:36px;font-weight:700}

.product-st{padding:0 0 0 20px;background:url(../../images/btn/product_st_bg.gif) 0 0 no-repeat;text-align:center;line-height:24px;height:26px;margin:20px 0 0 0}
.product-st .st{min-width:120px;height:26px;padding:0 20px 0 0;background:url(../../images/btn/product_st_bg.gif) 100% 0 no-repeat;font-size:1.154em;color:#ffffff;line-height:24px;font-weight:700}
.product-content {font-size:1.0em; color:#3a3a3a; padding:20px 10px 20px 10px;letter-spacing:-0.05em;line-height:26px}

.product-option {width:50%;margin-bottom:40px;overflow:hidden;float:left}
.product-option ul {width:100%;overflow:hidden;border-top:2px solid #222222;margin-top:15px}
.product-option ul  li{float:left;border-bottom:1px solid #d5d5d5}
.product-option ul  li div{padding:6px 10px}
.product-option ul .tit{width:20%;font-weight:700}
.product-option ul .con{width:80%;color:#666}

.product-spec {clear:both;margin-bottom:50px}
.product-detail {clear:both;margin-bottom:50px}
.product-summary {clear:both;padding:15px;background:#E5E5E5;border:1px solid #D5D5D5;margin-top:20px}

/*테이블 */
.tbl-type01{width:100%;border-top:2px solid #222222}
.tbl-type01 thead th{padding:10px 0;background:#ffffff;font-weight:700;color:#222222;border-bottom:1px solid #222222}
.tbl-type01 th,
.tbl-type01 td{padding:10px 0;border-bottom:1px solid #d5d5d5;text-align:center;color:#666666}
.tbl-type01 tbody th{font-weight:700;background:#f1f1f1;color:#666666}
.tbl-type01 tbody .td01{background:#f9f9f9;color:#666666}

.tbl-type01 tfoot th{background:#f3f3f3;font-weight:700;font-size:1.0em;text-align:left}
.tbl-type01 tfoot td{background:#f3f3f3;font-weight:700;font-size:1.0em}
.tbl-type01 .label{margin-left:10px}
.tbl-type01 .con{margin:0 10px}
.tbl-type01 .sum th,
.tbl-type01 .sum td{background:#f3f3f3}
.tbl-type01 .th{background:#fafafa;text-align:center}
.tbl-type01 .line{border-bottom:1px solid #222222}

.tbl-type02{width:100%;border-top:2px solid #222222}
.tbl-type02 thead th{padding:10px 0;background:#ffffff;font-weight:700;color:#222222;border-bottom:1px solid #222222;border-left:0px solid #d5d5d5}
.tbl-type02 th,
.tbl-type02 td{padding:10px 0;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;text-align:center;color:#666666}
.tbl-type02 tbody th{font-weight:700;background:#f1f1f1;color:#666666;border-left:0px solid #d5d5d5}
.tbl-type02 tbody .td01{background:#f9f9f9;color:#666666;border-left:0px solid #d5d5d5}

.tbl-type02 tfoot th{background:#f3f3f3;font-weight:700;font-size:1.0em;text-align:left}
.tbl-type02 tfoot td{background:#f3f3f3;font-weight:700;font-size:1.0em}
.tbl-type02 .label{margin-left:10px}
.tbl-type02 .con{margin:0 10px}
.tbl-type02 .sum th,
.tbl-type02 .sum td{background:#f3f3f3}
.tbl-type02 .th{background:#fafafa;text-align:center}
.tbl-type02 .line{border-bottom:1px solid #222222}



.tbl-list01{}
.tbl-list01 th,
.tbl-list01 td{border-left:1px solid #b4b4b4}
.tbl-list01 thead tr:first-child th:first-child{border-left:none}
.tbl-list01 tbody th:first-child{border-left:none}
.tbl-list01 tbody td{text-align:left}

/*제품리스트***************/

.product-top{position:relative;width:100%;height:34px;margin-top:30px;border-bottom:1px solid #d5d5d5}
.product-top .right{position:absolute;right:0;top:-3px}
.product-top .right02{position:absolute;right:0;top:7px}

/*게시판 */
.board-top{margin-bottom:10px;max-height:30px;}

/*게시판(default 타입)*/
.board-list01{width:100%;border-top:2px solid #222222}
.board-list01 thead th{padding:10px 0;background:#FFFFFF;font-weight:700;color:#222222}
.board-list01 th,
.board-list01 td{padding:10px 0;border-bottom:1px solid #b4b4b4;text-align:center;color:#444444}
.board-list01 td > a{display:block;margin:0 10px}
.board-list01 td > a:hover{text-decoration:none}
.board-list01 img{vertical-align:middle}
.board-list01 .con-no{min-height:300px;line-height:300px;}
.board-list01 .con{margin:0 10px}
.board-list01 .tag-notice{margin-right:5px}
.board-list01 .tag-new{margin-left:5px}
.board-list01 .old_address{font-size:0.846em;color:#999;}
/* .board-list01 .reply-con{position:relative;text-align:left}
.board-list01 .reply-con .replyimg{position:absolute;left:12px;top:4px}
.board-list01 .reply-con .txt-box{margin-left:48px}
.board-list01 .reply-con .txt-box a{color:#888888} */
.board-list01 .tit-article{}
.board-list01 .tit-article a{}
.board-list01 .tit-article .tit{display:block;margin-bottom:10px;font-weight:700}
.board-list01 .tit-article .desc{}

/* 블로그타입 */
.board-list02 {overflow:hidden;padding:0;border-bottom:1px solid #b4b4b4}
.board-list02 > ul {overflow:hidden;width:990px}
.board-list02 > ul > li{float:left; width:320px;margin-right:10px;min-height:300px;background:url(../../images/com/noimg.gif) 0 0 no-repeat}
.board-list02 .upimg{width:320px;height:200px}
.board-list02 .con{width:320px;margin:0}
.board-list02 .con .tit{overflow:hidden;margin:20px 0 3px 0;font-weight:700;font-size:1.154em;color:#666666}
.board-list02 .con .tit a{overflow:hidden;display:block;width:320px;text-overflow:ellipsis;white-space:nowrap}
.board-list02 .con .date{overflow:hidden;font-size:1.0em;color:#666666;text-align:center}

.board-list02 .con .btn-type01{margin-top:24px}
.board-list02 .con .state{position:absolute;right:20px;top:32px}
.board-list02 .con-no{min-height:300px;line-height:300px;background:none;text-align:center}

/* 이미지 갤러리타입 */
.board-list03{overflow:hidden}
.board-list03 .row{overflow:hidden;margin:0 -10px}
.board-list03 .row:after{clear:both}
.board-list03 .row .col{position:relative;float:left;width:25%;text-align:center}
.board-list03 .row .col .thumb{padding:0 10px 10px;overflow:hidden;position:relative}
.board-list03 .row .col .thumb a{width:100%;height:auto}
.board-list03 .row .col .thumb a img{width:100%;height:auto}
.board-list03 .row .col .thumb .tit{font-weight:700}

/*동영상*/
.video-list01{overflow:hidden}
.video-list01 li{position:relative;float:left;margin:0 12px 30px 0;text-align:center}
.video-list01 li a{display:block}
.video-list01 li a:hover{text-decoration:none}
.video-list01 li .txt{margin-top:12px}
.video-list01 li .play{position:absolute;left:75px;top:34px}

/*게시판(slider 타입)*/
.board-slide01{width:100%;border-top:2px solid #444444;overflow:hidden;}
.board-slide01 dt{border-bottom:1px solid #b4b4b4;font-weight:700}
.board-slide01 dt a{display:block;margin-left:10px;padding:12px 20px 12px 36px;background:url(../../images/icon/icon_question.png) 0 9px no-repeat;color:#444444;vertical-align:middle}
.board-slide01 dt.active{background:#f3f3f3}
.board-slide01 dt.con-no{min-height:300px;line-height:300px;background:none;text-align:center}
.board-slide01 dd{display:none;position:relative;border-bottom:1px solid #b4b4b4}
.board-slide01 dd .con{margin-left:10px;padding:12px 20px 12px 36px;background:url(../../images/icon/icon_answer.png) 0 9px no-repeat}

/*입력폼*/
.board-form{width:100%;border-top:2px solid #444444;text-align:left}
.board-form th,
.board-form td{padding:10px 0;border-bottom:1px solid #b4b4b4;color:#666666}
.board-form th{border-right:1px solid #e3e3e3;background:#f3f3f3;font-weight:700}
.board-form th label,
.board-form th .label{margin:0 20px;vertical-align:middle}
.board-form input,
.board-form select{vertical-align:middle}
.board-form .file{font-size:1.0em;vertical-align:middle}
.board-form .form{margin:0 10px}
.board-form .label-para01{margin-top:8px;font-size:1.0em;color:#767676}
.board-form .label-para01 label{margin-top:1px !important}
.board-form .reco-form .label-wrap{width:100px;margin:5px 0}
.board-form .old_address{font-size:0.846em;color:#767676}
@media (max-width: 767px) {
 .board-form th, .board-form td{display:block}
 input[type="radio"], input[type="check"], select{	/*-webkit-appearance: none;	-moz-appearance: none;	appearance: none;*/	}
 select{line-height:1.0 !important;padding:0 !important}
}
@media (min-width: 768px) {
 .board-form th, .board-form td{display:table-cell}
}         

/*출력폼*/
.board-view01{width:100%;border-top:2px solid #222222;text-align:left}
.board-view01 th,
.board-view01 td{padding:10px 0;border-bottom:1px solid #b4b4b4;color:#666666}
.board-view01 th{border-right:1px solid #e3e3e3;background:#f3f3f3;font-weight:700}
.board-view01 th label,
.board-view01 th .label{margin:0 20px;vertical-align:middle}
.board-view01 input,
.board-view01 select{vertical-align:middle}
.board-view01 .event_title{width:60%;float:left;vertical-align:middle;margin-left:15px;color:#222222;font-weight:700}
.board-view01 .event_date{width:30%;float:right;vertical-align:middle;text-align:right;margin-right:15px;color:#222222;font-weight:700}
.board-view01 .subject p{font-weight:700;font-size:1.385em;color:#202020}
.board-view01 .subject ul{margin-top:10px}
.board-view01 .subject ul li{float:left;margin-right:30px;font-size:0.923em;color:#202020}
.board-view01 .subject ul li:last-child{margin-right:0}
.board-view01 .subject ul li label{margin-right:8px;color:#666;font-weight:700}
.board-view01 .con{margin:0 10px}
.board-view01 .con .txt{margin:0 10px 0 0}
.board-view01 .con .textarea{min-height:350px;margin-top:20px}
.board-view01 .con .textarea img{max-width:100%;}
.board-view01 .noline{border-bottom:0px solid #b4b4b4}
.board-view01 .old_address{font-size:0.846em;color:#999;}

/*이전글, 다음글*/
.board-move{overflow:hidden;width:100%;border-bottom:1px solid #222222;margin-top:40px}
.board-move dt,
.board-move dd{float:left;padding:10px 0;border-top:1px solid #d5d5d5}
.board-move dt{width:120px;background:#f3f3f3}
.board-move dd{width:605px;padding:10px 10px}
.board-move dd a{display:block}
.board-move span{margin-left:20px;padding-right:20px;background:url(../../images/com/bg_arrow02.gif) no-repeat}
.board-move .prev span{background-position:100% 5px}
.board-move .next span{background-position:100% -40px}

.moving-mase dt{width:100px}
.moving-mase dd{width:680px}

.mark{width:11px;text-align:center;vertical-align:middle}
.mark-vital{vertical-align:middle}
.mark-txt{font-size:1.0em;color:#767676;vertical-align:middle}
.mark-txt02{vertical-align:middle}

/*댓글 게시판*/
.board-comment{margin-top:30px}
.board-comment .tit-para{margin-bottom:10px;font-weight:700}
.board-comment .txt-write{margin-bottom:5px;font-size:1.0em}

.comment-form{margin-bottom:30px}
.comment-form textarea{width:100%;height:76px;}
.comment-form .btn-c-write > button{width:100%;height:74px;background:#333;color:#fff;text-align:center;font-weight:700;font-size:1.0em;overflow:visible;margin:0;border:none;cursor:pointer;margin-top:1px}
.comment-form .noline{border-bottom:0px solid #b4b4b4}

.comment-list{border-top:1px solid #d5d5d5}
.comment-list > li{border-bottom:1px solid #d5d5d5}
.comment-list .info{width:100%;margin:10px 0;}
.comment-list .info .date{color:#777777;padding-left:8px;}
.comment-list .info .btns{text-align:right;}
.comment-list .cmt{padding-top:5px;padding-bottom:15px;}
.comment-list .reply-list{}
.comment-list .reply-list li{padding-top:10px;border-top:1px dotted #dddddd}
.comment-list .reply-list li .con{padding-left:30px;background:url(../../images/icon/icon_reply.png) 14px 3px no-repeat}

/*페이징 */
.paging{margin:30px 0;text-align:center}
.paging a,
.paging strong{width:25px;height:25px;border:1px solid #b4b4b4;background:#ffffff;vertical-align:middle;line-height:25px;vertical-align:top;color:#555555}
.paging strong{border:1px solid #404040;background:#404040;color:#fff}
.paging .btn-confirm{border:none}


/* 셀렉트박스 */
.select-list-box {position:relative;display:inline-block;height:24px;text-align:left;vertical-align:top;z-index:9997}
.msie6 .select-list-box, .msie7 .select-list-box{display:inline;zoom:1}
.select-list-box span {display:block;vertical-align:top}
.select-list-box .selected-headline {overflow:hidden;display:block;height:24px;padding:0 30px 0 10px;background:#ffffff url(../../images/btn/btn_select01.png) no-repeat 100% 0;font-weight:700;font-size:1.0em;color:#555555;line-height:24px;cursor:pointer}
.select-list-box a:hover.selected-headline{text-decoration:none}

.select-list-box ul.select-list {overflow:auto;position:absolute;right:0;/* min-height:70px; */border:1px solid #e3e3e3;border-top:0;background:#ffffff;z-index:9997 !important}
.select-list-box ul.select-list li:first-child{display:none}*
.select-list-box ul.select-list li a {display:block;padding:2px 22px 2px 10px;font-size:1.0em;color:#555555;text-decoration:none}
.select-list-box ul.select-list li a.select-list-hover {color:#000000;background:#ffffff}
.select-list-box .select-list-selected {background:#eeeeee !important;font-weight:700}
.select-list-box .select-list-option-title {font-weight:700;border-bottom:1px dotted #d2d2d2;padding:7px 10px}
.select-list-box .select-list-option-title ul {margin:3px 0 0}
.select-list-box .select-list-option-title ul li {font-weight:700}


/******* popup ***********/
.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;filter: alpha(opacity = 80);z-index:9998 !important}
.overlay-alpha{opacity:0;filter: alpha(opacity = 0)}

.dialog-type01{padding:5px;background:#f9f9f9;font-size:1.0em;color:#666666}
.dialog-type01 .pop-header{position:relative;height:49px;padding:0 20px;border-bottom:1px solid #62931c;background:#6cbb20}
.dialog-type01 .pop-header .tit{padding-top:11px;font-weight:600;font-size:1.385em;color:#ffffff}
.dialog-type01 .pop-header .btn-close{position:absolute;right:20px;top:5px;width:35px;height:35px;border:none;background:url(../../images/pop/btn_close.png) 0 0 no-repeat}
.dialog-type01 .pop-container{padding:30px 20px}
.dialog-type01 .pop-content{}

.dialog-type01 .form-login{position:relative;width:336px;margin:0 auto 20px}
.dialog-type01 .form-login p{margin-top:9px}
.dialog-type01 .form-login p:first-child{margin-top:0}
.dialog-type01 .form-login label{width:74px;color:#555555;margin-right:10px;font-weight:bold;text-align:right}
.dialog-type01 .form-login .text{width:144px;padding:4px 7px;border:1px solid #dddddd;background:#ffffff}
.dialog-type01 .form-login .btn{position:absolute;right:0px;top:0px}

/*ui datepicker  */
.select-datepicker {border:1px solid #dbdbdb;background:#e9e9e9}
.select-datepicker input {margin-top:0 !important;border:none}
.select-datepicker .ui-datepicker-trigger {vertical-align:middle;cursor:pointer}
.ui-datepicker {font-size:1.0em;font-weight:400;padding:5px;background:#c4c4c4;border:none;border-bottom:1px solid #dddddd}
.ui-corner-all {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px}
.ui-datepicker-header {background:#efefef;border:none}
.ui-datepicker-title {color:#555555 !important;padding:0 5px}
.ui-datepicker-prev,
.ui-datepicker-prev-hover {background:url(../../images/com/calendar_design2_prev.gif) no-repeat 50% 50% !important}
.ui-datepicker-next,
.ui-datepicker-next-hover {background:url(../../images/com/calendar_design2_next.gif) no-repeat 50% 50% !important}
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {background:none}
.ui-datepicker-calendar {background:#ffffff;margin:0 !important}
.ui-datepicker-calendar td a.ui-state-default{color:#555555}
.ui-datepicker-calendar th.ui-datepicker-week-end span,
.ui-datepicker-calendar td.ui-datepicker-week-end a{color:#677d8b}
.ui-datepicker-calendar tr th:first-child span,
.ui-datepicker-calendar tr td:first-child a {color:#d35c48}
.ui-datepicker-calendar td span.ui-state-default {background:#ffffff;color:#8f8c49}
.ui-datepicker-calendar td a.ui-state-active {background:#0080c3;border-color:#0080c3;color:#ffffff !important}
.ui-datepicker-buttonpane {margin:0 !important;border:none !important}
.ui-datepicker-buttonpane .ui-priority-secondary  {display:none}
.ui-datepicker-buttonpane .ui-datepicker-close {border:none !important;margin:0 !important;padding:0 !important; width:30px !important;height:30px;background:url(../img/com/calendar_design2_close.gif) no-repeat 50% 50% !important;overflow:visible;font:0/0 Arial}


 .file_table {border:0;margin:0;padding:0}
 .file_table tr td{border:0;margin:0;padding:0}



/*---------------------------  Membership ---------------------------------------------------------------------------------*/

/*---------------------------  Membership ---------------------------------------------------------------------------------*/

/* 로그인 */
.section-login{}

/* 아이디 / 비밀번호찾기 */
.section-find-info{}	
.column01{overflow:hidden;margin:0 auto;margin-top:50px;list-style:none}
.column01 .find-con{float:left;padding-left:80px;padding-right:30px;background:url(../../images/icon/ico_mem01.png) 30px 5px no-repeat}
.column01 .join-con{float:left;padding-left:80px;padding-right:30px;background:url(../../images/icon/ico_mem02.png) 30px 5px no-repeat}
.column01 .btn{margin-top:5px;width:100%}
@media (max-width: 767px) {  
    .column01 .join-con{margin-top:40px;}
}


/* 회원가입 > 약관동의 */
.process-step{margin:30px 0;overflow:hidden;}
.process-step > ul{overflow:hidden;background:#d5d5d5;border:1px solid #bbbbbb;list-style:none}
.process-step > ul > li{float:left;width:33%;background:url(../../images/icon/icon_join_step_line.gif) right 0 repeat-y}
.process-step > ul > li:last-child{width:34%;background:none}										
.process-step > ul > li.on{background:#666}
.process-step > ul > li > div{width:130px;height:32px;line-height:30px;margin:14px auto;font-weight:700;font-size:1.231em;color:#888;text-align:right}
.process-step > ul > .step01 > div{background:url(../../images/icon/icon_join_step01.png) 0 0 no-repeat}
.process-step > ul > .step02 > div{background:url(../../images/icon/icon_join_step02.png) 0 0 no-repeat}
.process-step > ul > .step03 > div{background:url(../../images/icon/icon_join_step03.png) 0 0 no-repeat}
.process-step > ul > .step01 > div.on{background:url(../../images/icon/icon_join_step01_on.png) 0 0 no-repeat;color:#fff}
.process-step > ul > .step02 > div.on{background:url(../../images/icon/icon_join_step02_on.png) 0 0 no-repeat;color:#fff}
.process-step > ul > .step03 > div.on{background:url(../../images/icon/icon_join_step03_on.png) 0 0 no-repeat;color:#fff}

@media (max-width: 767px) {  
    .process-step > ul > li{width:100%}           
    .process-step > ul > li:last-child{width:100%}			
}
.opt-form01{padding-top:20px}

/* 회원가입 > 정보입력 */
.section-join02{}
.section-join02 .stit-img01{margin-top:30px}
.section-join02 .board-form{margin-bottom:10px}

/* 회원가입 > 가입완료 */
.section-join03{}

/* 이용약관 */
.section-agreement{}
.section-agreement .box-agree{margin-bottom:50px}

/* 개인정보취급방침 */
.section-privacy{}

/* 이메일무단수집거부 */
.section-mail{}
.section-mail .box-desc{margin-bottom:30px}
.section-mail .txt-para01{margin-bottom:8px}
 
/* login */
.login-zone01{overflow:hidden}
.login-zone01 .inner{overflow:hidden}
.login-zone01 .txt-mes{margin-bottom:30px;text-align:center}
.login-zone01 .form{position:relative;margin:0 auto}
.login-zone01 .form p{margin-bottom:8px}
.login-zone01 .form p label{font-weight:700;color:#555555;vertical-align:middle}
.login-zone01 .form .text{padding:5px 7px;vertical-align:middle;width:100%;}
.login-zone01 button{width:100%;}
.login-zone01 .pick-save{}

@media (max-width: 767px) {  
    .login-zone01 .section02{padding-top:50px;}
}

.login-zone02{padding-top:40px !important}
.login-zone02 .inner{overflow:hidden;padding-bottom:40px !important}
.login-zone02 .box{float:left;width:49.8%;border-left:1px solid #dddddd;text-align:center}
.login-zone02 .box-id{border-left:none}
.login-zone02 .box-id .form{margin-top:41px}
.login-zone02 .box-id .btn-type02{margin-top:40px}
.login-zone02 .box-pw{}
.login-zone02 .box-pw .form{margin-top:24px}
.login-zone02 .box-pw .btn-type02{margin-top:24px}

.login-zone02 .txt-mes{margin-bottom:8px}
.login-zone02 .form{}
.login-zone02 .form p{margin-bottom:8px}
.login-zone02 .form p label{width:60px;font-weight:700;color:#555555;vertical-align:middle}
.login-zone02 .form .text{width:160px;vertical-align:middle}
.login-zone02 .btn-login{}

/* 회원 탈퇴 */
.drop-zone{}
.drop-zone .inner{overflow:hidden}
.drop-zone .txt-mes{margin-bottom:30px;text-align:center}
.drop-zone .form{position:relative;margin-top:30px;text-align:center}
.drop-zone .form div{width:480px;margin:20px auto}
.drop-zone .form div p label{margin:0 3px 0 20px;font-weight:bold;color:#555555;text-align:right;vertical-align:middle}


.table-content thead tr th, .table-content thead tr td{background:#4867b1;color:#fff;}
.table-content tfoot tr th, .table-content tfoot tr td{background:#e5e5e5;}
.table-content thead tr th, .table-content thead tr td, .table-content tbody tr th, .table-content tbody tr td, .table-content tfoot tr th, .table-content tfoot tr td{border-right:1px solid #b4b4b4;text-align:center;vertical-align:middle;font-size:13px;}
.table-content tbody tr th{background:#f3f3f3;}
.table-content tbody tr th.con, .table-content tbody tr td.con{padding:20px;text-align:left !important;}
.table-content thead tr th:first-child, .table-content thead tr td:first-child, .table-content tbody tr th:first-child, .table-content tbody tr td:first-child, .table-content tfoot tr th:first-child, .table-content tfoot tr td:first-child{border-left:1px solid #b4b4b4;font-size:13px;}


.ul-disc{list-style:disc;padding-left:20px;}
.ul-disc > li{list-style:disc;padding-top:2px;padding-bottom:4px;color:#555;line-height:1.6;}



.sub-content{min-height:400px;padding-bottom:30px;}

@media (max-width: 767px) {  
    .brd-content img{width:100% !important;}
    .pop-content{top:0 !important;left:0 !important;}
    .pop-content{width:100% !important;height:auto !important;}
    .pop-content img{width:100% !important;height:auto !important;}
}