.area_bg { background-color:#fff; }
.area_top { padding-top: 125px; }
.area_bottom { padding-bottom: 4%; }
.section_center {  max-width:1180px; margin:0 auto;padding-right: 5px;padding-left: 5px;}
.section_center2 { width:100%; max-width:1020px; margin:0 auto; }
.section_first { padding-top:120px; }
.section_white { background-color:#fff; }
.banner-in-txt img { margin-left:5%; }
.hidden-sm {display:block;}
.visible-sm {display:none;}
input { -webkit-appearance:block; -webkit-border-radius:0; }/* 사파리 그림자 없애기, 라운드 없애기 */
select {
	/*-webkit-appearance: none;*/ /* 화살표 없애기 for chrome*/
	/*-moz-appearance: none;    /* 화살표 없애기 for firefox*/
	/*appearance: none;         /* 화살표 없애기 공통*/
	-webkit-border-radius:0; /* 라운드 없애기 for safari*/
	-webkit-appearance:none; -moz-appearance:none;  appearance:none; height:35px; border:1px solid #D2D2D2; padding-left:10px; margin-bottom:10px; background:#fff url('../css/img/common/select_down.png') no-repeat 95% 50%; 
}
select::-ms-expand { display:none; }/* 화살표 없애기 for IE10, 11*/

/*페이지표시*/
.page_num{ padding:20px 0 20px; }
.page_num ul{ list-style:none; margin:0; text-align:center; font-weight:600; }
.page_num li{ display:inline; }
.page_num a{ display:inline-block; margin-right:1px; padding:10px 15px; background:#fff; color:#000; 
	border: 1px solid #E6E6E6;
}
.page_num a:hover, .page_num a:active, .page_num a:focus{ border-bottom:3px solid #828EFF; 
	border: 1px solid #FF8133;
}
.page_num .active a{ display:inline-block; padding:10px 15px; background:#fff; border: 1px solid #FF8133; }

/*하단 footer*/
.footer_bg { background-color:#eeeef0; padding:3%; color:#373737; font-size:14px; }
.footer_bg strong { font-weight:bold; }
.footer_bg .mail { color:#FFF; }
.footer_bg p { color:#B3B3B7; }


/*main 이미지 슬라이더*/
.section_slide { min-width:300px; }
.main_btn{ position:relative; height:60px; z-index:500; }
.main_btn > div { position:absolute; bottom:30px; left:0; right:0; width:100%; max-width:480px; margin:0 auto; }

/*main 홍보 동영상*/
.section_media { background:url('img/main/bg_img.png'); letter-spacing: -1px; font-weight: normal; color: #fff; margin-top:3px; }
.section_media span { font-size:24px; font-size:1.3em; line-height:30px; line-height:1.3em; }
.section_media strong span { font-weight: 800; }
.section_media label { font-size:14px; font-size:0.8em; line-height:18px; line-height:0.8em; }
.media-info { text-align:center; width:100%;}
.info-top { padding:30px 0 20px;}
.info-bottom { padding:20px 0 30px; }
.media-frame { text-align:center; }
.media-frame iframe { width: 500px; max-width: 600px; height:280px; }

/*main 견적신청현황*/
.estimate, .qna {  background-color:#FFFFFF; }
.main-header { position: relative; margin-bottom: 20px; }
.main-header .h-main { color: #000; font-size: 20px; letter-spacing: -1px; }
.main-header .more { position: absolute; top: 0; right: 0; color: #999999; font-size: 13px; }
.blind { position: absolute; overflow: hidden; left: -100%; text-indent: -100%; width: 1px; }
ul { list-style: none; }
.estimate li { position:relative; padding:10px 0; border-bottom:1px solid #D6D6D6; line-height:21px; }
.estimate li i { display:inline-block; width:21px; height:21px; vertical-align: middle; }
.estimate li .icon_list { margin:0 10px; background:url('img/main/icon_list.png') no-repeat; }
.estimate li .icon_new { margin:2px 10px; background:url('img/main/icon_new.png') no-repeat; position:absolute; }
.estimate li a { display:inline-block; overflow:hidden; max-width:75%; color:#000; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; }
.estimate li .name { position:absolute; right:190px; color:#7A7A7A; }
.estimate li .state { position:absolute; right:100px; color:#7A7A7A; }
.estimate li .date { position:absolute; right:10px; color:#919191; }

/*main 스타일*/
.style_btn { clear: both; overflow: hidden; height: 66px; position: relative; margin-bottom:2%; }
.style_btn ul { width:100%; max-width:1000px; margin:0 auto; }
.style_btn .rempty { border-right:none; }
.style_btn ul li { float: left; box-sizing: border-box; background-color: #fff; border: 1px solid #A8A8A8; }
.home-style ul li { width: 20%; }
.store-style ul li { width: 16.66666666%; }
.style_btn ul li a { padding: 10px 0px; display: block; text-align: center; color: #000; font-size: 22px; font-size: 1.3em; line-height: 40px; line-height: 1.9em; font-weight:600; border-bottom: 5px solid #A8A8A8; }/*overflow: auto; */
.style_btn ul li a:hover, .style_btn ul li a:active, .style_btn ul li a:focus { border-bottom: 5px solid #828EFF; }
.home-style-banner { background:url('img/main/banner_bg1.png') no-repeat center center; padding:3% 0; color:#fff; text-align:center; width:100%; max-height:121px; }
.pattern { background-color:#fff; padding:1% 0%; color:#000; text-align:left; width:100%; }
.img-list { width:99%; margin:0 auto; overflow:hidden; }
.img-list li { display: block; border-collapse: collapse; width:25%; float: left; }
.img-list1 { width:99%; margin:0 auto; overflow:hidden; }
.img-list1 li { display: block; border-collapse: collapse; width:16.5%; float: left; }
.inner { display: block; overflow: hidden; margin:0px; margin-top:15px;margin-left:15px;}
.li-img { display: block; width: 100%; border-radius:5px;min-width:120px;}
.li-img1 { display: block; width: 100%; border-radius:5px;min-width:120px;}
/*.li-img img { display: block; width: 100%; }*/
.li-text { display: block; vertical-align: middle; width: 98%; padding: 1em 0.2em; border:0px solid #EBEBEB; border-top:none; }
.li-title { 
	display: inline-block;
	overflow: hidden; 
	width: 100%; 
	color: #1d1d1d; 
	font-weight: bold; 
	text-overflow: ellipsis;
	white-space: nowrap; 
	vertical-align: middle; 
	line-height: 1.4em;
	font-size:16px;
}
.li-title1 { 
	display: inline-block;
	overflow: hidden; 
	width: 100%; 
	color: #1d1d1d; 
	font-weight: bold; 
	text-overflow: ellipsis;
	vertical-align: middle; 
	line-height: 1.4em;
	font-size:16px;
}
.li-pay { width: 100%; color: #828EFF; font-weight: 800; font-size:18px; margin-top:7px; }
.li-under-pay { color:#ababab; text-decoration:line-through; font-weight:400; font-size:12px; float:right; }
.li-like { font-size:13px; color:#828282; margin-top:7px;}	
/*main 파트너사*/
.partner-banner { background:url('img/main/banner_bg2.png') no-repeat center center; padding:4.7% 0; width:100%; max-height:120px; background-size:cover;}


/*회사 소개*/

#company1 { background:url('img/company/bg1.png') no-repeat center center; padding:4.7% 0; width:100%; max-height:120px; background-size:cover;}
.company_main .t50 { opacity:.5; filter:Alpha(Opacity=50); }
.company_main h3 { font-size:32px; line-height:42px; text-align:center; font-weight:200; color:#fff; }
.company_main p { margin:50px 5%; color:#fff; line-height:20px; }
.company_sub { text-align:center; padding:10% 0; max-height:550px; }
.company_grey { background:#F5F5F7; }
.company_sub h3 { font-size:32px; line-height:42px; text-align:center; font-weight:100; color:#545454; }
.company_sub span { font-weight:600; }
.company_sub img { margin-top:5%; }
#company1_img { padding:5%; }
#company1_5 { background:#464659; text-align:center; padding:10% 0% 13%; color:#fff; max-height:780px; }
#company1_5 img { margin-top:6%; padding:0 3%; }
#company2 { background:url('img/company/bg2.png') no-repeat center center; text-align:center; padding:15% 0% 12%; color:#fff; max-height:700px; background-size:cover;}
#company2 img { padding:1%; }


/*견적, 문의하기 등록 폼*/
.inputform .divide_div, .searchform .divide_div { clear:both; position:relative; }
.inputform .left_div, .searchform .left_div { float:left; }
.inputform .right_div { float:right; text-align:right; }
.inputform .input_div { width:47%; }
.inputform .ph { width:30%; }
.inputform form input { height:38px; border:1px solid #D2D2D2; padding:0 10px; width:100%; margin-bottom:10px; -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active; }
.inputform form select {-webkit-appearance:none; -moz-appearance:none;  appearance:none; height:38px; border:1px solid #D2D2D2; padding-left:10px; width:100%; margin-bottom:10px; background:#fff url('img/common/select_down.png') no-repeat 95% 50%; }
.inputform textarea { border:1px solid #D2D2D2; padding:10px; width:100%; margin-bottom:10px; -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active; }
.inputform p { position:relative; margin:1em 0;}
.inputform input[type="checkbox"] { width:1px; height:1px; padding:0; border:0 none; margin:0; position:absolute; left:0; top:0; overflow:hidden; clip:rect(0 0 0 0); }
.inputform label { height:31px; line-height:31px; padding-left:40px; display:inline-block; background:url('img/common/check.png') no-repeat 0 0; font-size:16px; vertical-align:middle; cursor:pointer; color:#757575; }
.inputform input[type="checkbox"]:checked + label { background-position: 0 -31px; }
.inputform a { /*height:45px;*/ line-height:31px; font-size:16px; vertical-align:middle; cursor:pointer; color:#828EFF; }
.inputform .center_btn { text-align:center; margin:2.5em 0;}

/*검색 폼*/
.searchform form input { height:50px; border:1px solid #D2D2D2; padding:10px 10px; width:100%; -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active; }
.searchform form select { height:50px; border:1px solid #D2D2D2; padding-left:10px; width:100%;  }
.searchform form button { height:50px; border: 1px solid transparent; padding:0; width:100%; color:#fff; background-color:#828EFF; text-align: center; cursor: pointer; }


/*컨셉시공사례*/
.case { margin:3% 10px; }
.case .search_div { width:33%; }
.case .style_div { width:34%; }
.case .search_div select { border-right:none; }
#sort{ list-style:none; margin:0; padding:0; text-align:center; }
#sort li{ display:inline; color:#C7C7C7; padding:10px; }
#sort .data{ cursor:pointer; font-weight:500; }
#sort .active{ font-weight:800; color:#000; }
.pattern2 { color:#000; text-align:left; width:100%; }
.img-list2 { width:100%; margin:0 auto; overflow:hidden; }
.img-list2 li { display: block; border-collapse: collapse; width:25%; float: left; }
.view, .view2 { padding: 1% 1%; background-color:#FFFFFF; }
.view .main{ padding-bottom:8%; display:inline-block;width:600px;height:650px;margin-bottom:30px;}
.view .main > img{height:500px;}
.view .main1{ padding-bottom:8%; display:inline-block;width:400px;height:500px;vertical-align:text-bottom;padding-left:40px;}
.view .title{ color:#808080; padding-bottom:3%; }
.view .title h3{ font-size:28px; font-size:20px; line-height:1.35;  color:#1d1d1d; }
.view .title span{ padding:0 10px; }
.view .title .date { font-size:14px; }
.view table th { width:100px; height:35px; /*font-weight:600;*/ font-size:14px; }
.view table td { width:100px; height:35px; font-weight:bold; font-size:14px;}
.view .hash { color:#828EFF; font-weight:600; padding:3% 0; }
.view .hash a { color:#a2a2a2;font-size:12px; }
.view .hash a:hover, a:focus { color:#6D66FF; }
.view .btn { text-align:center; border-top:1px solid #CACACA; width:100%;background-color:#fff;
background-image:none;border-color: #C6C6C6;color:#000;border-radius: 0px;font-weight:bold;font-size:15px; }
.view .btn1 { text-align:center; border-top:1px solid #CACACA; width:100%;background-color:#233b4d;
background-image:none;border-color: #233b4d;color:#fff;border-radius: 0px;font-weight:bold;font-size:14px; height:40px;}
.view .btn2 { text-align:center; border-top:1px solid #CACACA; width:100%;background-color:#fff;
background-image:none;border-color: #C6C6C6;color:#000;border-radius: 0px;font-weight:bold;font-size:14px; height:40px;}

.btn2 {
    display: inline-block;
    padding: 12px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    /*line-height: 1.42857143;*/
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn1 {
    display: inline-block;
    padding: 12px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    /*line-height: 1.42857143;*/
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

/*협력업체*/
#propose1 { background:url('img/partner/proposal_bg1.png') no-repeat center center; text-align:center; padding:12% 0% 10%; color:#fff; max-height:850px; }
#propose1 p { margin-bottom:3%; opacity:.7; filter:Alpha(Opacity=70); }
.blank1 { margin:0 6px; }
.blank2 { margin:0 10px; }
#propose1 h3 { font-size:46px; line-height:58px; text-align:center; }
#img_btn { padding:10% 0 7%; }
#propose2 { background:#fff; text-align:center; padding:11% 0 16%; max-height:800px; }
.propose h3 { color:#545454; font-size:32px; line-height:40px; font-weight:100; text-align:center; margin-bottom:30px; }
.propose p { margin:30px 0; color:#9E9E9E; line-height:20px; }
#propose2_img { margin-top:8%; padding:0 5%; }
#propose3 { background:#F5F5F7; text-align:center; padding:8% 0 10%; max-height:850px; }
#propose4 { background:#fff; text-align:center; padding:8% 0 10%; max-height:880px; }
#propose4_img { padding:0 5%; }
.partner-banner2 { background:url('img/main/banner_bg2.png') no-repeat center center; padding:4.7% 0; width:100%; max-height:121px; }
.subtitle { text-align:center; font-size:20px; font-weight:600; margin-bottom:20px; }
.view .divide_div, .view2 .divide_div { clear:both; position:relative; }
.view .left_div { float:left; width:40%; }
.view .right_div { float:right; text-align:left; width:55%; }
.view .store_name{ color:#808080; padding:2% 0 5%; }
.view .store_name h3{ font-size:28px; font-size:1.75em; line-height:30px; line-height:1.2em; color:#000; margin-bottom:10px; }
.view .store_info { clear:both; line-height:1.5; color:#808080; padding: 5% 0;}
.partner-qna-banner{ background:url('img/partner/banner_bg.png') no-repeat center center; padding:4.7% 0; width:100%; max-height:120px; }




/*견적*/
.estimate .addr_div { width:25%; }
.estimate .addr2_div { width:50%; }
.estimate .line_div { border-bottom:1px solid #DBDBDB; margin-bottom:1.1em; }
/*상세견적*/
.detail-banner { background:url('img/estimate/banner_img2.png') no-repeat center center; padding:4.7% 0; width:100%; max-height:120px; }
.progress-bg { padding:5%; background:#fff; }
.process-bar { height:100px; }
.process-bar .phase { position:relative; height:100px; width:33%; float:left; color: #9E9E9E; }
.process-bar>.phase.active { color: #828EFF; cursor:pointer; }
.process-bar>.phase>.progress { left:15%; width:100%; position:relative; height:2px; margin:37px 0; background:#D4D4D4; }
.process-bar>.phase>.progress>.progress-bar.active { width:100%; }
.process-bar>.phase>.progress>.progress-bar { width:0px; float: left; height: 100%; background: url('img/estimate/progress_line.png'); }
.process-bar .phase .phase-icon { position:absolute; width:76px; height:76px; display:block; top:0px; left:50%; margin-left:-38px; }
.process-bar>.phase .phase-txt { margin-top:45px; height:20px; text-align: center; }
#detail-status { text-align:center; font-size:32px; font-weight:200; line-height:40px; background:#fff; }
#phase1 > select { width:30%; min-width:240px; -webkit-appearance:none; -moz-appearance:none;  appearance:none }
#subarea{ list-style:none; margin:0 25% 0 25%; padding:0; text-align:center; }
#subarea li{ display:block; color:#C7C7C7; padding:10px 0; cursor:pointer; font-weight:500; width:20%; float:left; border:0px; }
#subarea label { height:20px; line-height:27px; padding-left:34px; background:url('img/estimate/checkbox.png') no-repeat 0 0; color:#000; font-size:14px;}
#subarea input[type="checkbox"]:checked + label { background-position: 0 -20px; }
#phase2 > select, #phase2 > input { width:40%; min-width:250px; -webkit-appearance:none; -moz-appearance:none;  appearance:none}
/*간편견적*/
.simple-banner { background:url('img/estimate/banner_img1.png') no-repeat center center; padding:4.7% 0; width:100%; max-height:120px; }
/*견적현황*/
.estimate-search-banner { background:url('img/estimate/banner_img3.png') no-repeat center center; padding:4.7% 0; width:100%; max-height:120px; }
.estimate-search { margin:5% 25% 2%; height:50px; }
.estimate-check { padding:35% 28%; max-height:1000px; text-align:center; }
.estimate-check .check-info { margin-bottom:50px; }
.estimate-check .check-btn { margin-top:30px; padding:0; border:0px solid; }
.estimate-view { padding:10% 22%; text-align:center; }
.estimate-view p { font-size:18px; margin-bottom:30px; text-align:left; }
.estimate-view table { border-top:1px solid; font-size:15px; text-align:left; width:100%; margin-bottom:45px; }
.estimate-view table th { border-bottom:1px solid #E8E8E8; width:30%; line-height:20px; padding:15px 10px; }
.estimate-view table td { border-bottom:1px solid #E8E8E8; width:70%; line-height:20px; padding:15px 10px; color:#4F4F4F; }


.area_bg input{width:70%;height: 30px;font-size: 15px;}
.area_bg textarea{width:70%;height: 30px;font-size: 15px;}

/*견적*/


/*매거진*/
.tip-banner { background:url('img/magazine/banner_bg1.png') no-repeat center center; padding:4.7% 0; width:100%; max-height:120px; background-size:cover;}
.event-banner { background:url('img/magazine/banner_bg2.png') no-repeat center center; padding:4.7% 0; width:100%; max-height:120px; background-size:cover;}
.news-banner { background:url('img/magazine/banner_bg3.png') no-repeat center center; padding:4.7% 0; width:100%; max-height:120px; background-size:cover;}
.magazine { margin:7% 12%; }
.magazine ul { overflow:hidden; position:relative; display:block; list-style-type:disc; margin:0; padding:0; }
.magazine li { overflow:hidden; border-bottom:1px solid #DADADA; padding:2% 0; display:list-item; text-align:-webkit-match-parent; }
.magazine .li-img { overflow:hidden; float:left; width:30%; height:140px; }
.magazine .li-img img { width:100%; height:100%; }
.magazine .li-content { float:right; width:65%; }
.li-content label { font-size:13px; font-weight: 600; color:#828EFF; line-height:26px; }
.li-content h3 { font-size:17px; color:#000; max-width:95%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; line-height:30px; }
.li-content p { font-size:14px; line-height:20px; color:#2B2B2B; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; margin:10px 0; }
.li-content span { font-size:12px; color:#9C9C9C; line-height:14px; }
.view .line { background:#D8D8D8; margin-bottom:7%; height:1px; }


/*문의하기*/
.qna-banner { background:url('img/qna/banner_bg.png') no-repeat center center; padding:4.7% 0; width:100%; max-height:120px; }
.qna-banner img { margin-left:5%; }


/*카탈로그*/
.catalogue_info { width:100%; margin:0 auto; overflow:hidden; border:1px solid #D9D9D9; background-color:#FFFFFF; padding:30px 20px; }
.catalogue_info p { margin:20px 20px 0; color:#828EFF; font-size:20px; line-height: 28px; }
.bank_div { display:block; width:62%; }
.bank_div table { margin-left:20px; }
.bank_div table th { text-align:left; font-size:16px; width: 80px; }
.bank_div table td { text-align:left; font-size:20px; line-height: 28px; }
.btn_div { display:block; width:38%; }
.btn_div div { display:block; text-align:right; padding:10px 0; }
/*팝업*/
.main_pop { width:400px; height:160px; background-color:#FFFFFF; position:absolute; top:0; left:0; text-align:center; z-index:1001; display:none; border:1px solid #B9B9B9; padding:40px 30px; }
.main_pop input { height:28px; border:1px solid #D2D2D2; padding:0 7px; width:250px; -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active; }
/*카탈로그 상세*/
.view2 .left_div { float:left; width:48%; }
.view2 .right_div { float:right; text-align:left; width:45%; }
.view2 .store_name { font-size:26px; line-height:32px; color:#000; margin-bottom:10px; }
.view2 table .th-pay { width:70px; height:15px; font-weight:400; font-size:14px; color:#40447A; }
.view2 table .td-pay { height:40px; font-weight:1000; font-size:25px; color:#828EFF; }
.view2 table .td-under-pay { height:20px; font-weight:400; font-size:14px; color:#ABABAB; }
.view2 table input { height:28px; border:1px solid #D2D2D2; padding:0 7px; width:60%; max-width:200px; min-width:80px; -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active; }

/*장바구니*/
.cart { padding:5% 15px 10%; background-color:#FFFFFF; border:1px solid #D9D9D9; }
.cart_all { float:left; line-height:37px; height:37px; font-size:22px; color:#000000; font-weight:600; }
.cart ul { overflow:hidden; position:relative; display:block; list-style-type:disc; margin:0; padding:0; }
.cart li { overflow:hidden; border-bottom:1px solid #DADADA; padding:4% 6% 4% 0; display:list-item; text-align:-webkit-match-parent; }
.cart .li-check { overflow:hidden; float:left; width:57px; height:120px; text-align:center; }
.cart input[type="checkbox"] { width:1px; height:1px; padding:0; border:0 none; margin:0; position:absolute; left:0; top:0; overflow:hidden; clip:rect(0 0 0 0); }
.cart label { height:27px; line-height:27px; padding-left:27px; background:url('/css/img/estimate/checkbox.png') no-repeat 0 0; color:#000; font-size:23px; font-weight:600; }
.cart input[type="checkbox"]:checked + label { background-position: 0 -27px; }
.cart .li-img { overflow:hidden; float:left; width:120px; height:120px; }
.cart .li-img img { width:100%; height:100%; }
.cart .li-content { float:left; padding-left:5%; width:calc(95% - 325px); }
.cart .li-content p { font-size:16px; font-weight:600; margin:3% 0; line-height:20px; color:#000000; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.li-content img { margin:5px 0; }
.li-content input { width:55px; height:41px; border:1px solid #C7c7C7; text-align:center; }
.cart .li-price { float:right; width:150px; height:100%; line-height:100%; text-align:right; color:#000000; }
.li-price span { font-size:13px; line-height:120px; vertical-align:middle; }
.li-price .price { font-size:21px; font-weight:600; }
.total_price { padding:3% 6% 3% 5%; border-top:2px solid #7D7D7D; border-bottom:2px solid #E3E3E3; background-color:#FAFAFA; }
.total_price div { height:35px; }
.total_price div div { width:50%; float:left; text-align:left; line-height:35px; font-size:20px; font-weight:600; }
.total_price .price { font-size:30px; color:#828EFF; text-align:right; }

/*발주하기*/
.order-banner { background:url('img/catalogue/banner_img.png') no-repeat center center; padding:4.7% 0; width:100%; max-height:120px; }
.info_outter { padding:3% 10px; }
.order_title { line-height:32px; height:32px; font-size:22px; color:#000000; font-weight:600; padding-left:15px; margin-top:5%; }
.order { padding:0 10px; }
.order ul { overflow:hidden; position:relative; display:block; list-style-type:disc; margin:0; padding:0; }
.order li { overflow:hidden; border-bottom:1px solid #B5B5B5; padding:2.5% 6% 2.5% 3%; display:list-item; text-align:-webkit-match-parent; }
.order .li-img { overflow:hidden; float:left; width:76px; height:76px; }
.order .li-img img { width:100%; height:100%; }
.order .li-content { float:left; padding-left:3%; width:calc(97% - 276px); height:76px; vertical-align:middle; }
.order .li-content p { font-size:16px; font-weight:600; margin-bottom:10px; line-height:20px; color:#000000; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.order .li-content span { font-size:16px; color:#8A8A8A; }
.order .li-price { float:right; width:200px; height:100%; line-height:100%; text-align:right; color:#000000; }
.order .li-price span { line-height:76px; }

.search{
	display:block;
}
.search-m{
	display:none;
}
/*@media screen and (min-width: 768px) and (max-width: 1023px) {
	.media-frame iframe { width: 500px; height:350px; }
}*/

.banner{
	display:block;
}

.banner_m{
	display:none;
}
.alarm{
	display:none;
}
#spot{
	position:fixed; 
	left:calc(65% + 1vw); 
	top:120px; 
	
	width:300px;
	background-color:#f6f6f6;
	max-height:300px;
	overflow-y:auto;
}
#mainSeaarch{
	width:100%;height:60px;position:fixed;top:120px;
}
#mainSeaarch_in{ 
	top:0px; 
	width:1180px;
	margin-left:auto;
	margin-right:auto;
	height:60px;
	background-color:#f6f6f6;
	
}

#searchstr{
	width:90%;height: 48px;font-size: 16px;background-color:#fff;margin-left:10px;margin-top:7px;display:unset;
	color:#555;
	border:1px solid #ccc;
	border-radius:4px;
}

#searchstr1{
	width:55%;height: 48px;font-size: 16px;background-color:#fff;margin-left:10px;margin-top:7px;display:unset;
	color:#555;
	border:1px solid #FF8133;
	border-radius:4px;
}
#main-text{
	width:35%;
}
#slider3, #slider2, #slider1{
	min-height:25vw;
}

@media screen and (min-width : 1980px) {
	#main-text{
		width:20%;
	}
	#slider3, #slider2, #slider1{
		min-height:450px;
	}
}
@media screen and (min-width : 768px) {
	.inner { display: block; overflow: hidden; margin:0px; margin:20px;}
}

@media screen and (max-width: 840px) {
	/*상세견적*/
	#subarea{ margin:0 0 0 5%; }
	/*견적확인*/
	.estimate-check { padding:34% 25%; }
}

@media screen and (max-width : 767px) {
	.section_first { padding-top:73px; }
	.banner-in-txt { padding:7% 0; }

	/*하단 footer*/
	.footer_bg { padding-bottom:70px; font-size:14px; }

	/*main 견적신청현황*/
	.estimate li .icon_list { margin: 0 7px; }
	.estimate li .icon_new { margin: 2px 7px; }

	.section_center { margin-left:0.5%;margin-right:0.5%;}

	/*간편견적, 문의하기 등록 폼*/
	.inputform .right_div { text-align:left; }
	.inputform .input_div { width:100%; }
	.inputform .ph { width:25%; min-width:60px; }
	.inputform form input, .inputform form select { margin-bottom:7px; }
	.inputform textarea { margin-bottom:7px; }
	.inputform p { position:relative; margin:0.8em 0;}
	.inputform label { padding-left:37px; font-size:18px; }
	.inputform a { font-size:14px;}
	.inputform .center_btn { margin:2em 0;}


	/*컨셉시공사례*/
	.img-list2 li { width:33.33333333%; }
	.view .main{ padding-bottom:20px; width:100%;height:300px;}
	.view .main1{padding-bottom:20px; width:100%;padding-left:0px;}
	.view .main > img{height:300px;}
	.view .title { padding-bottom:20px; }
	/*.view .title h3{ font-size:24px; font-size:1.5em; line-height:28px; line-height:1.2em; margin-bottom:10px; }*/
	.view table th { width:85px; height:30px; }
	.view .hash { padding:15px 0 20px; }
	.view .btn2 { padding:12px;}
	.view .btn1 { padding:12px;}	

	/*협력업체*/
	#propose1_img, #propose4_img { padding:0 10%; }
	#propose2 { max-height:1100px; }
	#propose2_img { margin-top:5%; padding:0 10%; }
	#propose3 { max-height:1700px; }
	#propose4 { max-height:1200px; }
	.subtitle { font-size:18px; font-weight:600; margin-bottom:20px; }

	/*간편견적*/
	.estimate .addr_div { width:50%; }
	.estimate .addr2_div { width:100%; }
	.estimate .addr_div select { margin:0; }
	.estimate .line_div { margin-bottom:0.9em; }
	/*견적신청현황*/
	.estimate-search { margin-left:20%; margin-right:20%; }
	.estimate-check { padding:33% 20%; }
	.estimate-view { padding:10% 20%; }
	.estimate-view p { margin-bottom:25px; }

	.area_bg input{width:100%;}
	.area_bg textarea{width:100%;}
	/*카탈로그*/
	.catalogue_info { padding:25px 15px; }
	.catalogue_info p { margin:20px 15px 0; font-size:19px; line-height: 26px; }
	.bank_div table { margin-left:15px; }
	.bank_div table th { font-size:15px; }
	.bank_div table td { font-size:19px; line-height: 26px; }
	.btn_div div { padding:7px 0; }
	.view2 table .td-pay { height:35px; font-weight:800; font-size:22px; line-height:25px; color:#828EFF; }
	.view2 table input { padding:0 5px; width:40%; min-width:70px; }
	.search{
		display:none;
	}
	.search-m{
		display:block;
	}
	.banner{
		display:none;
	}

	.banner_m{
		display:block;
	}
	#spot{
		right:0px;
		float:right;
		top:70px;
		left:unset;

	}
	.alarm{
		display:block;
	}
	.company_main h3 { font-size:22px;}
	.company_sub h3 { font-size:22px;}
	.area_top { padding-top: 55px; }
	#mainSeaarch{ 
		top:70px; 
	}

	#searchstr{
		width:75%;
	}
	#searchstr1{
		width:95%;
	}
	#mainSeaarch_in{ 
		width:100%;
	}
	#searchstr1{
		width:65%;
	}
}

@media screen and (min-width: 600px) and (max-width: 767px) {
	/*main 견적신청현황*/
	.estimate li a { max-width: 60%; }
}

@media screen and (min-width: 501px) and (max-width: 600px) {
	/*main 견적신청현황*/
	.estimate li a { max-width: 55%; }
	/*.estimate li .name { right:90px; }*/
}

@media screen and (max-width: 640px) {
	/*메인 홍보동영상*/
	.media-frame iframe { width: 400px; height:225px; }

	/*main 스타일*/
	.style_btn { clear: both; height: 100px; position: relative; margin-bottom:1%; }
	.home-style ul li, .store-style ul li { width: 33.33333333%; }
	.style_btn ul li a { padding: 5px 0px; font-size: 18px; font-size: 1.1em; line-height: 40px; line-height: 1.9em; font-weight:600; }
/*	.style_btn ul li a:hover, .style_btn ul li a:active, .style_btn ul li a:focus { border-bottom: 5px solid #828EFF; }*/
	.style_btn .rline-sm { border-right:1px solid #A8A8A8; }
	.img-list { width:100%; }
	.img-list li { width:98%; /*margin-left:3%;margin-right:3%;*/}
	.img-list1 li { width:43%; margin-left:3%;margin-right:3%;}
	.li-img{ height:230px;}
	.inner { display: block; overflow: hidden; margin:0px; margin-top:15px;margin-left:15px;}

	/*회사소개*/
	#company1 { padding:13% 0% 10%; }
	.company_main h3 { font-size:20px; line-height:38px; }
	.company_main p { margin:40px 5%; }
	#company1_img { padding:3% 18%; }
	.company_sub img { padding:0 3%; }
	.company_sub h3 { font-size:18px; line-height:34px; }


	/*협력업체*/
	#propose1 { padding:12% 5% 10%; }
	#propose1 h3 { font-size:36px; line-height:48px; text-align:center; }
	#propose1_img, #propose2_img, #propose4_img { padding:0 20%; }
	#propose3_img { padding:0 30%; }
	.view .left_div, .view2 .left_div { float:left; width:100%; }
	.view .right_div, .view2 .right_div { float:left; width:100%; }


	/*상세견적*/
	.progress-bg { padding:7% 0; }
	.process-bar { height:85px; }
	.process-bar>.phase>.progress { margin:29px 0; }
	.process-bar .phase .phase-icon { width:60px; height:60px; margin-left:-30px; }
	.process-bar>.phase .phase-txt { margin-top:35px; height:18px; font-size:14px; }
	#detail-status { font-size:26px; line-height:30px; }
	#subarea li{ width:33%; }
	/*견적확인*/
	.estimate-check { padding:30% 15%; }
	.estimate-check .check-info { margin-bottom:30px; }
	.estimate-check .check-btn { margin-top:20px; }
	.estimate-view { padding:10% 15%; }
	.estimate-view p { margin-bottom:20px; }


	/*카탈로그*/
	.catalogue_info { padding:20px 15px; }
	.catalogue_info p { margin:15px 5px 0; }
	.bank_div { width:100%; }
	.bank_div table { margin-left:5px; }
	.btn_div { display:block; width:100%; }
	.btn_div div { padding-top:10px; padding-bottom:0; }
	.view2 table input { padding:0 5px; width:50%; min-width:80px; }

	/*장바구니*/
	.cart_all { font-size:18px; font-weight:600; }
	.cart .li-content { width:calc(95% - 177px); }
	.li-content img { margin:0; }
	.li-content input { width:45px; height:31px; }
	.cart .li-price { float:left; width: 100%; height:50px; line-height:50px; text-align:center; }
	.li-price span { line-height:50px; }
	.li-price .price { font-size:18px; }
	.total_price div { height:32px; }
	.total_price div div { line-height:32px; font-size:18px; }
	.total_price .price { font-size:28px; }

	/*발주하기*/
	.order_title { font-size:18px; }
	.order .li-content { width:calc(97% - 246px); }
	.order .li-price { width:170px; }
}

@media screen and (max-width: 550px) {
	/*협력업체*/
	.propose h3 { font-size:27px; line-height:32px; margin-bottom:27px; }
	.propose p { margin:20px 0; font-size:14px; line-height:20px; }
	#propose3_img { padding:0 25%; }

	/*매거진*/
	.magazine .li-img { float:none; width:100%; height:auto; max-height:180px; margin-bottom:2%; }
	.magazine .li-content { float:none; width:auto; margin-bottom:5%; }
}

@media screen and (max-width: 500px) {
	.hidden-sm {display:none;}
	.visible-sm {display:block;}
	.banner-in-txt { padding:10% 0; }
	.inner { display: block; overflow: hidden; margin:0px; /*margin-top:15px;margin-left:15px;*/}
	/*하단 footer*/
	.footer_bg { font-size:12px; }

	/*페이지표시*/
	.page_num{ padding:20px 0 20px; }
	.page_num ul{ font-weight:500; }
	.page_num a{ padding:7px 10px;  }
	.page_num .active a{ padding:7px 10px;  }
	.page_num a:hover, .page_num a:active, .page_num a:focus{  }

	/*main*/
	.main_btn{ z-index:0; min-height:38px; max-height:60px; height:20px; padding:6% 0; }
	.main_btn > div { top:0; height:100%; min-width:300px; }
	.media-frame iframe { width:100%; height:220px; }

	/*main 견적신청현황*/
	.estimate li .icon_list { margin: 0 5px; }
	/*.estimate li .icon_new { margin: 2px 5px; }*/
	.estimate li a { max-width: 50%; }
	.estimate li .name, .estimate li .state { display:none; }

	/*main 스타일*/
	.pattern { padding:4% 2%; }
	.img-list li.partner-list { width:100%; margin-bottom:10px;}
	
	.li-text { padding: 0.8em 0.2em; }
	/*.li-title { font-size:12px; white-space:nowrap;}*/
	.li-pay { font-weight: 700; font-size:16px; margin-top:5px; }
	.li-like {color:#828282; margin-top:7px;}	

	/*간편견적, 문의하기 등록 폼*/
	.inputform form input, .inputform form select { margin-bottom:5px; }
	.inputform textarea { margin-bottom:5px; }
	.inputform p { position:relative; margin:0.5em 0;}
	.inputform label { font-size:16px; }
	.inputform a { font-size:12px;}
	.inputform .center_btn { margin:1.5em 0;}


	/*컨셉시공사례*/
	.case { margin:3% 5px; }
	.case .search_div { width:100%; }
	.case .style_div { width:100%; }
	.case .search_div select { border-right:1px solid #D2D2D2; }
	.img-list2 li { width:50%; }
	/*.view .title h3{ font-size:20px; font-size:1.2em; line-height:22px; line-height:1.0em; }*/
	.view .title span{ padding:0 5px; }
	.view .title .date { font-size:12px; }
	.view table th { width:70px; height:25px; }
	.view .btn2 { padding:10px 0; }
	.view .btn1 { padding:10px 0; }	

	/*협력업체*/
	#propose1 p { font-size:12px; margin-bottom:7%; }
	.blank1 { margin:0 4px; }
	.blank2 { margin:0 7px; }
	#propose1 h3 { font-size:26px; line-height:38px; }
	#img_btn { padding:12%; }
	#propose3_img { padding:0 20%; }
	#img_btn2 { padding:0 10%; }
	.subtitle { font-size:18px; font-weight:600; margin-bottom:4%; }


	/*상세견적*/
	#subarea li{ width:50%; }
	/*간편견적*/
	.estimate .line_div { margin-bottom:0.6em; }
	/*견적신청현황*/
	.estimate-search { margin-left:12%; margin-right:12%; }
	.estimate-view { padding:10% 10%; }
	.estimate-view p { margin-bottom:15px; }

	/*발주하기*/
	.order .li-content { width:calc(97% - 76px); }
	.order .li-price { width:100%; }
	.order .li-price span { line-height:46px; }
}

@media screen and (max-width: 400px) {
	/*회사소개*/
	#company1 { padding:13% 0% 10%; }
	.company_main h3 { font-size:15px; line-height:34px; }
	.company_main p { font-size:14px; margin:30px 3%; line-height:18px; }
	#company1_img { padding:3% 12%; }
	.company_sub h3 { font-size:15px; line-height:28px; }
	#company2 img { width:100px; }

	
	/*협력업체*/
	.propose h3 { font-size:22px; line-height:30px; margin-bottom:20px; }
	#propose1_img, #propose2_img, #propose4_img { padding:0 10%; }
	#propose3_img { padding:0 12%; }
	.li-like {color:#828282; margin-top:7px;}	

	/*상세견적*/
	.process-bar { height:70px; }
	.process-bar>.phase>.progress { margin:23px 0; }
	.process-bar .phase .phase-icon { width:48px; height:48px; margin-left:-24px; }
	.process-bar>.phase .phase-txt { margin-top:30px; height:16px; font-size:12px; }
	#detail-status { font-size:20px; line-height:25px; vertical-align:middle;}
	#phase1 > select { width:80%; min-width:170px; }
	#subarea li{ width:50%; }
	/*견적신청현황*/
	.estimate-search { margin-left:7%; margin-right:7%; }
	.estimate-check { padding:28% 10%; }
	.estimate-view { padding:10% 5%; }


	/*매거진*/
	.view .line { margin-bottom:20px; }


	/*카탈로그*/
	.catalogue_info p { font-size:16px; line-height: 20px; }
	.bank_div table th { font-size:13px; }
	.bank_div table td { font-size:16px; line-height: 20px; }
	.li-pay { font-weight:500; font-size:14px; margin-top:3px; }
	.li-under-pay { font-weight:200; font-size:10px; }
	/*.li-title { font-size:10px; }*/
	/*팝업*/
	.main_pop { width:280px; padding:40px 20px; }
	.main_pop input { width:150px; }
	/*장바구니*/
	.cart_all { font-size:16px; font-weight:400; }
	.cart .li-content { padding-left:57px; width:100%; }
	.li-content p { font-size:14px; }
	.li-price span { font-size:12px; }
	.total_price div { height:30px; }
	.total_price div div { line-height:30px; font-size:15px; width:30%; }
	.total_price .price { font-size:24px; width:70%; }
	/*발주하기*/
	.order_title{ font-size:16px; }
}

@media screen and (max-width: 360px) {
	.li-pay { font-weight:600; }
	.li-under-pay { display:none; }
	#searchstr{
		width:65%;
	}
}
/*////////////////////////////////////////////////*/
#container hr {
	clear: both; width: 100%; height: 0; border: 0;
}
#container > div.banners img {
	width: 100%; height: auto;
}
#container > div.rightside div.card,
#container > div.leftside div.card {
	margin-bottom: 0px; border: 1px solid #d6d6d6; background-color: #f9f9f9;
}
#container > div.leftside1 div.card {
	margin-bottom: 0px; border: 1px solid #d6d6d6; background-color: #f9f9f9;
}
#container > div.main div.card {
	float: left; margin: 0 5px 5px 0; width: 295px; border: 1px solid #e3e3e3; overflow: hidden; background-color: #fff;
}

#container div.card h3 {
	padding: 10px;
}
#container div.card h3 > a {
	line-height: 20px; color: #c62917; font-size: 14px; font-weight: bold;
}
#container > div.rightside div.card h3 > a {
	color: #3744a5;
}
#container div.card h3 > a > span {
	float: right; line-height: 20px; color: #a6a6a6; font-size: 12px; font-weight: normal;
}

#container div.card > form.logged {
	padding: 15px;
}
#container div.card > form.logged > img.picture {
	display: block; margin: 15px auto; width: 60px; height: 60px; border-radius: 6px;
}
#container div.card > form.logged > p.nickname {
	margin-bottom: 5px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	color: #393939; font-size: 18px; font-weight: bold; text-align: center;
}
#container div.card > form.logged > p.school {
	line-height: 15px; color: #a6a6a6; font-size: 12px; text-align: center;
}
#container div.card > form.logged > ul.buttons {
	margin-top: 15px;
}
#container div.card > form.logged > ul.buttons > li {
	float: left; width: 50%;
}
#container div.card > form.logged > ul.buttons > li > a {
	display: block; margin-right: 5px; border: 1px solid #d6d6d6; border-radius: 3px;
	line-height: 25px; color: #737373; font-size: 13px; text-align: center;
}
#container div.card > form.logged > ul.buttons > li:last-child > a {
	margin-right: 0;
}

#container div.card > form.login {
	padding: 30px 15px 15px 15px;
}
#container div.card > form.login > h3 {
	margin-bottom: 15px; padding: 0; color: #292929; font-size: 14px; font-weight: normal; text-align: center;
}
#container div.card > form.login > h3 > strong {
	color: #c62917; font-weight: bold;
}
#container div.card > form.login > a.button {
	display: block; margin-bottom: 5px; height: 35px; line-height: 35px; border-radius: 3px; font-size: 13px; font-weight: bold; text-align: center;
}
#container div.card > form.login > a.button.login {
	border: 1px solid #d6d6d6; color: #737373; background-color: #fff;
}
#container div.card > form.login > a.button.register {
	color: #fff; background-color: #c62917;
}
#container div.card > form.login > p.facebook {
	height: 15px; line-height: 15px; text-align: center;
}
#container div.card > form.login > p.facebook > span.text {
	color: #a6a6a6; font-size: 12px; cursor: pointer;
}
#container div.card > form.login > p.facebook > img.loading {
	display: none;
}

#container div.card > div.menus > a {
	display: block; padding: 10px 0 10px 37px; border-bottom: 1px solid #e3e3e3; line-height: 20px; box-sizing: border-box;
	color: #4c4c4c; font-size: 14px; background-repeat: no-repeat; background-size: 12px auto; background-position: 15px center;
}
#container div.card > div.menus > a:hover {
	background-color: #fff;
}
#container div.card > div.menus > a.myarticle {
	background-image: url('/images/new/container.community.card.myarticle.png');
}
#container div.card > div.menus > a.mycommentarticle {
	background-image: url('/images/new/container.community.card.mycommentarticle.png');
}
#container div.card > div.menus > a.myscrap {
	background-image: url('/images/new/container.community.card.myscrap.png'); border-bottom: 0;
}

#container div.card > div.banner img {
	width: 100%; height: auto;
}

#container div.card > div.board > a {
	display: block; padding: 10px; border-top: 1px solid #e3e3e3;
}
#container div.card > div.board > a:hover {
	background-color: #f9f9f9;
}
#container div.rightside div.card > div.board > a:hover {
	background-color: #fff;
}
#container div.card > div.board > a.article > img.thumbnail {
	float: right; margin-left: 10px; width: 72px; height: 54px;
}
#container div.card > div.board > a.article > p {
	margin-bottom: 5px; height: 36px; line-height: 18px; white-space: normal; overflow: hidden;
	color: #4c4c4c; font-size: 13px;
}
#container div.card > div.board > a.article > p.title {
	height: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis;
}
#container div.card > div.board > a.article > p.small {
	height: 32px; line-height: 16px; color: #737373; font-size: 12px;
}
#container div.card > div.board > a.article > time {
	float: left; margin-right: 10px; height: 14px; line-height: 14px;
	color: #a6a6a6; font-size: 11px; letter-spacing: 0;
}
#container div.card > div.board > a.article > h4 {
	float: left; margin-right: 10px; height: 14px; line-height: 14px;
	color: #a6a6a6; font-size: 11px; font-weight: bold; letter-spacing: 0;
}
#container div.card > div.board > a.article > ul.status {
	float: left;
}
#container div.card > div.board > a.article > ul.status > li {
	float: left; margin-right: 5px; padding-left: 15px; height: 14px; line-height: 14px;
	color: #a6a6a6; font-size: 11px; letter-spacing: 0; background-repeat: no-repeat; background-size: 12px 12px; background-position: left center;
}
#container div.card > div.board > a.article > ul.status > li.vote {
	background-image: url('img/community/vote.png');
}
#container div.card > div.board > a.article > ul.status > li.comment {
	background-image: url('img/community/comment.png');
}
#container div.card > div.board > a.article > ul.status > li.vote.active {
	color: #ff8133; background-image: url('img/community/vote.png');
}
#container div.card > div.board > a.article > ul.status > li.comment.active {
	color: #0ca5af; background-image: url('img/community/comment.png');
}
#container div.card > div.board > a.article > span.star {
	display: block; margin-bottom: 5px; width: 60px; height: 12px; background: transparent url('/images/app.subject.rating.details.star.off.png') no-repeat; background-size: 60px 12px;
}
#container div.card > div.board > a.article > span.star > span.on {
	float: left; display: block; height: 12px; background: transparent url('/images/app.subject.rating.details.star.on.png') no-repeat; background-size: 60px 12px;
}
#container div.card > div.board > a.photo {
	float: left; position: relative; border-right: 1px solid #e3e3e3; width: 50%; height: 152px; background-size: cover; background-position: center center; box-sizing: border-box;
}
#container div.card > div.board > a.photo:before {
	content: ''; position: absolute; left: 0; top: 40%; width: 100%; height: 60%;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
#container div.card > div.board > a.photo > p {
	position: relative; margin-top: 95px; height: 20px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	color: #fff; font-size: 14px; font-weight: bold;
}
#container div.card > div.board > a.photo > time {
	position: relative; height: 15px; line-height: 15px;
	color: #fff; font-size: 11px; letter-spacing: 0; opacity: 0.7;
}
#container div.card > div.board > a.list > p {
	height: 17px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	color: #4c4c4c; font-size: 14px;
}
#container div.card > div.board > a.list > time {
	float: right; margin-left: 10px; height: 17px; line-height: 18px;
	color: #a6a6a6; font-size: 11px; letter-spacing: 0;
}
#container div.card > div.board > div.needauth {
	padding: 40px 0; border-top: 1px solid #e3e3e3; text-align: center;
}
#container div.card > div.board > div.needauth > p {
	margin-bottom: 10px; line-height: 18px;
	color: #a6a6a6; font-size: 14px;
}
#container div.card > div.board > div.needauth > a.button {
	display: inline-block; padding: 0 10px; height: 25px; line-height: 25px; border-radius: 3px;
	color: #fff; font-size: 13px; background-color: #c62917;
}

#container div.bookstore {
	margin-bottom: 5px; white-space: nowrap; overflow: hidden; overflow-x: auto; font-size: 0;
}
#container div.bookstore > a.item {
	display: inline-block; margin-right: 5px; width: 146px; box-sizing: border-box; border: 1px solid #e3e3e3; background-color: #fff;
}
#container div.bookstore > a.item:hover {
	background-color: #f9f9f9;
}
#container div.bookstore > a.item > div.image {
	width: 144px; height: 192px; background-size: cover; background-position: center center;
}
#container div.bookstore > a.item > h4 {
	margin: 10px 10px 5px 10px; height: 40px; line-height: 20px; overflow: hidden; white-space: normal;
	color: #4c4c4c; font-size: 14px; font-weight: normal;
}
#container div.bookstore > a.item > span.price {
	display: block; margin: 0 10px 10px 10px; color: #c62917; font-size: 12px; letter-spacing: 0;
}

#container > div.rightside form.search {
	margin-bottom: 5px;
}
#container > div.rightside form.search > input.text {
	width: 100%; height: 40px; line-height: 20px; padding: 10px; box-sizing: border-box; border: 2px solid #d6d6d6;
	color: #292929; font-size: 14px; background: transparent url('/images/new/aside.search.background.png') no-repeat right center; background-size: 40px 40px;
}
#container > div.rightside form.search > input.text:focus {
	outline: none; border-color: #a6a6a6;
}
#container > div.topside1 {
	display:none;
}
.board > span > a { color:#4a4a4a;}
.board > span > a.active {color:#ff8133;}

/* * * * * * * * * * * * * * * * * * * * * * * * *  /  pc only  /  * * * * * * * * * * * * * * * * * * * * * * * * */

@media only screen and (min-width: 1081px) {
	#container > div.leftside {
		position: fixed; /*left: 13.5%;*/ top: 0; width: 175px; height: 300px;margin-top: 150px;
	}
	#container > div.leftside1 {
		position: absolute; /*left: 13.5%;*/ top: 0; width: 175px; height: 300px;margin-top: 150px;
	}
	#container > div.wrap {
		float: none; position: absolute; left: 380px; margin-top: 25px; width:68%;/*width: calc(100% - 52vw);*/ margin-top: 150px;
	}
}

@media only screen and (min-width: 641px) {
	body {
		background-color: #fff;
	}
	#container > div.wrap {
		float: none; position: relative; left: 11%; margin-top: 25px; margin-top: 150px;
	}
	#container > div.banners {
		position: relative; left: 23%; margin-top: 25px; width: 600px; height: 160px; overflow: hidden;
	}
	
	#container > div.rightside {
		/*position: relative;*/ 
		right: 5%; 
		top: 0; 
		width: 220px; 
		height: 400px; 
		margin-top: -95%;
		float:right;
	}
	
	#container > div.main {
		position: relative; left: 215px; margin: 15px 0; width: 605px;
	}
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (min-width: 1581px) {
	#container > div.rightside {
		right: calc(100% - 52vw);; 
		
	}
}
@media only screen and (max-width: 1170px) {
	#container > div.rightside {
		right: 10px; 
		
	}
}
/* * * * * * * * * * * * * * * * * * * * * * * * *  /  mobile only  /  * * * * * * * * * * * * * * * * * * * * * * * * */


@media only screen and (max-width: 1080px) {
	.board {margin-left:0px;}
	#container > div.wrap {
		float: none;  width: 85%; margin-top: 20px;position: unset;
	}
	#container > div.rightside {
		right: 10px; 
		margin-top: 30px;
		position: unset;
		width:100%;
		float:inherit;
		margin-bottom:10%;
	}
	#container > div.leftside {
		margin-top:140px;
	}
	#container > div.leftside1 {
		display:none;
	}
	#container > div.topside1 {
		display:block;
		margin-top:120px;
	}
}
@media only screen and (max-width: 768px) {
	#container > div.leftside {
		margin-top:90px;
	}
	#container > div.rightside {
		margin-top: 20px;
	}
	table.mytmall_table .min-none {
		display: none;
	}
	#container > div.topside1 {
		margin-top:0px;
	}
}
@media only screen and (max-width: 640px) {
	#container > div.wrap {
		width: 100%; 
	}
	#container > div.leftside {
		margin-top: 90px;
	}
	#container > div.leftside1 {
		margin-top: 90px;
	}
	#container > div.banners {
		margin-bottom: 5px; width: 100%; overflow: hidden;
	}
	#container > div.main {
		padding: 0 2px;
	}
	#container > div.rightside div.card,
	#container > div.leftside div.card,
	#container > div.leftside1 div.card,
	#container > div.main div.card {
		border: 0;
	}
	#container > div.main div.card {
		margin: 0; padding: 0px 2px 4px 2px; width: 50%; box-sizing: border-box; background-color: transparent;
	}
	#container div.card.pconly {
		display: none;
	}
	#container div.card > div {
		border: 1px solid #d6d6d6; background-color: #fff;
	}
	#container > div.rightside div.card > div,
	#container > div.rightside div.card > div {
		border-width: 1px 0;
	}
	#container > div.main div.card > div {
		border: 1px solid #d6d6d6;
	}
	#container div.card > div.menus > a {
		float: left; padding: 10px 0; width: 33%; border-bottom: 0; border-right: 1px solid #e3e3e3; text-align: center;
	}
	#container div.card > div.menus > a.myscrap {
		border-right: 0;
	}
	#container div.card > div.banner {
		display: none;
	}
	#container div.card > div.board > a.article > time,
	#container div.card > div.board > a.list > time,
	#container div.card > div.board > a.photo > time {
		font-size: 10px;
	}
	#container div.bookstore {
		padding-left: 2px; width: 100%; box-sizing: border-box;
	}
	#container div.bookstore::-webkit-scrollbar {
		display: none;
	}
	#container > div.rightside form.search {
		display: none;
	}
}
/*////////////////////////////////////////////////*/
#writeArticleButton {
	display: block; margin-bottom: 5px; padding: 0 10px; height: 50px; line-height: 46px; border: 2px solid #d6d6d6; box-sizing: border-box; cursor: text;
	color: #a6a6a6; font-size: 14px; background: #f9f9f9 url('/images/new/container.write.background.png') no-repeat right center; background-size: 40px 40px;
}
#container > div.title {
	margin-bottom: -20px; padding: 15px; border: 1px solid #d6d6d6; box-sizing: border-box;
}
#container > div.title > h1 > a {
	color: #292929; font-size: 22px; font-weight: bold;
}
#container > div.title > p.description {
	color: #737373; font-size: 12px;
}
#container > div.title > ol.buttons {
	float: right; background-color: #fff;
}
#container > div.title > ol.buttons > li {
	float: left; margin-left: 5px;
}
#container > div.title > ol.buttons > li > a {
	display: inline-block; padding: 0 10px; height: 25px; line-height: 25px; border: 1px solid #d6d6d6; border-radius: 3px;
	color: #737373; font-size: 13px; font-weight: bold; cursor: pointer;
}
#container > div.seasons,
#container > div.categories,
#container > div.topics {
	margin-bottom: -40px; padding-bottom: 20px;
}
#container > div.seasons,
#container > div.categories {
	overflow-x: auto; white-space: nowrap;
}
#container > div.seasons.none,
#container > div.categories.none,
#container > div.topics.none {
	display: none;
}
#container > div.seasons > div.season,
#container > div.categories > div.category,
#container > div.topics > div.topic {
	cursor: pointer; user-select: none; -webkit-user-select: none; display: inline-block;
}
#container > div.seasons > div.season,
#container > div.categories > div.category {
	padding: 10px;
}
#container > div.seasons > div.season > span,
#container > div.categories > div.category > span {
	font-size: 14px;
}
#container > div.seasons > div.season.selected > span,
#container > div.categories > div.category.selected > span {
	color: #c62917; font-weight: bold; border-bottom: 2px solid #c62917;
}
#container > div.topics > div.topic {
	margin-top: 5px; margin-bottom: 5px; padding: 5px 10px; border: 1px solid #d6d6d6; border-radius: 14px;
}
#container > div.topics > div.topic:not(:last-of-type) {
	margin-right: 5px;
}
#container > div.topics > div.topic.selected {
	border-color: #c62917;
}
#container > div.topics > div.topic.selected > span {
	color: #c62917; font-weight: bold;
}
#container > div.topics > div.topic.new::after {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-left: 5px;
	background-color: #c62917;
	border-radius: 50%;
	vertical-align: 2px;
}
#container > div.articles > form.write {
	position: relative; margin-bottom: 5px; border: 2px solid #d6d6d6; box-sizing: border-box;
}
#container form.write.dragover:after {
	content: '첨부할 이미지를 끌어다 놓으세요.'; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	line-height: 160px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; background-color: rgba(0, 0, 0, 0.5);
}
#container > div.articles > form.write *:focus {
	outline: none;
}
#container > div.articles > form.write p {
	padding: 15px; border-bottom: 1px solid #e3e3e3; background-color: #fff;
}
#container > div.articles > form.write p.categories input[type="radio"] {
	cursor: pointer;
	margin-right: 4px;
}
#container > div.articles > form.write p.categories input[type="radio"] ~ label {
	cursor: pointer; user-select: none; -webkit-user-select: none; margin-right: 14px; font-size: 14px;
}
#container > div.articles > form.write p.categories input[type="radio"]:checked + label {
	color: #c62917; font-weight: bold;
}
#container > div.articles > form.write p.topics {
	padding-bottom: 10px; word-break: keep-all;
}
#container > div.articles > form.write p.topics div.direction {
	margin-bottom: 10px; font-weight: bold;
}
#container > div.articles > form.write p.topics input[type="radio"] {
	display: none;
}
#container > div.articles > form.write p.topics input[type="radio"] ~ label {
	cursor: pointer; user-select: none; -webkit-user-select: none; display: inline-block; margin-bottom: 5px; margin-right: 5px; padding: 5px 10px; border: 1px solid #d6d6d6; border-radius: 14px;
}
#container > div.articles > form.write p.topics label.more {
	color: #d6d6d6;
}
#container > div.articles > form.write p.topics.inactive input[type="radio"].inactive + label {
	display: none;
}
#container > div.articles > form.write p.topics input[type="radio"]:checked + label {
	color: #c62917; font-weight: bold; border-color: #c62917;
}
#container > div.articles > form.write input.title {
	width: 100%; height: 20px; line-height: 20px; border: 0;
	color: #292929; font-size: 16px; font-weight: bold;
}
#container > div.articles > form.write textarea {
	width: 100%; height: 90px; border: 0;
	color: #292929; font-size: 14px; resize: none;
}
#container > div.articles > form.write textarea.large {
	height: 350px;
}
#container > div.articles > form.write textarea.smallplaceholder::placeholder {
	font-size: 12px;
}
#container > div.articles > form.write textarea.smallplaceholder::-webkit-input-placeholder {
	font-size: 12px;
}
#container > div.articles > form.write ul.hashtags {
	margin-bottom: 5px; padding: 10px 10px 0px 10px; border-bottom: 1px solid #e3e3e3;
}
#container > div.articles > form.write ul.hashtags:before {
	content: '추천#'; display: inline-block; float: left; margin-right: 10px;
	color: #a6a6a6; font-size: 12px; font-weight: bold;
}
#container > div.articles > form.write ul.hashtags > li {
	float: left; margin: 0 10px 10px 0; cursor: pointer;
	color: #737373; font-size: 12px;
}
#container > div.articles > form.write input.file {
	position: absolute; width: 0; height: 0; overflow: hidden; opacity: 0;
}
#container > div.articles > form.write ol.thumbnails {
	display: none; padding: 16px 12px 12px 16px; border-bottom: 1px solid #e3e3e3;
}
#container > div.articles > form.write ol.thumbnails > li {
	display: inline-block; margin: 0 4px 4px 0; width: 85px; height: 85px; border: 1px solid #d6d6d6; cursor: pointer;
}
#container > div.articles > form.write ol.thumbnails > li.thumbnail.loading {
	background: transparent url('/images/loading.svg') no-repeat center center; background-size: 24px 24px;
}
#container > div.articles > form.write ol.thumbnails > li.thumbnail.attached {
	background-size: cover;
}
#container > div.articles > form.write ol.thumbnails > li.new {
	background: transparent url('/images/new/container.articles.write.thumbnails.new.png') no-repeat center center; background-size: 24px 24px;
}
#container > div.articles > form.write ul.option li {
	width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 40px 40px; cursor: pointer;
}
#container > div.articles > form.write ul.option li.hashtag {
	float: left; background-image: url('/images/new/container.articles.write.hashtag.png');
}
#container > div.articles > form.write ul.option li.attach {
	float: left; background-image: url('/images/new/container.articles.write.attach.png');
}
#container > div.articles > form.write ul.option li.attach.active {
	background-image: url('/images/new/container.articles.write.attach.active.png');
}
#container > div.articles > form.write ul.option li.attach label {
	display: block !important; width: 100%; height: 100%; cursor: pointer;
}
#container > div.articles > form.write ul.option li.attach label.loading {
	background: transparent url('/images/container.write.attach.loading.gif') no-repeat center center;
}
#container > div.articles > form.write ul.option li.anonym {
	float: right; margin-right: 15px; background-image: url('/images/new/container.articles.write.anonym.png');
}
#container > div.articles > form.write ul.option li.anonym.active {
	background-image: url('/images/new/container.articles.write.anonym.active.png');
}
#container > div.articles > form.write ul.option li.submit {
	float: right; background-color: #c62917; background-image: url('/images/new/container.articles.write.submit.png');
}
#container > div.articles > form.write ul.option div.attachedfile {
	position: absolute; margin-top: 40px; margin-left: 40px; padding: 5px 10px;
	color: #fff; font-size: 13px; letter-spacing: 0; background-color: #c62917;
}
#container > div.articles > form.write ul.option div.attachedfile:after {
	content: ''; display: block; position: absolute; left: 10px; top: -6px; border-width: 0 6px 6px; border-style: solid; border-color: #c62917 transparent; width: 0;
}
#container > div.articles > form.write ul.option div.attachedfile span.delete {
	margin-left: 10px; color: #fff; font-size: 12px; cursor: pointer;
}
#container > div.articles form.attach {
	position: absolute; width: 0; height: 0; overflow: hidden;
}
#container > div.articles > ul.hashtags {
	margin-bottom: 5px; padding: 15px 15px 10px 15px; border: 1px solid #e3e3e3; background-color: #fff;
}
#container > div.articles > ul.hashtags:before {
	content: '추천#'; display: inline-block; float: left; width: 40px; line-height: 25px;
	color: #c62917; font-size: 12px; font-weight: bold;
}
#container > div.articles > ul.hashtags > li {
	float: left; margin: 0 5px 5px 0;
}
#container > div.articles > ul.hashtags > li > a {
	display: block; padding: 0 5px; height: 25px; line-height: 25px; border-radius: 3px;
	color: #737373; font-size: 14px; background-color: #f2f2f2;
}
#container > div.articles > ul.hashtags > li > a:hover {
	color: #0ca5af;
}
#container > div.articles > div.notice {
	margin-bottom: -1px; border: 1px solid #e3e3e3;
}
#container > div.articles > div.notice > a {
	display: block; height: 50px; line-height: 50px; padding: 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	color: #292929; font-size: 14px; background-color: #fff;
}
#container > div.articles > div.notice > a:hover {
	background-color: #fbfbfb;
}
#container > div.articles > div.notice > a:before {
	content: '공지'; display: inline-block; width: 40px;
	color: #c62917; font-size: 12px; font-weight: bold;
}
#container > div.articles > article {
	margin-bottom: -1px; box-sizing: border-box; border-bottom: 0px solid #e3e3e3; /*background-color: #fff*/padding-top:15px;;
}
#container > div.articles > article.noticearticle {
	margin-bottom: 5px; border-color: #c62917;
}
#container > div.articles > article.dialog {
	padding: 80px 0; color: #737373; font-size: 15px; text-align: center;
}
#container > div.articles > article > a.article {
	display: block; padding: 10px; height: 70px;
}
#container > div.articles > article > a.article[href]:hover {
	background-color: #fbfbfb;
}
#container > div.articles > article img.picture {
	float: left;
}
#container > div.articles > article img.picture.medium {
	margin: 0 5px 5px 0; width: 20px; height: 20px; border-radius: 4px;
}
#container > div.articles > article img.picture.large {
	margin: 0 10px 15px 0; width: 40px; height: 40px; border-radius: 8px;
}
#container > div.articles > article div.profile {
	float: left; margin-bottom: 15px; height: 40px;
}
#container > div.articles > article h3 {
	color: #292929; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#container >  div.articles > form > article h3 {
	color: #292929; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#container > div.articles > article h3.admin {
	color: #c62917;
}
#container > div.articles > article h3.organization {
	color: #3b5a99;
}
#container > div.articles > article h3.creator {
	color: #8776be;
}
#container > div.articles > article h3.writer {
	color: #0ca5af;
}
#container > div.articles > article h3.disabled {
	color: #a6a6a6;
}
#container > div.articles > article h3.small {
	float: left; max-width: 90px; height: 15px; line-height: 15px; font-size: 13px; font-weight: normal; letter-spacing: 0;
}
#container > div.articles > article h3.medium {
	float: left; max-width: 90px; margin: 0 10px 5px 10px; height: 20px; line-height: 20px; font-size: 12px; font-weight: bold;
}
#container > div.articles > article h3.large {
	height: 20px; max-width: 200px; line-height: 20px; font-size: 14px; font-weight: bold;
}
#container > div.articles > form > article h3.medium {
	float: left; max-width: 90px; margin: 0 10px 5px 10px; height: 20px; line-height: 20px; font-size: 12px; font-weight: bold;
}
#container > div.articles > form > article h3.large {
	height: 20px; max-width: 200px; line-height: 20px; font-size: 14px; font-weight: bold;
}
#container > div.articles > article span.category::after {
	content: ""; display: inline-block; height: 50%; margin-left: 5px; border-right: 1px solid #d6d6d6; vertical-align: middle;
}
#container > div.articles > article span.category,
#container > div.articles > article time {
	color: #a6a6a6; letter-spacing: 0;
}
#container > div.articles > form > article time {
	color: #a6a6a6; letter-spacing: 0;
}
#container > div.articles > article span.category.small,
#container > div.articles > article time.small {
	float: left; margin-right: 5px; height: 15px; line-height: 15px; font-size: 11px;
}
#container > div.articles > article span.category.medium,
#container > div.articles > article time.medium {
	float: left; margin-bottom: 5px; height: 20px; line-height: 20px; font-size: 12px;
}
#container > div.articles > form > article time.medium {
	float: left; margin-bottom: 5px; height: 20px; line-height: 20px; font-size: 12px;
}
#container > div.articles > article span.category.medium {
	margin-right: 5px;
}
#container > div.articles > article time.large {
	height: 20px; line-height: 20px; font-size: 12px;
}
#container > div.articles > article h2 {
	color: #292929;
}
#container > div.articles > article h2.medium {
	margin-bottom: 5px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; font-weight: bold;
}
#container > div.articles > article h2.large {
	margin-bottom: 15px; font-size: 22px; font-weight: bold;line-height: 2rem;width:85%;
}
#container > div.articles > article p {
	word-break: break-all;
}
#container > div.articles > article p.small {
	margin-bottom: 5px; max-height: 30px; line-height: 15px; white-space: normal; overflow: hidden; color: #a6a6a6; font-size: 12px;
}
#container > div.articles > article p.medium {
	margin-bottom: 5px; max-height: 100px; line-height: 20px; white-space: normal; overflow: hidden; color: #4c4c4c; font-size: 14px;
}
#container > div.articles > form > article p.medium {
	margin-bottom: 5px; max-height: 100px; line-height: 20px; white-space: normal; overflow: hidden; color: #4c4c4c; font-size: 14px;
}
#container > div.articles > article p.large {
	padding-bottom: 15px; line-height: 20px; color: #4c4c4c; font-size: 14px;
}
#container > div.articles > article p.small a {
	color: #a6a6a6;
}
#container > div.articles > article p.medium a:hover,
#container > div.articles > article p.large a:hover {
	color: #292929;
}
#container > div.articles > article p.medium a.hashtag,
#container > div.articles > article p.large a.hashtag {
	color: #588d92;
}
#container > div.articles > article p.medium a.hashtag:hover,
#container > div.articles > article p.large a.hashtag:hover {
	color: #0ca5af;
}
#container > div.articles > article div.attachthumbnail {
	float: right; margin: -5px -5px -5px 15px; width: 80px; height: 80px; background-size: cover;
}
#container > div.articles > article div.attachthumbnail_left {
	float: left; margin: 0px 5px 5px 15px; width: 30px; height: 18px; background-size: contain;
}
#container > div.articles > article div.attaches > figure.attach {
	position: relative; display: block;
}
#container > div.articles > article div.attaches > figure.attach > p.gif,
#container > div.articles > article div.attaches > figure.attach > p.mp4 {
	position: absolute; z-index: 1; left: 8px; top: 8px; padding: 0 8px; border-radius: 12px; background-color: #c62917;
}
#container > div.articles > article div.attaches > figure.attach > p.gif > *,
#container > div.articles > article div.attaches > figure.attach > p.mp4 > * {
	line-height: 24px; color: #fff; font-size: 14px;
}
#container > div.articles > article div.attaches > figure.attach > p.gif > strong {
	margin-right: 4px;
}
#container > div.articles > article div.attaches > figure.attach > p.mp4 {
	display: flex; align-items: center;
}
#container > div.articles > article div.attaches > figure.attach > p.mp4::before {
	content: ''; display: inline-block; width: 11px; height: 11px; margin-right: 4px; background-image: url('/images/board.attach.video.png'); background-repeat: no-repeat; background-size: contain; background-position: center;
}
#container > div.articles > article div.attaches > figure.attach > img {
	box-sizing: border-box; cursor: pointer;
}
#container > div.articles > article div.attaches.full > figure.attach {
	margin-top: 15px;
}
#container > div.articles > article div.attaches.full > figure.attach > img {
	max-width: 100%; height: auto; border: 1px solid #e3e3e3;
}
#container > div.articles > article div.attaches.full > figure.attach > figcaption {
	margin-top: 2px; padding: 10px; border: 1px solid #f2f2f2; line-height: 18px;
	color: #4c4c4c; font-size: 14px; word-wrap: break-word; background-color: #fff;
}
#container > div.articles > article div.attaches.multiple {
	margin: 0 -15px -15px -15px; padding: 15px 10px 10px 15px;
}
#container > div.articles > article div.attaches.multiple > figure.attach {
	display: inline-block; margin: 0 5px 5px 0; width: 183px; height: 183px;
}
#container > div.articles > article div.attaches.multiple > figure.attach > img {
	width: 100%; height: 100%; object-fit: cover;
}
#container > div.articles > article span.more {
	margin-right: 10px; line-height: 15px; color: #0ca5af; font-size: 12px; letter-spacing: 0;
}
#container > div.articles > article a.boardname {
	line-height: 15px; color: #a6a6a6; font-size: 12px;
}
#container > div.articles > article ul.status {
	float: right;
}
#container > div.articles > article hr {
	clear: both; height: 0; border: 0;
}
#container > div.articles > article ul.status li {
	float: left; margin-left: 8px; padding: 0 2px; height: 20px; line-height: 20px;
	color: #a6a6a6; font-size: 12px; background-repeat: no-repeat; background-position: left center; background-size: 12px 12px; cursor: pointer;
}
#container > div.articles > article ul.status li.attach {
	padding-left: 15px; color: #737373; background-image: url('/images/new/container.articles.attach.png');
}
#container > div.articles > article ul.status li.vote {
	padding-left: 15px; color: #ff8133; background-image: url('img/community/vote.png');width:30px;
}
#container > div.articles > article ul.status li.comment {
	padding-left: 15px; color: #0ca5af; background-image: url('img/community/comment.png');width:30px;
}
#container > div.articles > article ul.status li.scrap {
	padding-left: 15px; color: #ffcc1c; background-image: url('/images/new/container.articles.scrap.png');width:30px;
}
#container > div.articles > article > div.comments {
	display: none;
}
#container > div.articles > article > div.comments article {
	margin: 0; border: 0; background-color: #fff;
}
#container > div.articles > article > div.comments article::after {
	content: ""; display: block; clear: both;
}
#container > div.articles > article > div.comments article.parent {
	padding: 15px 15px 0 15px; border-top: 1px solid #e3e3e3;
}
#container > div.articles > article > div.comments article.child {
	margin: -5px 4px 4px 35px; padding: 10px 10px 0 10px; border: 1px solid #e3e3e3; background-color: #f9f9f9;
}
#container > div.articles > article > div.comments article p.large {
	padding-bottom: 5px;
}
#container > div.articles > article > div.comments article time {
	padding-bottom: 5px;
}
#container > div.articles > article > div.comments article ul.commentvotestatus {
	float: right;
}
#container > div.articles > article form.writecomment {
	position: relative; border-top: 1px solid #e3e3e3; background-color: #f8f8f8;
}
#container > div.articles > article form.writecomment.child {
	margin: 0 4px 4px 35px; border: 1px solid #e3e3e3;
}
#container > div.articles > article form.writecomment *:focus {
	outline: none;
}
#container > div.articles > article form.writecomment input.text {
	margin: 0; padding: 10px 85px 10px 10px; border: 0; width: 100%; height: 40px; line-height: 20px; box-sizing: border-box;
	color: #262626; font-size: 13px; overflow: hidden; resize: none; background-color: transparent;
}
#container > div.articles > article form.writecomment ul.option {
	position: absolute; right: 0; top: 0; height: 40px; font-size: 0;
}
#container > div.articles > article form.writecomment ul.option li {
	display: inline-block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 40px 40px; cursor: pointer;font-size:13px;
}
#container > div.articles > article form.writecomment ul.option li.anonym {
	margin-right: 5px; background-image: url('../css/img/community/anonym.png');
}
#container > div.articles > article form.writecomment ul.option li.anonym.active {
	background-image: url('../css/img/community/anonym.active.png');
}
#container > div.articles > article form.writecomment ul.option li.submit {
	background-color: #c62917; background-image: url('../css/img/community/write.png');
}
#container > div.articles > div.pagination > a {
	display: block; margin-top: 5px; margin-left: 5px; padding: 0 10px 0 10px; height: 35px; line-height: 35px; border: 1px solid #E6E6E6; border-radius: 3px;
	color: #000000; font-size: 14px; font-weight: bold; background-repeat: no-repeat; background-position: 10px center; background-size: 10px 10px; cursor: pointer;
}
/*#container > div.articles > div.pagination > a.list {
	float: left; background-image: url('/images/new/container.articles.pagination.list.png');
}
#container > div.articles > div.pagination > a.first {
	float: left; background-image: url('/images/new/container.articles.pagination.first.png');
}
#container > div.articles > div.pagination > a.prev {
	float: left; background-image: url('/images/new/container.articles.pagination.prev.png');
}
#container > div.articles > div.pagination > a.cancel {
	float: left; background-image: url('/images/new/container.articles.pagination.prev.png');
}*/
#container > div.articles > div.pagination > a.next {
	float: right; margin-left: 0; margin-right: 5px; padding: 0 25px 0 10px; background-image: url('/images/new/container.articles.pagination.next.png'); background-position: right 10px center;
}
#container > div.articles > div.pagination > form.search {
	float: left; margin-top: 5px; margin-left: 5px; padding: 8px 25px 8px 5px; border: 1px solid #a6a6a6; border-radius: 3px;
	background: transparent url('/images/new/container.articles.pagination.search.png') no-repeat right 10px center; background-size: 16px 16px;
}
#container > div.articles > div.pagination > form.search > *:focus {
	outline: none;
}
#container > div.articles > div.pagination > form.search > select {
	float: left; margin-right: 5px; height: 19px; line-height: 19px; border: 0;
	color: #737373; font-size: 12px; background-color: transparent;
}
#container > div.articles > div.pagination > form.search > input.text {
	 height: 19px; line-height: 19px; border: 0; width: 130px;
	 color: #292929; font-size: 14px; background-color: transparent;
}
#container > div.articles > div.loading {
	padding: 80px 0; color: #a6a6a6; font-size: 18px; text-align: center;
}

#gallery {
	position: fixed; top: 0; left: 0; z-index: 200;
	display: flex; justify-content: center; align-items: center;
	width: 100%; height: 100%;
}
#gallery .backdrop {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);
}
#gallery .content {
	position: relative; max-width: 100%; max-height: 100%;
}

/* * * * * * * * * * * * * * * * * * * * * * * * *  /  pc only  /  * * * * * * * * * * * * * * * * * * * * * * * * */

@media only screen and (min-width: 641px) {
	body {
		background-color: #fff;
	}
}

/* * * * * * * * * * * * * * * * * * * * * * * * *  /  mobile only  /  * * * * * * * * * * * * * * * * * * * * * * * * */

@media only screen and (max-width: 640px) {
	#writeArticleButton {
		margin: 0 5px 5px 5px;
	}
	#container > div.rightside {
		display: block;
		margin-top: 20px;
	}
	#container > div.title {
		display: none;
	}
	#container > div.seasons,
	#container > div.categories,
	#container > div.topics {
		margin-top: 5px;
		margin-bottom: -5px;
		padding-bottom: 5px;
	}
	#container > div.topics {
		padding-left: 5px; overflow-x: auto; white-space: nowrap;
	}
	#container > div.articles {
		margin-top: 5px;
	}
	#container > div.articles > form.write {
		margin: 0 5px 5px 5px;
	}
	#container > div.articles > form.write textarea.large {
		height: 120px;
	}
	#container > div.articles > form.write ol.thumbnails {
		white-space: nowrap; overflow-x: scroll; overflow-y: hidden;
	}
	#container > div.articles > form.write ol.thumbnails::-webkit-scrollbar {
		display: none;
	}
	#container > div.articles > ul.hashtags {
		white-space: nowrap; overflow-x: scroll; overflow-y: hidden;
	}
	#container > div.articles > ul.hashtags::-webkit-scrollbar {
		display: none;
	}
	#container > div.articles > ul.hashtags > li {
		float: none; display: inline-block;
	}
	#container > div.articles > ul.hashtags,
	#container > div.articles > div.notice,
	#container > div.articles > article {
		border-width: 1px 0;
	}
	#container > div.articles > article div.attaches.multiple {
		white-space: nowrap; overflow-x: scroll; overflow-y: hidden;
	}
	#container > div.articles > article div.attaches.multiple::-webkit-scrollbar {
		display: none;
	}
}

/*//////////////////////////////////////////////////////////////////////////////////*/
#container > div.rightside div.card1,
#container > div.leftside div.card1 {
	margin-bottom: 0px; /*border: 1px solid #d6d6d6; background-color: #f9f9f9;*/display: flex;
}
#container > div.leftside1 div.card1 {
	margin-bottom: 0px; /*border: 1px solid #d6d6d6; background-color: #f9f9f9;*/display: flex;
}
#container > div.main div.card1 {
	float: left; margin: 0 5px 5px 0; width: 295px; border: 1px solid #e3e3e3; overflow: hidden; background-color: #fff;
}

#container div.card1 h3 {
	padding: 3px;
}
#container div.card1 h3 > a.active {color:#ff8133;}
#container div.card1 h3 > a {
	line-height: 23px; color: #4a4a4a; font-size: 13px; font-weight: bold;
}
#container > div.rightside div.card1 h3 > a {
	color: #3744a5;
}
#container div.card1 h3 > a > span {
	float: right; line-height: 20px; color: #a6a6a6; font-size: 12px; font-weight: normal;
}

#container div.card1 > form.logged {
	padding: 15px;
}
#container div.card1 > form.logged > img.picture {
	display: block; margin: 15px auto; width: 60px; height: 60px; border-radius: 6px;
}
#container div.card1 > form.logged > p.nickname {
	margin-bottom: 5px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	color: #393939; font-size: 18px; font-weight: bold; text-align: center;
}
#container div.card1 > form.logged > p.school {
	line-height: 15px; color: #a6a6a6; font-size: 12px; text-align: center;
}
#container div.card1 > form.logged > ul.buttons {
	margin-top: 15px;
}
#container div.card1 > form.logged > ul.buttons > li {
	float: left; width: 50%;
}
#container div.card1 > form.logged > ul.buttons > li > a {
	display: block; margin-right: 5px; border: 1px solid #d6d6d6; border-radius: 3px;
	line-height: 25px; color: #737373; font-size: 13px; text-align: center;
}
#container div.card1 > form.logged > ul.buttons > li:last-child > a {
	margin-right: 0;
}

#container div.card1 > form.login {
	padding: 30px 15px 15px 15px;
}
#container div.card1 > form.login > h3 {
	margin-bottom: 15px; padding: 0; color: #292929; font-size: 14px; font-weight: normal; text-align: center;
}
#container div.card1 > form.login > h3 > strong {
	color: #c62917; font-weight: bold;
}
#container div.card1 > form.login > a.button {
	display: block; margin-bottom: 5px; height: 35px; line-height: 35px; border-radius: 3px; font-size: 13px; font-weight: bold; text-align: center;
}
#container div.card1 > form.login > a.button.login {
	border: 1px solid #d6d6d6; color: #737373; background-color: #fff;
}
#container div.card1 > form.login > a.button.register {
	color: #fff; background-color: #c62917;
}
#container div.card1 > form.login > p.facebook {
	height: 15px; line-height: 15px; text-align: center;
}
#container div.card1 > form.login > p.facebook > span.text {
	color: #a6a6a6; font-size: 12px; cursor: pointer;
}
#container div.card1 > form.login > p.facebook > img.loading {
	display: none;
}

#container div.card1 > div.menus > a {
	display: block; padding: 10px 0 10px 37px; border-bottom: 1px solid #e3e3e3; line-height: 20px; box-sizing: border-box;
	color: #4c4c4c; font-size: 14px; background-repeat: no-repeat; background-size: 12px auto; background-position: 15px center;
}
#container div.card1 > div.menus > a:hover {
	background-color: #fff;
}
#container div.card1 > div.menus > a.myarticle {
	background-image: url('/images/new/container.community.card1.myarticle.png');
}
#container div.card1 > div.menus > a.mycommentarticle {
	background-image: url('/images/new/container.community.card1.mycommentarticle.png');
}
#container div.card1 > div.menus > a.myscrap {
	background-image: url('/images/new/container.community.card1.myscrap.png'); border-bottom: 0;
}

#container div.card1 > div.banner img {
	width: 100%; height: auto;
}

#container div.card1 > div.board > a {
	display: block; padding: 10px; border-top: 1px solid #e3e3e3;
}
#container div.card1 > div.board > a:hover {
	background-color: #f9f9f9;
}
#container div.rightside div.card1 > div.board > a:hover {
	background-color: #fff;
}
#container div.card1 > div.board > a.article > img.thumbnail {
	float: right; margin-left: 10px; width: 72px; height: 54px;
}
#container div.card1 > div.board > a.article > p {
	margin-bottom: 5px; height: 36px; line-height: 18px; white-space: normal; overflow: hidden;
	color: #4c4c4c; font-size: 13px;
}
#container div.card1 > div.board > a.article > p.title {
	height: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis;
}
#container div.card1 > div.board > a.article > p.small {
	height: 32px; line-height: 16px; color: #737373; font-size: 12px;
}
#container div.card1 > div.board > a.article > time {
	float: left; margin-right: 10px; height: 14px; line-height: 14px;
	color: #a6a6a6; font-size: 11px; letter-spacing: 0;
}
#container div.card1 > div.board > a.article > h4 {
	float: left; margin-right: 10px; height: 14px; line-height: 14px;
	color: #a6a6a6; font-size: 11px; font-weight: bold; letter-spacing: 0;
}
#container div.card1 > div.board > a.article > ul.status {
	float: left;
}
#container div.card1 > div.board > a.article > ul.status > li {
	float: left; margin-right: 5px; padding-left: 15px; height: 14px; line-height: 14px;
	color: #a6a6a6; font-size: 11px; letter-spacing: 0; background-repeat: no-repeat; background-size: 12px 12px; background-position: left center;
}
#container div.card1 > div.board > a.article > ul.status > li.vote {
	background-image: url('/images/new/container.articles.vote.png');
}
#container div.card1 > div.board > a.article > ul.status > li.comment {
	background-image: url('/images/new/container.articles.comment.png');
}
#container div.card1 > div.board > a.article > ul.status > li.vote.active {
	color: #c62917; background-image: url('/images/new/container.articles.vote.active.png');
}
#container div.card1 > div.board > a.article > ul.status > li.comment.active {
	color: #0ca5af; background-image: url('/images/new/container.articles.comment.active.png');
}
#container div.card1 > div.board > a.article > span.star {
	display: block; margin-bottom: 5px; width: 60px; height: 12px; background: transparent url('/images/app.subject.rating.details.star.off.png') no-repeat; background-size: 60px 12px;
}
#container div.card1 > div.board > a.article > span.star > span.on {
	float: left; display: block; height: 12px; background: transparent url('/images/app.subject.rating.details.star.on.png') no-repeat; background-size: 60px 12px;
}
#container div.card1 > div.board > a.photo {
	float: left; position: relative; border-right: 1px solid #e3e3e3; width: 50%; height: 152px; background-size: cover; background-position: center center; box-sizing: border-box;
}
#container div.card1 > div.board > a.photo:before {
	content: ''; position: absolute; left: 0; top: 40%; width: 100%; height: 60%;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
#container div.card1 > div.board > a.photo > p {
	position: relative; margin-top: 95px; height: 20px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	color: #fff; font-size: 14px; font-weight: bold;
}
#container div.card1 > div.board > a.photo > time {
	position: relative; height: 15px; line-height: 15px;
	color: #fff; font-size: 11px; letter-spacing: 0; opacity: 0.7;
}
#container div.card1 > div.board > a.list > p {
	height: 17px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	color: #4c4c4c; font-size: 14px;
}
#container div.card1 > div.board > a.list > time {
	float: right; margin-left: 10px; height: 17px; line-height: 18px;
	color: #a6a6a6; font-size: 11px; letter-spacing: 0;
}
#container div.card1 > div.board > div.needauth {
	padding: 40px 0; border-top: 1px solid #e3e3e3; text-align: center;
}
#container div.card1 > div.board > div.needauth > p {
	margin-bottom: 10px; line-height: 18px;
	color: #a6a6a6; font-size: 14px;
}
#container div.card1 > div.board > div.needauth > a.button {
	display: inline-block; padding: 0 10px; height: 25px; line-height: 25px; border-radius: 3px;
	color: #fff; font-size: 13px; background-color: #c62917;
}


/* * * * * * * * * * * * * * * * * * * * * * * * *  /  pc only  /  * * * * * * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1080px) {
	#container > div.rightside div.card1, #container > div.leftside div.card1 {
		display: inline-block;
	}
	#container > div.rightside div.card1, #container > div.leftside1 div.card1 {
		display: inline-block;
	}
}

@media only screen and (max-width: 640px) {
	
	#container > div.rightside div.card1,
	#container > div.leftside div.card1,
	#container > div.main div.card1 {
		border: 0;
	}
	#container > div.main div.card1 {
		margin: 0; padding: 0px 2px 4px 2px; width: 50%; box-sizing: border-box; background-color: transparent;
	}
	#container div.card1.pconly {
		display: none;
	}
	#container div.card1 > div {
		/*border: 1px solid #d6d6d6; background-color: #fff;*/
		margin-left:8px;
	}
	#container > div.rightside div.card1 > div,
	#container > div.rightside div.card1 > div {
		border-width: 1px 0;
	}
	#container > div.main div.card1 > div {
		border: 1px solid #d6d6d6;
	}
	#container div.card1 > div.menus > a {
		float: left; padding: 10px 0; width: 33%; border-bottom: 0; border-right: 1px solid #e3e3e3; text-align: center;
	}
	#container div.card1 > div.menus > a.myscrap {
		border-right: 0;
	}
	#container div.card1 > div.banner {
		display: none;
	}
	#container div.card1 > div.board > a.article > time,
	#container div.card1 > div.board > a.list > time,
	#container div.card1 > div.board > a.photo > time {
		font-size: 10px;
	}
	
}

.container .agree{
    height: 25px;
    line-height: 25px;
    padding-left: 30px;
    display: inline-block;
    background: url(img/join/check.png) no-repeat 0 0;
    vertical-align: middle;
    cursor: pointer;
    font-size: 18px;
}

.container input[type="checkbox"]:checked + label {
    background-position: 0 -25px;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 8px 1px;
  font-size: 11px;
 
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

.pop-layer .pop-container {
  padding: 20px 25px;
}

.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
}

.pop-layer .btn-r {
  width: 100%;
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #DDD;
  text-align: right;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 410px;
  height: auto;
  background-color: #fff;
  border: 5px solid #9e9e9e;
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose {
  display: inline-block;
  height: 25px;
  padding: 0 14px 0;
  border: 1px solid #304a8a;
  background-color: #3f5a9d;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
}

a.btn-layerClose:hover {
  border: 1px solid #091940;
  background-color: #1f326a;
  color: #fff;
}

@media only screen and (max-width: 410px) {
	.pop-layer {
	  width: 310px;
	}
}

.qna .container .view-table th {
    line-height: 38px;
    color: #000000;
    text-align: left;
    border-bottom: 2px solid #E3E3E3;
    font-size: 22px;
    padding: 16px 0;
}
.qna .container .view-table {
    width: 100%;
    border-top: 2px solid #808080;
}
.qna .container .view-table th div {
    line-height: 30px;
    font-size: 14px;
}
.qna .container .view-table th div span {
    color: #969696;
    margin: 0 40px 0 12px;
}
.qna .container .view-table td {
    font-size: 15px;
    line-height: 25px;
    color: #000000;
    text-align: left;
    border-bottom: 2px solid #E3E3E3;
    padding: 25px 0;
}

/*tab FAQ pc 적용  ********************************/
a  {
	color:#333;
}
 .component-tab {
}

.component-tab .tab-menus {
}

.component-tab .tab-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.component-tab .tab-item {
}

.component-tab .tab-trigger {
	display: inline-block;
}

.component-tab .tab-trigger.tab-selected {
	font-weight: bold;
}

.component-tab .tab-contents {
}

.component-tab .tab-target {
	display: none;
}

.component-tab .tab-target.tab-selected {
	display: block;
}
#navibar {
	top: 0;
}

.faqBody {
	text-align: -webkit-center;
	
}

.faqBody .tab-menus {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

.faqBody .tab-list {
	max-width: 600px;
	padding: 0;
	overflow: hidden;
}

.faqBody .tab-item {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #5C6476;
	letter-spacing: -0.1px;
	cursor: pointer;
	transition: 0.08s;
	line-height:30px;
}

.faqBody .tab-trigger {
	width: 137px;
	text-align: center;
	border-radius: 3px;
	padding: 5px 0;
	margin: 0 5px 5px 0;
	border: 1px solid rgba(0, 0, 0, 0.05);
	background: #FAFAFA;
}

.faqBody .tab-trigger:hover {
	background-color: #ededed;
}

.faqBody .tab-trigger:active {
	background-color: #e1e0e0;
}

.faqBody .tab-trigger.tab-selected {
	background-color: #3E63BC;
	border: 1px solid #3E63BC;
	color: white;
	font-weight: bold;
}

.faqBody .tab-trigger.tab-selected:hover {
	background-color: #3859a9;
}

.faqBody .tab-trigger.tab-selected:active {
	background-color: #314f96;
}

.faqBody .tab-target {
}

.faqBody .tab-target.tab-selected {
}

/*tab FAQ 모바일 적용 ********************************/
@media only screen and (max-width: 768px) {
	::-webkit-scrollbar {
		display: none;
	}

	.faqBody {
		width: auto;
		padding: 0;
		margin: 0;
	}

	.faqBody .tab-menus {
		background-color: white;
		margin: 0 0 16px 0;
		padding: 0 0 0 0;
		border-bottom: 1px solid #E0E0E0;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		box-sizing: border-box;
	}

	.faqBody .tab-list {
		max-width: none;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}

	.faqBody .tab-item {
		float: left;
		margin: 0;
		padding: 0;
		background-color: transparent;
		color: #3E63BC;
		width: auto;
	}

	.faqBody .tab-trigger {
		width: auto;
		text-align: center;
		padding: 17px 3px 14px;
		margin: 0 15px;
		border: none;
		border-radius: 0;
		background: transparent;
	}

	.faqBody .tab-trigger:hover {
		background-color: transparent;
	}

	.faqBody .tab-trigger:active {
		background-color: transparent;
	}

	.faqBody .tab-trigger.tab-selected {
		background-color: transparent;
		color: #3E63BC;
		border: none;
		border-bottom: 2px solid #3E63BC;
		border-radius: 0;
	}

	.faqBody .tab-trigger.tab-selected:hover {
		background-color: transparent;
	}

	.faqBody .tab-trigger.tab-selected:active {
		background-color: transparent;
	}

	.faqBody .tab-target {
		padding: 0;
	}

	.faqBody .tab-target.tab-selected {
	}
}

.title3 { background-color: #FFFFFF; border-bottom: 1px solid #D1D1D1; border-top: 1px solid #D1D1D1;border-left: 1px solid #D1D1D1;border-right: 1px solid #D1D1D1; color: #969696; cursor: pointer; margin-top: 3px;}
.title3 td { padding: 5px 0; line-height:1.81;}
.titlepoint { color: #333; }
.date { vertical-align: bottom; font-size: 10px; color: #A8A8A8; margin-left: 15px; }
.title3 i { color: #A9A9A9; text-align: right; }
.content3 {  padding: 15px 20px 20px; background-color: #F0F0F0; border-bottom: 0px solid #D1D1D1; color: #333;}

td.active{
	border:1px solid #e5e5e5;
	border-top:3px solid #ff8133;
	color:#ff8133;
}

.active a{
	color:#ff8133;
}

td.none  {
	border:1px solid #e5e5e5;
	color:#000;
}
.none a{
	color:#000;
}

#jb-table{
	display:table;
	width:100%;
}

#jb-table_m{
	display:none;
	width:100%;
}
.main-icon{
	font-size:13px;
	font-weight:bold;
}

.jb-table-td{
	text-align:center;
	width:12.5%;
}

.jb-table_m-td{
	width:25%;
	text-align:center;
	padding:8px;
}
#small-none{
	display:block;
}
@media only screen and (max-width: 768px) {

	#jb-table{
		display:none;
	}

	#jb-table_m{
		display:table;
	}
	#small-none{
		display:none;
	}
	.main-icon{
		font-size:10px;
	}
}

.con2 {
    /*background-color: #f1f1f1;*/
    /*margin-right: 12px;*/
    /*padding: 13px 10px 15px 30px;*/
    position: relative;
}
.con2-wrap {
    margin: 0 auto;
}

.con2-wrap .bx-div.ul_on {
    display: inline-block;
	width:100%;
	padding:25px 0px;

}

.con2-tab {
    display: inline-block;
    width: 100%;
	background-color: #fff;
    border-bottom: 1px #e0e0e0 solid;
    margin-bottom: 10px;

}

.con2-tab .tab_onClick {
    background-color: #35c5f0;
    color: #fff;
    border-left: 1px #35c5f0 solid;
    border-right: 1px #35c5f0 solid;
	border-bottom: none;
}
.con2-tab .tab_onClick a{
    background-color: #35c5f0;
    color: #fff;
    font-weight:bold;

}

@media screen and (max-width: 1400px)
.con2-tab>li {
    font-size: 12px;
}
.con2-tab>li {
    font-size: 14px;
    color: #333333;
    display: inline-block;
    width: 25%;
    background-color: #e0e0e0;
    border: 1px #e0e0e0 solid;
    border-bottom: none;
    text-align: center;
    padding: 8px 0;
}
@media screen and (max-width: 768px){
	.con2-tab>li {
		font-size: 12px;
		width: 45%;
	}

	.con2-tab .tab_onClick {
		font-size: 12px;
		width: 45%;
	}
}

.bx-div{display: none;}