@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:#e94b35 !important}/*skyblue*/
.point02{color:#ff3300 !important}/*orange*/
.point03{color:#f2c311 !important}/*yellow*/
.point04{color:#f2c311 !important}/*yellow*/
.point05{color:#000 !important}
.point06{color:#75af3d !important}
.point07{color:#0066cc !important}
.point08{color:#e42481 !important}

/* title */
.title-page{margin-top:30px;margin-bottom:0px;font-weight:700;font-size:40px;letter-spacing:-0.7px;line-height:1.0;text-align:center;color:#202020/*#e94b35*/;position:relative;padding-bottom:25px;}
.title-page::before{position:absolute;content:'';width:60px;left:50%;margin-left:-30px;height:1px;background:#d5d5d5/*#e19fa0*/;bottom:0;}
.title-sub01{font-size:45px;font-weight:700;color:#000;letter-spacing:-0.7px;line-height:1.3;text-align:left;}
.title-sub02{font-size:24px;font-weight:700;color:#000;letter-spacing:-0.7px;line-height:1.3;text-align:left;}
.title-sub0203{font-size:22px;font-weight:700;color:#000;letter-spacing:-0.7px;line-height:1.3;text-align:left;}
.title-sub0203 span{font-weight:500;}
.title-sub03{font-size:20px;font-weight:600;color:#000;letter-spacing:-0.7px;line-height:1.3;text-align:left;}
.title-sub04{font-size:18px;font-weight:500;color:#000;letter-spacing:-0.7px;line-height:1.3;text-align:left;}
.box-title01{display:inline-block;margin:0 auto;padding:8px 55px 12px;background:#ffdad4;color:#000;font-size:20px;line-height:20px;border-radius:20px;text-align:center;}
.box-title0101{display:inline-block;margin:0 auto;padding:8px 55px 12px;background:#0066cc;color:#fff;font-size:20px;line-height:20px;border-radius:20px;text-align:center;min-width:260px;}
.box-title0102{display:inline-block;margin:0 auto;padding:8px 55px 12px;background:#75af3d;color:#fff;font-size:20px;line-height:20px;border-radius:20px;text-align:center;min-width:260px;}
.box-title0103{display:inline-block;margin:0 auto;padding:8px 55px 12px;background:#e42481;color:#fff;font-size:20px;line-height:20px;border-radius:20px;text-align:center;min-width:260px;}
.box-title0104{display:inline-block;margin:0 auto;padding:8px 55px 12px;background:#e94b35;color:#fff;font-size:20px;line-height:20px;border-radius:20px;text-align:center;min-width:260px;}
.box-title02{display:inline-block;margin:0 auto;padding:8px 25px 12px;background:#ffdad4;color:#000;font-size:20px;line-height:20px;border-radius:20px;text-align:center;}
.box-title0202{display:inline-block;margin:0 auto;padding:8px 25px 12px;background:#75af3d;color:#fff;font-size:20px;line-height:20px;border-radius:20px;text-align:center;}
.box-title03{width:100%;margin:0 auto;padding:6px 25px 10px;border:4px solid #e74b34;border-radius:16px;background:#fff;text-align:center;color:#e74b34;font-weight:700;}
.box-title0302{width:100%;margin:0 auto;padding:6px 25px 10px;border:4px solid #75af3d;border-radius:16px;background:#fff;text-align:center;color:#75af3d;font-weight:700;}

.business-box01{border:4px solid #e74b34;border-radius:25px;background:#fff;padding:25px 25px 20px;text-align:center;margin-left:auto;margin-right:auto;}
.business-box01 .text-center{text-align:center !important;}
.business-box0102{border:4px solid #aed08c;border-radius:25px;background:#fff;padding:25px 25px 20px;text-align:center;margin-left:auto;margin-right:auto;}
.business-box0102 .text-center{text-align:center !important;}
.business-box-none{border:0px solid #aed08c;border-radius:25px;background:none;padding:25px 25px 20px;text-align:center;margin-left:auto;margin-right:auto;}
.business-box-none .text-center{text-align:center !important;}
.business-box-txt{border:2px solid #75af3d;border-radius:30px;background:#fff;padding:22px 25px 25px;text-align:center;margin-left:auto;margin-right:auto;}
.business-box-txt .text-center{text-align:center !important;}
.business-box-txt p{word-break:keep-all;}
.business-box0103{border:4px solid #0066cc;border-radius:25px;background:#fff;padding:25px 25px 20px;text-align:center;margin-left:auto;margin-right:auto;}
.business-box0103 .text-center{text-align:center !important;}
.business-box02{border:4px solid #e74b34;border-radius:16px;background:#fff;padding:30px 15px 35px;text-align:center;margin-left:auto;margin-right:auto;}
.business-box02 .text-center{text-align:center !important;}
.business-box0202{border:0px solid #aed08c;border-radius:16px;background:#fff;padding:30px 15px 35px;text-align:center;margin-left:auto;margin-right:auto;}
.business-box0202 .text-center{text-align:center !important;}
.business-box0203{padding:10px 15px 45px;text-align:center;margin-left:auto;margin-right:auto;}
.business-box0203 .text-center{text-align:center !important;}
.business-box0203 > h5{color:#fff;font-weight:500;}
.business-box0203 > p{color:#fff;font-weight:400;position:relative;padding-top:15px;}
.business-box0203 > p::before{position:absolute;width:100%;height:1px;background:#fff;top:0;left:0;content:'';}

.business-box03{background:#fff;border:1px solid #c5c0c0;padding:25px;}

.business-box-new{padding:25px 25px 20px;text-align:center;margin-left:auto;margin-right:auto;}
.business-box-new .text-center{text-align:center !important;}
.business-box-new > h4{display:inline-block;width:400px;height:134px;font-size:20px;color:#fff;font-weight:600;text-align:center;line-height:126px;}
.business-box-new > h4.bg_internet01{background:url("/images/business/internet_img02_01.jpg") center center no-repeat;background-size:cover;}
.business-box-new > h4.bg_internet02{background:url("/images/business/internet_img02_02.jpg") center center no-repeat;background-size:cover;}
.business-box-new > h4.bg_internet03{background:url("/images/business/internet_img02_02_01.jpg") center center no-repeat;background-size:cover;}
.business-box-new > h4.bg_internet04{background:url("/images/business/internet_img02_02_02.jpg") center center no-repeat;background-size:cover;}
.business-box-new > h4.bg_internet05{background:url("/images/business/internet_img02_02_03.jpg") center center no-repeat;background-size:cover;}
.business-box-new > h4.bg_internet06{background:url("/images/business/internet_img02_02_04.jpg") center center no-repeat;background-size:cover;}
.business-box-new > h4.bg_dedicated01{background:url("/images/business/dedicated_img02_01.jpg") center center no-repeat;background-size:cover;}
.business-box-new > h4.bg_dedicated02{background:url("/images/business/dedicated_img02_02.jpg") center center no-repeat;background-size:cover;}
.business-box-new > h4.bg_dedicated03{background:url("/images/business/dedicated_img02_03.jpg") center center no-repeat;background-size:cover;}
.business-box-new > h4.bg_dedicated04{background:url("/images/business/dedicated_img02_04.jpg") center center no-repeat;background-size:cover;}
.business-box-new > h4.bg_record01{background:url("/images/business/record_img02_01.jpg") center center no-repeat;background-size:cover;}
.business-box-new > h4.bg_record02{background:url("/images/business/record_img02_02.jpg") center center no-repeat;background-size:cover;}
.business-box-new > p{font-size:17px;letter-spacing:-1.0px;line-height:1.3;}


.business-box-telecom{min-height:189px;display:flex;justify-content:center;flex-direction:column;border-radius:45px;overflow:hidden;}
.business-box-telecom .text-center{text-align:center !important;}
.business-box-telecom.bg01{background:url("/images/business/telecommunication_bg01.png") center center no-repeat;background-size:cover;}
.business-box-telecom.bg02{background:url("/images/business/telecommunication_bg02.png") center center no-repeat;background-size:cover;}
.business-box-telecom.bg03{background:url("/images/business/telecommunication_bg03.png") center center no-repeat;background-size:cover;}
.business-box-telecom.bg04{background:url("/images/business/telecommunication_bg04.png") center center no-repeat;background-size:cover;}
.business-box-telecom.bg05{background:url("/images/business/telecommunication_bg05.png") center center no-repeat;background-size:cover;}
.business-box-telecom p{font-size:20px;color:#fff;font-weight:500;letter-spacing:-0.7px;line-height:1.2;text-align:center;margin-bottom:10px;}

@media (max-width: 767px){    
    .title-page{margin-top:20px;margin-bottom:20px;font-weight:700;font-size:24px;letter-spacing:0;line-height:1.0;text-align:center;}
    .title-sub01{font-size:30px;}
    .title-sub02{font-size:20px;}
    .title-sub0203{font-size:18px;}
    .title-sub03{font-size:17px;}
    .title-sub04{font-size:16px;}
    .box-title01{padding:8px 35px 12px;font-size:18px;}    
    .box-title0101{padding:8px 35px 12px;font-size:18px;}
    .box-title0102{padding:8px 35px 12px;font-size:18px;}
    .box-title0103{padding:8px 35px 12px;font-size:18px;}
    .box-title0104{display:inline-block;margin:0 auto;padding:8px 55px 12px;background:#e94b35;color:#fff;font-size:20px;line-height:20px;border-radius:20px;text-align:center;min-width:260px;}
    .box-title02{padding:8px 15px 12px;font-size:18px;}
    .box-title0202{padding:8px 15px 12px;font-size:18px;}    
    .business-box01{border:3px solid #e74b34;border-radius:15px;background:#fff;padding:20px;text-align:center;margin-left:auto;margin-right:auto;}
    .business-box01 .text-center{text-align:center !important;}
    .business-box0102{border:3px solid #aed08c;border-radius:15px;background:#fff;padding:20px;text-align:center;margin-left:auto;margin-right:auto;}
    .business-box0102 .text-center{text-align:center !important;}
    .business-box-none{border:0px solid #aed08c;border-radius:15px;padding:20px;text-align:center;margin-left:auto;margin-right:auto;}
    .business-box-none .text-center{text-align:center !important;}
    .business-box-txt{border-radius:15px;padding:20px;text-align:center;margin-left:auto;margin-right:auto;}
    .business-box-txt .text-center{text-align:center !important;}
    .business-box0103{border:3px solid #0066cc;border-radius:15px;background:#fff;padding:20px;text-align:center;margin-left:auto;margin-right:auto;}
    .business-box0103 .text-center{text-align:center !important;}
    .business-box02{border:3px solid #e74b34;border-radius:10px;background:#fff;padding:20px;text-align:center;margin-left:auto;margin-right:auto;}
    .business-box02 .text-center{text-align:center !important;}
    .business-box0202{border:0px solid #aed08c;border-radius:10px;background:#fff;padding:20px;text-align:center;margin-left:auto;margin-right:auto;}
    .business-box0202 .text-center{text-align:center !important;}
    .business-box0203{padding:10px 20px;text-align:center;margin-left:auto;margin-right:auto;}
    .business-box-area04 > li:last-child .business-box0203{padding-bottom:50px;}
    .business-box-area05 > li:last-child .business-box0203{padding-bottom:50px;}
    .business-box0203 .text-center{text-align:center !important;}
    .business-box03{padding:20px;}
    .business-box-new{padding:20px;text-align:center;margin-left:auto;margin-right:auto;}
    .business-box-new .text-center{text-align:center !important;}    
    .business-box-new > h4{width:100%;height:124px;font-size:17px;line-height:120px;}    
    .business-box-new > p{font-size:14px;letter-spacing:-1.0px;line-height:1.3;}

    .business-box-telecom{min-height:150px;}    
    .business-box-telecom .text-center{text-align:center !important;}    
    .business-box-telecom p{font-size:18px;}    
    

}

.title-btn01{display:inline-block;padding:15px 70px 23px;font-size:22px;color:#fff;font-weight:700;line-height:1.0;text-align:center;border-radius:10px;background:#000;min-width:220px;}
.title-btn02{display:inline-block;padding:15px 70px 23px;font-size:22px;color:#fff;font-weight:700;line-height:1.0;text-align:center;border-radius:10px;background:#989797;min-width:220px;}

.title-txt{font-size:40px;color:#000;font-weight:600;letter-spacing:-0.7px;line-height:1.3;text-align:left;}
.txt-sub01{font-size:24px;color:#000;font-weight:500;letter-spacing:-0.7px;line-height:1.3;text-align:left;}
.txt-sub02{font-size:20px;color:#000;font-weight:500;letter-spacing:-0.7px;line-height:1.3;text-align:left;}
.txt-kiosk{font-size:22px;color:#000;font-weight:500;letter-spacing:-0.7px;line-height:1.3;}
.txt-sub03{font-size:16px;}
.txt-sub04{font-size:15px;letter-spacing:-1.2px;}
.txt-sub05{font-size:13px;letter-spacing:-1.2px;}
.txt-sub06{font-size:17px;}
.txt-sub07{font-size:30px;}
@media (max-width: 767px){  
    .title-btn01{display:inline-block;padding:10px 30px 18px;font-size:18px;min-width:160px;}
    .title-btn02{display:inline-block;padding:10px 30px 18px;font-size:18px;min-width:160px;}

    .title-txt{font-size:23px;}
    .txt-sub01{font-size:20px;}
    .txt-sub02{font-size:18px;}
    .txt-kiosk{font-size:19px;}
    .txt-sub03{font-size:14px;}
    .txt-sub04{font-size:13px;}
    .txt-sub05{font-size:11px;}    
    .txt-sub06{font-size:15px;}    
    .txt-sub07{font-size:19px;letter-spacing:-1.0px;}
    .telecom-img img{width:80%;}
}

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

.mg-micro{margin-top:5px;}
.mg-tiny{margin-top:15px;}
.mg-small{margin-top:20px;}
.mg-area{margin-top:30px;}
.mg-content{margin-top:40px;}
.mg-section{margin-top:50px;}
.mg-section-large{margin-top:65px;}
.mg-container{margin-top:80px;}
.mg-large{margin-top:150px;}

@media (max-width: 767px) {

    .mg-micro{margin-top:3px;}
    .mg-tiny{margin-top:10px;}
    .mg-small{margin-top:15px;}   
    .mg-area{margin-top:20px;}
    .mg-content{margin-top:25px;}
    .mg-section{margin-top:30px;}
    .mg-section-large{margin-top:45px;}
    .mg-container{margin-top:60px;}
    .mg-large{margin-top:80px;}
}

/* 말줄임 */
.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:50px;width:100%;}
.tab-type01 li{float:left;width:25%;text-align:center}
.tab-type01 li a{padding:6px 0;display:block;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;background:#fff;color:#202020;font-size:14px;font-weight:500;text-decoration:none;text-align:center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.tab-type01 li:last-child a{border-right:1px solid #d5d5d5;}
.tab-type01 li a:hover{background:#333;color:#fff;font-weight:500;border-top:1px solid #333;border-bottom:1px solid #333;border-left:1px solid #333;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.tab-type01 li.on a{background:#333;color:#fff;font-weight:500;border-top:1px solid #333;border-bottom:1px solid #333;border-left:1px solid #333;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}

@media (max-width:767px) {
    .tab-type01 li{float:left;width:100%;text-align:center}
    .tab-type01 li a{border-top:1px solid #d5d5d5;border-bottom:0px solid #d5d5d5;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;}
    .tab-type01 li:last-child a{border-bottom:1px solid #d5d5d5;}
    .tab-type01 li.on a{border-top:1px solid #333;border-bottom:1px solid #333;border-right:1px solid #333;border-left:1px solid #333;}
}

.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}


.product-section{float:left;width:calc(100% - 200px);padding-left:60px;}
.product-section .title-product{font-size:40px;color:#e94b35;font-weight:700;margin-top:15px;letter-spacing:-0.7px;margin-bottom:10px;}
.product-section .product-box{padding:20px;border:1px solid #d5d5d5;background:#f5f5f5;margin-bottom:20px;line-height:1.4;}
.product-section .product-box h4{font-size:20px;color:#202020;font-weight:700;margin-top:0;letter-spacing:-0.7px;margin-bottom:10px;}

@media (max-width: 767px){    
    .product-section{float:left;width:100%;padding-left:0px;margin-top:10px;}
    .product-section .title-product{font-size:26px;margin-bottom:10px;}
    .product-section .product-box{padding:16px;margin-bottom:20px;}
    .product-section .product-box h4{font-size:18px;margin-bottom:10px;}

}



/* 제품 리스트 */
.product-list{overflow:hidden;}
.product-list > li{position:relative;margin-top:40px;}
.product-list > li > .p-box{position:relative;padding:15px 15px 52px 15px;border:1px solid #d5d5d5;background:#fff;}
.product-list > li > .p-box > a > img{width:100%;vertical-align:top;margin-top:0px;border:3px solid #e3e3e3;}
.product-list > li > .p-box > h5{font-size:20px;font-weight:700;color:#e94b35;line-height:1.2;letter-spacing:-0.5px;text-align:left;margin-top:15px;}
.product-list > li > .p-box > p{font-size:14px;font-weight:500;color:#999;line-height:1.4;letter-spacing:-0.5px;margin-top:15px;margin-bottom:30px;}
.product-list > li > .p-box > p > strong{font-size:15px;font-weight:700;color:#202020;}
.product-list > li > .p-box > .btn-area{position:absolute;width:calc(100% - 30px);height:37px;display:flex;justify-content:center;overflow:hidden;bottom:15px;}
.product-list > li > .p-box > .btn-area > .btn-down{float:left;width:50%;display:inline-block;background:#e94b35;border:1px solid #e94b35;padding:9px 0 12px;font-size:12px;color:#fff;font-weight:600;line-height:1.0;text-align:center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.product-list > li > .p-box > .btn-area > .btn-down i{font-size:12px;color:#fff;line-height:1.0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.product-list > li > .p-box > .btn-area > .btn-down:hover{background:#fff;color:#e94b35;border:1px solid #e94b35;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.product-list > li > .p-box > .btn-area > .btn-down:hover i{color:#e94b35;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.product-list > li > .p-box > .btn-area > .btn-more{float:right;width:50%;display:inline-block;background:#333;font-weight:600;padding:9px 0 12px;font-size:12px;color:#fff;border:1px solid #333;line-height:1.0;text-align:center;}
.product-list > li > .p-box > .btn-area > .btn-more i{font-size:12px;color:#fff;line-height:1.0;}
.product-list > li > .p-box > .btn-area > .btn-more:hover{background:#fff;color:#333;border:1px solid #333;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.product-list > li > .p-box > .btn-area > .btn-more:hover i{color:#333;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}



@media (max-width:767px) {
    .product-list{overflow:hidden;margin-left:-5px;margin-right:-5px;}
    .product-list > li{margin-top:20px;padding-left:5px;padding-right:5px;}
    .product-list > li > a > p{margin-top:6px;font-size:13px;}
}



/*제품 View */

.product-view {position:relative;width:100%;margin-top:30px;}

.product-view .title{position:relative;font-size:24px;color:#e94b35;font-weight:700;letter-spacing:-0.7px;line-height:1.2;padding-right:60px;margin-top:20px;}  
.product-view .title a{position:absolute;display:inline-block;padding:5px 8px;font-size:12px;color:#e94b35;font-weight:700;letter-spacing:-0.5px;line-height:1.2;border:1px solid #e94b35;right:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}  
.product-view .title a i{color:#e94b35;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}  
.product-view .title a:hover{color:#fff;background:#e94b35;border:1px solid #e94b35;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}  
.product-view .title a:hover i{color:#fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}  

@media (max-width:767px) {
    .product-view .title{font-size:20px;margin-top:0px;}  
}

.product-view .product-img {overflow:hidden;margin-bottom:40px;}
.product-view .product-img .large-img{position:relative;overflow:hidden;border:3px solid #e3e3e3;}
.product-view .product-img .large-img > li{}
.product-view .product-img .large-img > li img{width:100%;}

.imgViewer{position:absolute;top:50vh;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-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 {margin-top:30px;}

.product-option ul {width:100%;overflow:hidden;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;margin-top:15px;padding:15px 0;}
.product-option ul  li{float:left;border-bottom:0px solid #d5d5d5;padding:3px 20px}
.product-option ul .tit{position:relative;width:80px;font-weight:700;clear:both;}
.product-option ul .con{position:relative;width:calc(100% - 80px);}
.product-option ul .con_all{position:relative;width:100%;}
.product-option ul .con_all::before{position:absolute;left:10px;top:13px;width:3px;height:3px;background:#e94b35;content:'';}

.product-spec {clear:both;margin-bottom:50px}
.product-detail {clear:both;margin-bottom:50px}
.product-summary {clear:both;padding:12px 15px 15px 15px;background:#f3f3f3;border:0px solid #d5d5d5;margin-top:30px;font-size:14px;letter-spacing:-0.5px;}
.product-summary strong{font-size:15px;}

/*테이블 */
.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 > .row > div{padding-bottom:8px;overflow:hidden;}
.search-section{margin-left:-1px;margin-right:-1px;}
.search-section > div{padding-left:1px;padding-right:1px;}


/*게시판 */
.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 > 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-family:'Nanum Gothic';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-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: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-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;}

.textarea img{max-width:100% !important;}

/*이전글, 다음글*/
.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 > 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 > 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;}
}


/* 회원가입 > 약관동의 */
.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{}
.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:100% !important;height:auto !important;top:0px !important; left:0px !important;}
    .popup-content img{width:100% !important;}
}
.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;}

.table-terminal-wrap{overflow:hidden;}
.table-terminal {width:100%;border-top:2px solid #000;}
.table-terminal thead tr th, .table-terminal thead tr td, .table-terminal tbody tr th, .table-terminal tbody tr td, .table-terminal tfoot tr th, .table-terminal tfoot tr td{border-right:1px solid #b4b4b4;text-align:left;vertical-align:middle;font-size:18px;border-bottom:1px solid #b4b4b4;font-weight:400;}
.table-terminal thead tr th, .table-terminal thead tr td{background:#f6f6f6;color:#000;padding:5px 20px 7px;text-align:center;}
.table-terminal tbody tr th, .table-terminal tbody tr td{padding:5px 20px 7px;text-align:left !important;}
.table-terminal tbody tr th{background:#f6f6f6;color:#000;padding:5px 20px 7px;text-align:center !important;}
.table-terminal thead tr th:first-child, .table-terminal thead tr td:first-child, .table-terminal tbody tr th:first-child, .table-terminal tbody tr td:first-child, .table-terminal tfoot tr th:first-child, .table-terminal tfoot tr td:first-child{border-left:1px solid #b4b4b4;font-size:18px;}

.table-terminal .col01{width:160px;}
.table-terminal .col02{width:calc(100% - 160px);}
.table-terminal .col03{width:160px;}
.table-terminal .col04{width:calc(100% - 160px);}
.table-terminal .col05{width:30%;}
.table-terminal .col06{width:35%;}
.table-terminal .col07{width:35%;}
.table-terminal .col08{width:30%;}
.table-terminal .col09{width:30%;}
.table-terminal .col10{width:40%;}
.table-terminal .col11{width:30%;}
.table-terminal .col12{width:70%;}
.table-terminal .col13{width:33.33%;}
.table-terminal .col14{width:33.33%;}
.table-terminal .col15{width:33.34%;}

@media (max-width: 767px) {      
    .table-terminal-wrap{overflow-x:scroll}
    .table-terminal{width:767px;}
    .table-terminal-w100{width:100% !important;}
    .table-terminal thead tr th, .table-terminal thead tr td, .table-terminal tbody tr th, .table-terminal tbody tr td, .table-terminal tfoot tr th, .table-terminal tfoot tr td{border-right:1px solid #b4b4b4;text-align:left;vertical-align:middle;font-size:13px;border-bottom:1px solid #b4b4b4;font-weight:400;}
    .table-terminal thead tr th, .table-terminal thead tr td{background:#f6f6f6;color:#000;padding:5px 10px 7px;text-align:center;}
    .table-terminal tbody tr th, .table-terminal tbody tr td{padding:5px 10px 7px;text-align:left !important;word-break:keep-all;text-align:left;}
    .table-terminal thead tr th:first-child, .table-terminal thead tr td:first-child, .table-terminal tbody tr th:first-child, .table-terminal tbody tr td:first-child, .table-terminal tfoot tr th:first-child, .table-terminal tfoot tr td:first-child{border-left:1px solid #b4b4b4;font-size:13px;}
    .table-terminal .col01{width:80px;}
    .table-terminal .col02{width:calc(100% - 80px);}
    .table-terminal .col03{width:300px;}
    .table-terminal .col04{width:calc(100% - 300px);}
    .table-terminal .col05{width:20%;}
    .table-terminal .col06{width:40%;}
    .table-terminal .col07{width:40%;}
    .table-terminal .col08{width:20%;}
    .table-terminal .col09{width:20%;}
    .table-terminal .col10{width:60%;}
    .table-terminal .col11{width:30%;}
    .table-terminal .col12{width:70%;}
    .table-terminal .col13{width:33.33%;}
    .table-terminal .col14{width:33.33%;}
    .table-terminal .col15{width:33.34%;}
}