<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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:#3399ff !important}/*skyblue*/
.point02{color:#ff3300 !important}/*orange*/
.point03{color:#f2c311 !important}/*yellow*/
.point04{color:#f2c311 !important}/*yellow*/

/* title */
.title-page{margin-top:50px;margin-bottom:0px;font-weight:600;font-size:2rem;letter-spacing:0;line-height:1.0;text-align:center;color:#0d337e;position:relative;padding-bottom:25px;}
/*.title-page::before{position:absolute;content:'';width:60px;left:50%;margin-left:-30px;height:1px;background:#ccc;bottom:0;}*/
.title-sub01{position:relative;margin:50px 0 20px 0;font-size:22px;font-weight:700;color:#393939;letter-spacing:0;line-height:1.0;}
.title-sub01 span{position:absolute;right:0;color:#666;font-size:13px;bottom:0;}
.title-sub01-01{position:relative;margin:50px 0 20px 0;font-size:24px;font-weight:700;color:#23408F;letter-spacing:0;line-height:1.0;}
.title-sub01-01 strong{font-size:24px;font-weight:800;color:#23408F;}
.title-sub02{position:relative;margin:30px 0 15px 0px;font-size:18px;font-weight:700;color:#393939;letter-spacing:0;padding-left:17px;}
.title-sub02::after{position:absolute;top:4px;left:0;width:3px; height:19px;background:#9c9ba0;content:'';}

.title-sub03{margin:0 0 8px 0;font-size:1.0em;font-weight:700;color:#202020;letter-spacing:0;}
.title-sub04{margin:0 60px 8px 0;font-size:0.923em;font-weight:700;color:#202020;letter-spacing:0;}
.title-sub05{margin:0 80px 8px 0;font-size:0.846em;font-weight:700;color:#202020;letter-spacing:0;}
@media (max-width: 767px){    
    .title-page{margin-top:20px;margin-bottom:20px;font-weight:700;font-size:20px;letter-spacing:0;line-height:1.0;text-align:center;}
    .title-sub01{margin:24px 0 6px 0;font-size:17px;}
    .title-sub01 span{position:absolute;right:0;color:#666;font-size:11px;bottom:0;}
    .title-sub01-01{position:relative;margin:30px 0 10px 0;font-size:20px;font-weight:700;color:#23408F;letter-spacing:0;line-height:1.0;}
    .title-sub01-01 strong{font-size:20px;font-weight:800;color:#23408F;}
    .title-sub02{margin:20px 0 8px 0px;font-size:16px;}
    .title-sub02::after{top:3px;width:2px; height:15px;}
}

p.h4{padding:13px 0;}
ul.list-inline{margin-bottom:10px;}

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

@media (max-width: 767px){    
    .txt-sub01{}
    p.h4{padding:10px 0;font-size:16px;}
    ul.list-inline{margin-bottom:6px;}
}


.content-tit{font-size:3.0em;font-weight:700;letter-spacing:-0.05em;line-height:1.7}
.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-small{margin-top:20px;}
.mg-area{margin-top:30px;}
.mg-section{margin-top:50px;}
.mg-container{margin-top:80px;}

@media (max-width: 767px) {
    .mg-small{margin-top:15px;}   
    .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}

.hidden-obj{position:absolute;visibility:hidden;top:-9000px;}
.hide-obj{visibility:hidden;height:0 !important}

/* 검색 */
.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}


/* 버튼 */
.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-family:'Nanum Gothic';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-family:'Nanum Gothic';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-family:'Nanum Gothic';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}
.tabs05{}
.tabs05 li{width:20%}
.tabs05 li:first-child{width:20%;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 {overflow:hidden;margin-bottom:30px;margin-left:0;margin-right:0;}
.product_gnb li {text-align:center;background:#F3F3F3;padding-left:0;padding-right:0;}
.product_gnb li a{display:inline-block;width:100%;height:100%;padding:5px 0;font-family:'Nanum Gothic';font-weight:700;font-size:1.0em;border:1px solid #d5d5d5}
.product_gnb li:first-child a{border-right:0;}
.product_gnb li a:hover{background:#202020;color:#ffffff;text-decoration:none}
.product_gnb .on a{background:#202020;color:#ffffff;text-decoration:none}

/*제품 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-family:'Nanum Gothic';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 &gt; li{position:absolute;float:left;text-align:center}

.imgViewer{position:absolute;top:50%;left:50%;z-index:9999 !important}
.imgViewer &gt; 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 &gt; ul:after{display:block;content:"";clear:both}
.product-img-thum .th-img &gt; ul{position:relative;overflow:hidden;width:20000em}
.product-img-thum .th-img &gt; ul &gt; li{float:left;text-align:center}
.product-img-thum .th-img &gt; ul &gt; li &gt; a{position:relative;width:100%}
.product-img-thum .th-img &gt; ul &gt; li &gt; a &gt; img{display:block;width:78px;height:58px;border:1px solid #666}					
.product-img-thum .th-img &gt; ul &gt; li &gt; a &gt; .line{display:none}
.product-img-thum .th-img &gt; ul &gt; li &gt; a:hover &gt; .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-family:'Nanum Gothic';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-family:'Nanum Gothic';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-family:'Nanum Gothic';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-family:'Nanum Gothic';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-family:'Nanum Gothic';font-weight:700;background:#f1f1f1;color:#666666}
.tbl-type01 tbody .td01{background:#f9f9f9;color:#666666}

.tbl-type01 tfoot th{background:#f3f3f3;font-family:'Nanum Gothic';font-weight:700;font-size:1.0em;text-align:left}
.tbl-type01 tfoot td{background:#f3f3f3;font-family:'Nanum Gothic';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-family:'Nanum Gothic';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-family:'Nanum Gothic';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-family:'Nanum Gothic';font-weight:700;font-size:1.0em;text-align:left}
.tbl-type02 tfoot td{background:#f3f3f3;font-family:'Nanum Gothic';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}

/*제품리스트***************/
.search-wrap{border-bottom:1px solid #d5d5d5;}
.search-wrap &gt; .row &gt; div{padding-bottom:8px;overflow:hidden;}
.search-section{margin-left:-1px;margin-right:-1px;}
.search-section &gt; div{padding-left:1px;padding-right:1px;}
.product-list{overflow:hidden;}
.product-list &gt; li{position:relative;margin-top:40px;}
.product-list &gt; li &gt; a &gt; img{width:100%;vertical-align:top;}
.product-list &gt; li &gt; a &gt; p{margin-top:10px;text-align:center;font-family:"Open Sans","Nanum Gothic", "나눔고딕", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif;font-size:16px;font-weight:600;}
.product-list &gt; li &gt; .icon-down{display:inline-block;position:absolute;top:0;right:15px;width:40px;height:40px;opacity:0.6;filter:alpha(opacity:'60');background:#000;z-index:100;line-height:40px;text-align:center;color:#fff;}
.product-list &gt; li &gt; .icon-down &gt; a{display:inline-block;width:100%;height:40px;}
.product-list &gt; li &gt; .icon-down &gt; a &gt; i{color:#fff;}
@media (max-width:767px) {
    .product-list{overflow:hidden;margin-left:-5px;margin-right:-5px;}
    .product-list &gt; li{margin-top:20px;padding-left:5px;padding-right:5px;}
    .product-list &gt; li &gt; a &gt; p{margin-top:6px;font-size:13px;}
    .product-list &gt; li &gt; .icon-down{right:5px;width:30px;height:30px;line-height:30px;}
    .product-list &gt; li &gt; .icon-down &gt; a{display:inline-block;width:100%;height:30px;}
}

/*게시판 */
.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-family:'Nanum Gothic';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 &gt; a{display:block;margin:0 10px}
.board-list01 td &gt; 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-family:'Nanum Gothic';font-weight:700}
.board-list01 .tit-article .desc{}

/* 블로그타입 */
.board-list02 {overflow:hidden;padding:0;border-bottom:1px solid #b4b4b4}
.board-list02 &gt; ul {overflow:hidden;width:990px}
.board-list02 &gt; ul &gt; 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-family:'Nanum Gothic';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-family:'Nanum Gothic';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-family:'Nanum Gothic';font-weight:500}
.board-slide01 dt a{display:block;margin-left:10px; font-size:1.1rem; padding:18px 20px 18px 36px;background:url(../../images/icon/icon_question.png) left 0 top 18px 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:18px 20px 18px 36px;background:url(../../images/icon/icon_answer.png) 0 18px 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}
}         

.table-view01{width:100%;border-top:2px solid #3b4f91; border-bottom:2px solid #3b4f91; text-align:left;font-size:16px;}
.table-view01 th,
.table-view01 td{padding:15.8px 0;border-bottom:1px solid #ccc;color:#666666}
.table-view01 th{background:#3b4f91;font-weight:500; color:#fff;}
.table-view01 th label,
.table-view01 th .label{margin:0 20px;vertical-align:middle}
.table-view01 input,
.table-view01 select{vertical-align:middle}
.table-view01 .event_title{width:60%;float:left;vertical-align:middle;margin-left:15px;color:#222222;font-weight:700}
.table-view01 .event_date{width:30%;float:right;vertical-align:middle;text-align:right;margin-right:15px;color:#222222;font-weight:700}
.table-view01 .subject p{font-weight:700;font-size:1.385em;color:#202020}
.table-view01 .subject ul{margin-top:10px}
.table-view01 .subject ul li{float:left;margin-right:30px;font-size:0.923em;color:#202020}
.table-view01 .subject ul li:last-child{margin-right:0}
.table-view01 .subject ul li label{margin-right:8px;color:#666;font-weight:700}
.table-view01 .con{margin:0 10px}
.table-view01 .con .txt{margin:0 10px 0 0}
.table-view01 .con .textarea{min-height:350px;margin-top:20px}
.table-view01 .con .textarea img{max-width:100%;}
.table-view01 .noline{border-bottom:0px solid #ccc}
.table-view01 .old_address{font-size:0.846em;color:#999;}
@media (max-width: 767px) {
.table-view01 th, .table-view01 td{display:block;text-align:center;font-size:14px;padding:5px 0;}
}
.table-view-intro th,
.table-view-intro td{padding:11.5px 0;border-bottom:1px solid #ccc;color:#fff}


/*출력폼*/
.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-family:'Nanum Gothic';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-family:'Nanum Gothic';font-weight:700}
.board-view01 .event_date{width:30%;float:right;vertical-align:middle;text-align:right;margin-right:15px;color:#222222;font-family:'Nanum Gothic';font-weight:700}
.board-view01 .subject p{font-family:'Nanum Gothic';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-family:'Nanum Gothic';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-family:'Nanum Gothic';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 &gt; button{width:100%;height:74px;background:#333;color:#fff;text-align:center;font-family:'Nanum Gothic';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 &gt; 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-family:'Nanum Gothic';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-family:'Nanum Gothic';font-weight:700}
.select-list-box .select-list-option-title {font-family:'Nanum Gothic';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-family:'Nanum Gothic';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-family:'Nanum Gothic';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{padding-left:50px;background:url(../../images/icon/ico_mem01.png) 0px 5px no-repeat}
.column01 .join-con{margin-top:20px;padding-left:50px;background:url(../../images/icon/ico_mem02.png) 0px 5px no-repeat}
.column01 .btn{margin-top:5px;width:100%}
@media (max-width: 767px) {  
    .column01 .join-con{margin-top:40px;}
}


/* 회원가입 &gt; 약관동의 */
.process-step{margin:30px 0;overflow:hidden;}
.process-step &gt; ul{overflow:hidden;background:#d5d5d5;border:1px solid #bbbbbb;list-style:none}
.process-step &gt; ul &gt; li{float:left;width:33%;background:url(../../images/icon/icon_join_step_line.gif) right 0 repeat-y}
.process-step &gt; ul &gt; li:last-child{width:34%;background:none}										
.process-step &gt; ul &gt; li.on{background:#666}
.process-step &gt; ul &gt; li &gt; 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 &gt; ul &gt; .step01 &gt; div{background:url(../../images/icon/icon_join_step01.png) 0 0 no-repeat}
.process-step &gt; ul &gt; .step02 &gt; div{background:url(../../images/icon/icon_join_step02.png) 0 0 no-repeat}
.process-step &gt; ul &gt; .step03 &gt; div{background:url(../../images/icon/icon_join_step03.png) 0 0 no-repeat}
.process-step &gt; ul &gt; .step01 &gt; div.on{background:url(../../images/icon/icon_join_step01_on.png) 0 0 no-repeat;color:#fff}
.process-step &gt; ul &gt; .step02 &gt; div.on{background:url(../../images/icon/icon_join_step02_on.png) 0 0 no-repeat;color:#fff}
.process-step &gt; ul &gt; .step03 &gt; div.on{background:url(../../images/icon/icon_join_step03_on.png) 0 0 no-repeat;color:#fff}

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

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

/* 회원가입 &gt; 가입완료 */
.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{}
.login-zone01 .sns-title{display:inline-block;font-size:14px;font-weight:700;margin-top:20px;width:100%;margin-bottom:6px;}
.login-zone01 .sns-box{border:1px solid #e5e5e5;background:#f3f3f3;padding:10px;}

@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-family:'Nanum Gothic';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:#1ab3c5;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.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;}

@media (max-width: 767px) {  
    .popup-content{width:84% !important;height:auto !important;top:5% !important; left:8% !important;}
    .popup-content img{width:100% !important;}
    .popup-content-box{width:100% !important;height:auto !important;}
    .popup-content img{width:100% !important;}
}
.ul-disc{list-style:disc;padding-left:20px;}
.ul-disc &gt; li{list-style:disc;padding-top:2px;padding-bottom:4px;color:#555;line-height:1.6;}

.ul-square{list-style:square;padding-left:20px;}
.ul-square &gt; li{list-style:square;padding-top:2px;padding-bottom:4px;color:#202020;line-height:1.6;font-size:16px;}
@media (max-width: 767px) {  
    .ul-square &gt; li{list-style:square;padding-top:2px;padding-bottom:4px;color:#202020;line-height:1.6;font-size:14px;}
}</pre></body></html>