/* 글자색 */
.color1{color:#fff !important;}

/* font style */
.italic{font-style:italic !important;}

/* 배경색 */
.bgcolor1{background-color:#fff;}

/* background-img */
.bgimg1{z-index:2;}

#container{width:100%; /* min-height:985px; */ height:100%;}
.sub_page{width:100%; /* min-height:985px; */ height:auto; box-sizing:border-box; padding-top:90px;}

/* 기본 박스 사이즈 */
.con_box1{width:985px; margin:0 auto; position:relative; box-sizing:border-box; padding-left:250px;}
.con_box1_left{width:94%; margin:0 3%; position:relative; box-sizing:border-box;}
.con_box2{width:100%; position:relative; box-sizing:border-box;}

/* 퀵메뉴 */
#sub_quick{display:inline-block; width:250px; height:auto; position:fixed; top:170px; left:50%; margin-left:-492.5px; z-index:10;}
.sub_menu_list{width:100%; height:auto; box-sizing:border-box; margin-top:20px;}
.sub_menu_list .sub_menu_list_item{width:100%; height:auto; box-sizing:border-box; margin-bottom:10px; text-align:left;}
.sub_menu_list .sub_menu_list_item:last-child{margin-bottom:0;}
.sub_menu_list .sub_menu_list_item.off{display:none;}
.sub_menu_list .sub_menu_list_item a{display:block; width:100%; font-size:30px; font-weight:700; letter-spacing:-0.5px; color:#999; line-height:1.1;}
.sub_menu_list .sub_menu_list_item a:hover{color:#000;}

/* 포트폴리오 */
.sub_title{width:100%; height:auto; box-sizing:border-box; overflow:hidden; text-align:left; word-break:keep-all;}
.sub_title span.title{display:inline-block; vertical-align:top; float:left; font-size:32px; font-weight:700; letter-spacing:-2.5px; color:#000; line-height:1;}
.sub_title span.title div{font-size:26px; font-weight:700; letter-spacing:-0.25px; vertical-align:top; line-height:1; margin-bottom:15px; padding-left:5px; box-sizing:border-box;}
div.sub_text{width:100%; height:auto; vertical-align:top; word-break:keep-all; font-size:13px; font-weight:400; letter-spacing:-0.25px; line-height:1.44; color:#000;}
div.sub_text span{font-size:14px; font-weight:400; letter-spacing:-0.45px; line-height:1.64;}
.portfolio_list_box_sub{width:100%; height:auto; box-sizing:border-box; overflow:hidden;}
.portfolio_list_box_sub li.portfolio_list_item{display:inline-block; vertical-align:top; float:left; width:354px; height:auto; box-sizing:border-box; margin-top:25px;}
.portfolio_list_box_sub li.portfolio_list_item:nth-child(-n+2){margin-top:0;}
.portfolio_list_box_sub li.portfolio_list_item:nth-child(2n){float:right;}
.portfolio_list_box_sub li.portfolio_list_item a{display:block; width:100%; height:100%;}
.portfolio_list_box_sub li.portfolio_list_item a .portfolio_thumnail_box{width:100%; height:174px; position:relative; overflow:hidden;}
.portfolio_list_box_sub li.portfolio_list_item a .portfolio_thumnail_box img.portfolio_thumnail{width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); max-width:none;}
.portfolio_list_box_sub li.portfolio_list_item a .portfolio_title{margin-top:7px; font-size:17px; font-weight:400; letter-spacing:0; line-height:1.3; color:#000; text-align:left;}
.no-csstransforms .portfolio_list_box_sub li.portfolio_list_item a .portfolio_thumnail_box img.portfolio_thumnail{width:100%; height:100%; top:0; left:0;}

/* News */
.news_list_box{width:100%; height:auto; box-sizing:border-box;}
.news_list_box .news_list_item{width:100%; height:auto; box-sizing:border-box; overflow:hidden; margin-bottom:55px;}
.news_list_box .news_list_item:last-child{margin-bottom:0;}
.news_list_box .news_list_item a{display:block; width:100%; height:100%;}
.news_list_box .news_list_item div{display:inline-block; vertical-align:top; box-sizing:border-box; float:left;}
.news_list_box .news_list_item .news_content_area{width:491px; height:auto; padding-right:30px; text-align:left;}
.news_list_box .news_list_item .news_content_area .news_date{font-size:12px; font-weight:400; letter-spacing:-0.25px; color:#333; line-height:1; margin-bottom:15px;}
.news_list_box .news_list_item .news_content_area .news_cate{font-size:20px; font-weight:400; letter-spacing:-0.25px; color:#333; line-height:1; margin-bottom:5px;}
.news_list_box .news_list_item .news_content_area .news_title{font-size:22px; font-weight:700; letter-spacing:-0.25px; color:#333; line-height:1.2; margin-bottom:8.5px; word-break:keep-all; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; overflow:hidden; height:26px;}
.news_list_box .news_list_item .news_content_area .news_text{font-size:13px; letter-spacing:-0.5px; color:#333; line-height:1.46; word-break:keep-all; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:keep-all; overflow:hidden; height:54px;}
.news_list_box .news_list_item .news_thumnail{width:244px; height:140px; position:relative; overflow:hidden;}
.news_list_box .news_list_item .news_thumnail img{display:block; width:auto; max-width:100%; height:100%; position:absolute; top:0; right:0;}
.morebox{width:100%; height:auto; box-sizing:border-box; text-align:center; margin-top:100px;}
.morebox .more{display:inline-block; vertical-align:top; font-size:14px; font-weight:500; letter-spacing:0; line-height:1; box-sizing:border-box; padding:20px 40px; border:3px solid #000;}
.morebox .more:hover{background-color:#000; color:#fff;}

.sub_pager{width:100%; overflow:hidden;}
.sub_pager a{display:inline-block; vertical-align:top; font-size:16px; font-weight:400; line-height:1; padding:5px; color:#999;}
.sub_pager a+a{margin-left:25px;}

/* News_view */
.view_box{overflow:hidden; min-height:550px; padding-left:275px;}
.view_box .view_title{display:inline-block; width:275px; height:auto; float:left;}
.view_box .view_content{display:inline-block; width:735px; height:auto; float:left; text-align:left;}
.view_box .view_content .view_regdate{font-size:15px; font-weight:400; letter-spacing:0; line-height:1; color:#999; margin-bottom:10px;}
.view_box .view_content .view_page_title_box{width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.view_box .view_content .view_page_title_box .view_page_title{display:inline-block; width:85%; height:auto; vertical-align:top; float:left; font-size:24px; font-weight:700; letter-spacing:0; line-height:1.2; color:#000;}
.view_box .view_content .view_page_title_box .sub_pager{display:inline-block; vertical-align:middle; float:left; width:15%;}
.view_box .view_content .view_page_title_box .sub_pager a{color:#000;}
.view_box .view_content .view_page_title_box .sub_pager a+a{margin-left:17px;}
.view_box .view_content .view_text_box{width:100%; height:auto; box-sizing:border-box; padding:15px 0 60px 0; border-top:1px solid #767676; border-bottom:1px solid #767676; font-size:13px; font-weight:400; letter-spacing:0; line-height:1.5; color:#000; word-break:keep-all;}
.view_box .view_date{font-size:12px; font-weight:400; letter-spacing:-0.25px; color:#333; line-height:1; padding:10px 0 10px 22px; box-sizing:border-box;}
.view_box .view_title_box{height:auto; box-sizing:border-box; display:table; table-layout:fixed; max-width:none; width:auto; min-width:100%;}
.view_box .view_title_box div{display:table-cell; vertical-align:top; box-sizing:border-box; border-top:2px solid #535353; border-bottom:1px solid #aaa; padding-top:30px; padding-bottom:30px; width:auto;}
.view_box .view_title_box .view_cate{font-size:19px; font-weight:400; letter-spacing:-0.25px; color:#333; line-height:1.2; text-align:center; border-right:1px solid #aaa; width:128px;}
.view_box .view_title_box .view_title h2{font-size:22px; font-weight:700; letter-spacing:-0.25px; color:#333; line-height:1.27; text-align:left; word-break:keep-all; box-sizing:border-box; padding:0 25px;}
.view_box .view_content{width:100%; height:auto; box-sizing:border-box; padding:40px 0; /* border-bottom:2px solid #535353; */ text-align:left; font-size:15px; font-weight:400; letter-spacing:-0.25px; color:#333; line-height:1.46;}
.view_box .view_content img{display:block;}
.view_box .view_page_control_box{width:100%; height:auto; box-sizing:border-box; overflow:hidden; padding-top:10px;}
.view_box .view_page_control_box li{display:inline-block; vertical-align:top; float:left;}
.view_box .view_page_control_box li.page_move_btn{float:right;}
.view_box .view_page_control_box li a{display:inline-block; width:65px; height:26px; box-sizing:border-box; border-radius:3px; text-align:center; line-height:24px; font-size:12px; font-weight:400; letter-spacing:0; color:#333; border:1px solid #b4b4b4;}

/* portfolio_subpage */
#fixed_view_title{position:fixed; left:50%; margin-left:-492.5px; top:170px;}
#fixed_view_title .sub_title{padding-bottom:20px;}
#left_menu_box{width:auto; height:auto; box-sizing:border-box; display:inline-block; max-width:250px; padding-bottom:150px;}
#left_menu_box .left_menu_list{width:100%; height:auto; box-sizing:border-box;}
#left_menu_box .left_menu_list .left_menu_list_item{width:100%; height:auto; box-sizing:border-box; margin-bottom:15px; cursor:pointer;}
#left_menu_box .left_menu_list .left_menu_list_item:last-child{margin-bottom:0;}
#left_menu_box .left_menu_list .left_menu_list_item .left_menu{width:100%; height:auto; box-sizing:border-box; text-align:left;}
#left_menu_box .left_menu_list .left_menu_list_item .left_menu .left_menu_title{font-size:17px; font-weight:700; letter-spacing:0; line-height:1.2; color:#000;}
#left_menu_box .left_menu_list .left_menu_list_item .left_menu ul{display:none; width:100%; height:auto; box-sizing:border-box; margin-top:10px;}
#left_menu_box .left_menu_list .left_menu_list_item.on .left_menu ul{display:block;}
#left_menu_box .left_menu_list .left_menu_list_item .left_menu ul .left_menu_sub{width:100%; height:auto; box-sizing:border-box; position:relative; margin-bottom:5px;}
#left_menu_box .left_menu_list .left_menu_list_item .left_menu ul .left_menu_sub a{font-size:15px; font-weight:500; letter-spacing:0; line-height:1.1; color:#666;}
#left_menu_box .left_menu_list .left_menu_list_item .left_menu ul .left_menu_sub.on a{color:#969696;}
#left_menu_box .left_menu_list .left_menu_list_item .left_menu ul .left_menu_sub:hover a{color:#969696;}
#left_menu_box .left_menu_list .left_menu_list_item .left_menu ul .left_menu_sub:last-child{margin-bottom:0;}
/* .portfolio_type{margin-left:305px;} */
.portfolio_type .portfolio_title{font-size:30px; font-weight:700; letter-spacing:-0.75px; color:#343434; text-align:left; line-height:1.2; margin-bottom:15px;}
.portfolio_type .portfolio_content{width:100%; height:auto; box-sizing:border-box; font-size:14px; font-weight:500; letter-spacing:0; color:#000; text-align:left; line-height:1.57; word-break:keep-all;}
.portfolio_type .portfolio_content .portfolio_img{width:100%; height:auto; box-sizing:border-box; margin-bottom:15px; text-align:left;}
.portfolio_type .portfolio_content .portfolio_img img{width:auto; max-width:100%; height:auto;}
.portfolio_type .remark_box{width:80%; height:auto; box-sizing:border-box; margin-top:100px; margin-left:20%; vertical-align:top; border-top:1px solid #767676; padding-top:20px; font-size:14px; font-weight:700; letter-spacing:-0.75px; color:#343434; text-align:left; padding-bottom:100px; line-height:1.5; word-break:keep-all;}
.portfolio_type .portfolio_content #selected_photo_img{width:100%; height:auto; min-height:300px; box-sizing:border-box; text-align:center; margin-bottom:35px;}
.portfolio_type .portfolio_content #selected_photo_img .bx-wrapper{margin:0; box-shadow:none; border:0;}
.portfolio_type .portfolio_content #selected_photo_img .bx-wrapper .bx-controls-direction a{width:36px; height:74px; margin-top:-37px;}
.portfolio_type .portfolio_content #selected_photo_img .bx-wrapper .bx-prev{left:0; background:url('../img/sub/slide_prev_arrow.png') no-repeat center;}
.portfolio_type .portfolio_content #selected_photo_img .bx-wrapper .bx-next{right:0; background:url('../img/sub/slide_next_arrow.png') no-repeat center;}
.portfolio_type .portfolio_content #selected_photo_img .bx-wrapper .bx-next:focus, .portfolio_type .portfolio_content #selected_photo_img .bx-wrapper .bx-next:hover{background-position:center;}
.portfolio_type .portfolio_content #selected_photo_img .photo_slides_zoom{width:100%; height:auto; box-sizing:border-box; position:relative;}
.portfolio_type .portfolio_content #selected_photo_img .photo_slides_zoom .photo_slide_item{display:inline-block; vertical-align:top; width:100%; height:auto; box-sizing:border-box; position:relative; margin-right:6px; position:absolute; top:0; left:0; z-index:1; display:none;}
.portfolio_type .portfolio_content #selected_photo_img .photo_slides_zoom .photo_slide_item:first-child{position:relative; z-index:2; display:block;}
.portfolio_type .portfolio_content #selected_photo_img .photo_slides_zoom .photo_slide_item img{display:block;}
.portfolio_type .portfolio_content #selected_photo_img .photo_slides_zoom .photo_slide_item p{font-size:14px; font-weight:400; letter-spacing:0; line-height:1.2; color:#999; text-align:left; word-break:keep-all; margin-top:10px;}
.portfolio_type .portfolio_content #selected_photo_img .photo_img{width:auto; height:auto; max-width:100%; display:inline-block;}
.portfolio_type .portfolio_content #selected_photo_img .photo_text{font-size:14px; font-weight:400; letter-spacing:0; line-height:1.2; color:#999; text-align:right; word-break:keep-all; margin-top:10px;}
.portfolio_type .portfolio_content .photo_slide_box{width:100%; height:auto; box-sizing:border-box; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:15px 30px;}
.portfolio_type .portfolio_content .photo_slide_box .bx-wrapper{margin:0; box-shadow:none; border:0;}
.portfolio_type .portfolio_content .photo_slide_box .bx-wrapper .bx-controls-direction a{width:auto; height:auto; margin-top:-6px; text-indent:0; font-size:11px; font-weight:400; color:#333; line-height:1;}
.portfolio_type .portfolio_content .photo_slide_box .bx-wrapper .bx-controls-direction a.bx-prev{background:none; left:-25px;}
.portfolio_type .portfolio_content .photo_slide_box .bx-wrapper .bx-controls-direction a.bx-next{background:none; right:-25px;}
.portfolio_type .portfolio_content .photo_slide_box .photo_slides{width:100%; height:51px; box-sizing:border-box; overflow:hidden;}
.portfolio_type .portfolio_content .photo_slide_box .photo_slides .photo_slide_item{display:inline-block; vertical-align:top; width:90px; height:51px; box-sizing:border-box; position:relative; margin-right:6px; float:left; overflow:hidden; float:left; position:relative; width:90px; margin-right:6px; cursor:pointer;}
.portfolio_type .portfolio_content .photo_slide_box .photo_slides .photo_slide_item a{display:block; width:100%; height:100%; position:relative;}
.portfolio_type .portfolio_content .photo_slide_box .photo_slides .photo_slide_item img{display:block; width:120px; height:auto; max-width:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.no-csstransforms .portfolio_type .portfolio_content .photo_slide_box .photo_slides .photo_slide_item img{width:100%; height:100%; top:0; left:0;}
/* .portfolio_type .portfolio_content .portfolio_photo{width:100%; height:auto; box-sizing:border-box;}
.portfolio_type .portfolio_content .portfolio_photo .portfolio_photo_item{width:100%; height:auto; box-sizing:border-box; margin-bottom:25px; text-align:left;}
.portfolio_type .portfolio_content .portfolio_photo .portfolio_photo_item:last-child{margin-bottom:0;}
.portfolio_type .portfolio_content .portfolio_photo .portfolio_photo_item a{display:block; width:100%; height:100%;}
.portfolio_type .portfolio_content .portfolio_photo .portfolio_photo_item a img{display:block; width:100%; height:auto;}
.portfolio_type .portfolio_content .portfolio_photo .portfolio_photo_item a .portfolio_photo_title{font-size:13px; font-weight:400; letter-spacing:0; line-height:1.2; word-break:keep-all; color:#333; margin-top:10px;}
.portfolio_type .portfolio_content .photo_view_box{width:100%; height:auto; box-sizing:border-box; text-align:left;}
.portfolio_type .portfolio_content .photo_view_box .photo_view_img{width:100%; height:auto; box-sizing:border-box;}
.portfolio_type .portfolio_content .photo_view_box .photo_view_img img{width:100%; height:auto; display:block;}
.portfolio_type .portfolio_content .photo_view_box .photo_info_box{width:55%; height:auto; box-sizing:border-box; margin-left:45%; margin-bottom:20px;}
.portfolio_type .portfolio_content .photo_view_box .photo_info_box ul{width:100%; height:auto; box-sizing:border-box;}
.portfolio_type .portfolio_content .photo_view_box .photo_info_box ul li{width:100%; height:auto; box-sizing:border-box; padding:15px 0; border-bottom:1px solid #bebebe; overflow:hidden; font-size:0;}
.portfolio_type .portfolio_content .photo_view_box .photo_info_box ul li span{display:inline-block; vertical-align:top; font-size:14px; font-weight:700; letter-spacing:0; line-height:1.2; word-break:keep-all; color:#333;}
.portfolio_type .portfolio_content .photo_view_box .photo_info_box ul li .photo_info_subtitle{padding-right:10px; font-weight:900;}
.portfolio_type .portfolio_content .photo_view_box .photo_info_box ul li:nth-child(1) .photo_info_text{max-width:calc(100% - 50px);}
.portfolio_type .portfolio_content .photo_view_box .photo_info_box ul li:nth-child(2) .photo_info_text{max-width:calc(100% - 95px);}
.portfolio_type .portfolio_content .photo_view_box .photo_info_box ul li:nth-child(3) .photo_info_text{max-width:calc(100% - 90px);}
.portfolio_type .portfolio_content .photo_view_box .photo_info_box ul li:nth-child(4) .photo_info_text{max-width:calc(100% - 90px);}
.portfolio_type .portfolio_content .photo_view_box .photo_info_box ul li:nth-child(5) .photo_info_text{max-width:calc(100% - 65px);}
.portfolio_type .portfolio_content .photo_view_box .sub_pager a{color:#343434;}
.portfolio_type .portfolio_content .photo_view_box .sub_pager a+a{margin-left:15px;} */

/* photo view */
.photo_box{width:625px; height:auto;}


/* About */
.about_content_box{overflow:hidden; text-align:left;}
.lang_box{width:100%; height:auto; box-sizing:border-box; margin-bottom:35px; font-size:12px; font-weight:400; letter-spacing:-0.25px; color:#000; text-align:left; line-height:16px;}
.lang_box a{display:inline-block; vertical-align:top; font-size:16px; font-weight:400; letter-spacing:-0.25px; color:#000; line-height:1;}
.lang_box a.on{font-weight:700;}
.about_picture{display:inline-block; vertical-align:top; float:right; width:205px; height:auto; box-sizing:border-box; margin-top:45px;}
.about_picture img{display:block;}
.about_picture .owner_name{font-size:13px; font-weight:400; letter-spacing:-0.25px; color:#666; line-height:1.5; margin-top:20px;}
.about_picture .owner_name strong{display:inline-block; font-size:18px; font-weight:700; letter-spacing:-0.25px; color:#000; line-height:1; margin-bottom:15px;}
.owner_profile_box{display:inline-block; vertical-align:top; float:left; width:530px; height:auto; box-sizing:border-box;}
.owner_profile_box .profile_box{width:100%; height:auto; box-sizing:border-box;}
.owner_profile_box .profile_box .profile_title{font-size:22px; font-weight:700; letter-spacing:-0.25px; color:#000; line-height:1.2; margin-bottom:20px;}
.owner_profile_box .profile_box .profile_list{width:100%; height:auto; box-sizing:border-box;}
.owner_profile_box .profile_box .profile_list .profile_list_item{width:100%; height:auto; box-sizing:border-box; font-size:13px; font-weight:400; letter-spacing:-0.25px; color:#000; line-height:1.4; margin-bottom:10px; word-break:keep-all;}
.owner_profile_box .profile_box .profile_list .profile_list_item:last-child{margin-bottom:0;}
.owner_profile_box .profile_box .profile_list.type2 .profile_list_item{overflow:hidden; padding-bottom:3px;}
.owner_profile_box .profile_box .profile_list.type2 .profile_list_item span{display:inline-block; vertical-align:top; float:left;}
.owner_profile_box .profile_box .profile_list.type2 .profile_list_item .profile_date{width:100px;}
.owner_profile_box .profile_box .profile_list.type2 .profile_list_item .profile_date2{width:35px;}
.owner_profile_box .profile_box .profile_list.type2 .profile_list_item .profile_content{width:430px;}
.owner_profile_box .profile_box .profile_list.type2 .profile_list_item .profile_content2{width:495px;}
.owner_profile_box .profile_box .profile_list2{width:100%; height:auto; box-sizing:border-box; font-size:16px; font-weight:400; letter-spacing:-0.25px; color:#000; line-height:1.56; word-break:keep-all;}

/* Contact */
.contact_text1{font-size:27px; font-weight:700; letter-spacing:-0.4px; color:#000; line-height:1.1; text-align:left;}
.contact_text1 em{display:inline-block; color:#65b93c; position:relative; font-style:normal; z-index:2; font-weight:700;}
.contact_text1 em:hover::after{content:""; width:100%; height:2px; display:inline-block; background-color:#65b93c; position:absolute; bottom:0; left:0; z-index:0;}
.contact_text2{font-size:15px; font-weight:400; letter-spacing:0; color:#000; line-height:1.4; text-align:left;}
.contact_text3{font-size:14px; font-weight:400; letter-spacing:0; color:#000; line-height:1.44; text-align:left;}
.contact_text3 strong{font-size:17px; font-weight:700;}

/* privacy.html */
.content_title{font-size:24px; font-weight:400; letter-spacing:-0.25px; color:#312f2f; text-align:center; line-height:1.26; margin-bottom:20px;}
.privacy_box{background-color:#fafafa; padding:10px; border:1px solid #dbdbdb; font-size:12.5px; font-weight:400; color:#6a6766; letter-spacing:-1px; line-height:1.5; margin: 15px 3% 60px; word-break:keep-all;}
.privacy_tit{padding:0 4%; font-size: 16px; font-weight: 500; letter-spacing: -1px; margin-bottom:5px; display:inline-block;}
/* .agree_txt dt{font-size: 16px; font-weight: 700; letter-spacing: -1px; padding: 5px 0px;}
.agree_txt .txt{ background-color: #fafafa; border: 1px solid #dbdbdb; letter-spacing: -0.5px; line-height: 1.5;} */

.agree_txt dt{font-size: 16px; font-weight: 700; letter-spacing: -1px; padding: 5px 0px;}
.agree_txt .txt{height: 200px; overflow-y: scroll; background-color: #fff; border: 1px solid #dbdbdb; letter-spacing: -0.5px; line-height: 1.5; padding:10px 3%;}

.pw_box{padding:30px 4%; background-color:#fafafa; margin-top:20px;}
.pw_box p{text-align:center;}

.tab_type5{width:94%;display:block;margin:0 3%;}
.tab_type5 li{float:left; width:20%; border:1px solid #e0e0e0; box-sizing:border-box; background-color:#fff; text-align:center; font-size:11px;padding:5px 0px;border-left:0px;height:30px; line-height:20px;}
.tab_type5 li:first-child{border-left:1px solid #e0e0e0;}
.tab_type5 li.on{background-color:#2058c3;}
.tab_type5 li.on a{color:#fff;}

.cate{font-size:13px; text-align:left; font-weight:700;width:94%; margin:0 3% 15px 3%; letter-spacing:-0.5px;}
.cate input{vertical-align:baseline; margin:0;}
.cate label{display:inline-block; margin-right:0.5%;}
.cate label:last-child{margin-right:0;}

.tab_type6{width:94%;display:block;margin:0 3%;}
.tab_type6 li{float:left; width:16.66%; border:1px solid #e0e0e0; box-sizing:border-box; background-color:#fff; text-align:center; font-size:11px;padding:5px 0px;border-left:0px;height:30px; line-height:20px;}
.tab_type6 li:first-child{border-left:1px solid #e0e0e0;}
.tab_type6 li.on{background-color:#2058c3;}
.tab_type6 li.on a{color:#fff;}

.tit_box{margin: 0 auto; padding: 10px 3% 20px 3%; width: 100%; background-color: #fff; letter-spacing: -0.5px;}

/* login.html */
.login_tit{text-align:center; margin:25px 4% 20px;}
.login_tit .txt1{font-size:25px; font-weight:700; letter-spacing:-1px; margin-bottom:15px; line-height:1.4;}
.login_tit .txt1 span{color:#00bfef;}
.login_tit .txt2{font-size:13px; font-weight:300; letter-spacing:-0.5px; line-height:1.3; margin:-3px 0 3px; word-break:keep-all;}
.login_title{font-size:25px; font-weight:400; color:#231f20; text-align:center; padding-bottom:10px; position:relative;}
.login_title::after{content:""; width:40px; height:2px; display:inline-block; background-color:#92d6e0; position:absolute; bottom:0; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%);}
.login_title_text{font-size:14px; font-weight:400; color:#666; line-height:21px; text-align:center;}

.login_box{width:100%; overflow:hidden; background-color:#fafafa;}
.login{padding: 20px 5%; overflow: hidden; background-color:#fafafa;}
.login .inp_login{float:left; width:calc(100% - 95px);}
.login .inp_login p:nth-child(n+2){margin-top:8px;}
.login .inp_login input{height:38px; border:1px solid #d8d8d8; width:100%; font-size:13.5px; padding:5px 10px; box-sizing:border-box; border-radius: 3px;}
.login .btn_login{float:right;}
.login .btn_login a{display:inline-block; width:85px; height:84px; text-align:center; line-height:84px; background-color:#59636c; font-size:15px; font-weight:700; letter-spacing:-1px; color:#fff; border:1px solid #59636c; box-sizing:border-box; border-radius: 3px;}
.login .btn_login.find a{display: inline-block; width: 85px; height: 84px; text-align: center; line-height: 84px; background-color: #797979; border-radius: 3px; font-size: 15px; font-weight: 400; letter-spacing: -1px; color: #fff; border: 1px solid #; box-sizing: border-box;}
.box_top_bottom{display:inline-block;margin:0 auto; width:100%; padding:8px 5% 20px 5%;}
/* .box_top_bottom img{min-height:46px;} */

.box_bottom{margin-top:15px; overflow:hidden; text-align:center; clear:both; margin-bottom:40px;}
.box_bottom a{font-size:13px; font-weight:400; color:#666;}
.box_bottom span{font-size:10px; color:#bdbdbd; padding:0 10px; vertical-align:2px;}

.join_success{padding:50px 4%; font-size:17px; font-weight:400; line-height:1.4; text-align:center; letter-spacing:-1px; border: 1px solid #c6c6c6; background-color:#f4f4f4;}

/* find_box */
.find_box{width:100%;}
.find_box dt{padding:0 3% 5px; font-size:16px; font-weight:700; letter-spacing:-1px;}

/* join.html */
/* .sub_title2{width:100%; box-sizing:border-box; padding:30px 0 24px 0; text-align:center;}
.sub_title2 h2{font-size:28px; font-weight:600; letter-spacing:-0.5px; color:#312f2f; line-height:1.17;}
.sub_title2 h2 span{font-weight:600; letter-spacing:-0.5px; color:#363a4a;}
.sub_title2 p{font-size:15px; font-weight:400; letter-spacing:-0.5px; margin-top:5px; line-height:1.3;} */

.join_tab_type{margin:0 4%; width:92%; overflow:hidden; margin-bottom:20px;}
.join_tab_type li{display:inline-block; width:100%; border:1px solid #e0e0e0; box-sizing:border-box; background-color:#363a4a; text-align:center; line-height:35px; font-size:14px; font-weight:400; color:#fff; letter-spacing:-1px;}
.join_tab_type3{margin:0 4%; width:92%; overflow:hidden; margin-bottom:20px;}
.join_tab_type3 li{float:left; display:inline-block; width:33.33%; border:1px solid #e0e0e0; box-sizing:border-box; background-color:#fff; text-align:center; line-height:35px; font-size:14px; font-weight:400; color:#464646; letter-spacing:-1px;}
.join_tab_type3 li+li{border-left:none;}
.join_tab_type3 li.on{background-color:#363a4a; color:#fff;}

.join_box{border-top: 5px solid #e7e7e9; border-bottom: 5px solid #e7e7e9;}
.join_box label{font-size:13px; padding-right:5px; letter-spacing:-1px; vertical-align:-2px;}
.join_box dl{margin-top:10px;}
.join_box dl dt{font-size:16px; font-weight:700; letter-spacing:-1px; padding:5px 4%;}
.join_box dl dd{background-color:#f2f2f4; padding:8px 4%;}
.join_box dl dd .agree_box{padding:8px; height:100px; background-color:#fff; color:#666; line-height:1.3; font-weight:400; font-size:12.5px; border:1px solid #c9c9c9; margin-bottom:3px; overflow-y:scroll; word-break:keep-all;}

.join_box .input_box{padding:10px 4%;}
.join_box .input_box p{margin:8px 0; font-size:14px; font-weight:400;}
.join_box .input_box p span{display:inline-block;}
.join_box .input_box textarea{padding:10px; width:100%; height:100px; font-size:13.5px; box-sizing:border-box; border:1px solid #d8d8d8;}
.box_agree_check{padding:8px 3%; font-size:15px; color:#363a4a;}
.box_agree_check label{font:inherit;}

/* SEARCH BOX */
.search_box {overflow:hidden; width:100%; /* background-color:#fafafa; */ padding:8px 0px;}
.form_search {margin:0 4%;}
.search_box .opt_search {float:left; height:31px; width:25%; padding:5px; border:1px solid #d8d8d8; box-sizing:border-box; font-size:13px;}
.search_box .inp_search {float:left; height:28px; border:1px solid #d8d8d8; width:30%; margin-left:1%; padding:5px 10px; box-sizing:border-box;}
.search_box .inp_search2 {float:left; height:31px; border:1px solid #d8d8d8; width:53%; margin-left:1%; padding:5px 10px; box-sizing:border-box;}
.search_box .ico_search {float:left; margin-left:1%; width:50%; border:1px solid #d8d8d8; height:31px;}
.search_box .ico_search input{border:none; width:80%; margin:0;}
.search_box .ico_search img {margin:7.5px 8px 7.5px 4px; width:20%; max-width:16px; float:right;}
.search_box .ico_write {float:right;}
.search_box .ico_write a{display:inline-block; width:55px; height:31px; text-align:center; line-height:31px; background-color:#59636c; color:#fff; font-size:13px; letter-spacing:-1px;}

/* tbl_list */
.tbl_list{border-top:5px solid #e7e7e9; border-bottom:5px solid #e7e7e9;}
.tbl_list ul{border-top:1px solid #dbdbdb;}
.tbl_list ul li{padding:12px 3%; box-sizing:border-box; border-bottom:1px solid #dbdbdb; overflow:hidden; position:relative;}
.tbl_list ul li .list_tit{font-size:16px; font-weight:400; letter-spacing:-1px; line-height:1.3; white-space:normal; max-height:41.6px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.tbl_list ul li .list_tit a{font-weight:300;}
.tbl_list ul li .list_tit span{color:#323232; margin-right:7px; font-size:15px; line-height:20.8px;}
.tbl_list ul li .list_tit span.category{font-weight:600;}
.tbl_list ul li .list_tit span.notice_number{font-weight:600;}
.tbl_list ul li .list_date{margin-top:3px; font-size:12px; color:#777;}
.tbl_list ul li .list_date span{font-size:10px; color:#dbdbdb; padding:0 5px; vertical-align:top;}
.tbl_list ul li .txt{float:left; width:80%;}
.tbl_list ul li .ans{display:inline-block; position:absolute; top:50%; transform:translateY(-50%); right:3%;}
.tbl_list ul li .ans span{display:inline-block; width:45px; height:45px; border-radius:50%; box-sizing:border-box; border:2px solid #d1d1d1; text-align:center; line-height:45px; letter-spacing:-1px; font-size:11px; color:#d1d1d1;}
.tbl_list ul li .ans span.ok{color:#d60b52; border-color:#d60b52; background-color:#ffe9f1;}
.tbl_list ul li.important_notice{background-color:#fcfcfc;}
.tbl_list ul li.important_notice span.notice_head{display:inline-block; padding:0 5px; background-color:#363a4a; color:#fff; line-height:20.8px; border-radius:2.5px; font-weight:600; font-size:15px;}

/* photo_list */
.photo_list{border-top:5px solid #e7e7e9; border-bottom:5px solid #e7e7e9;}
.photo_list ul{border-top:1px solid #dbdbdb;}
.photo_list ul li{padding:12px 4%; box-sizing:border-box; border-bottom:1px solid #dbdbdb; overflow:hidden;}
.photo_list ul li .thumb{float:left; width:38%; margin-right:4%; border:1px solid #dfdfdf; overflow:hidden; box-sizing:border-box; position:relative; overflow:hidden; padding-top:54%; background-color:#444;}
.photo_list ul li .thumb img{width:100%; height:50%; position:absolute; top:0; left:0;}
.photo_list ul li .thumb img:nth-child(2){top:auto; bottom:0;}
.photo_list ul li .thumb span{display:inline-block; width:25px; height:25px; border-radius:50%; font-size:14px; font-weight:600; color:#fff; background-color:#d60b52; position:absolute; top:50%; margin-top:-12.5px; left:50%; margin-left:-12.5px; transform:rotate(90deg); line-height:25px; text-align:center;}
.photo_list ul li .txt_box{float:left; width:58%;}
.photo_list ul li .txt_box .list_tit{margin-top:2px; font-size:16px; font-weight:700; letter-spacing:-1px; line-height:1.3;}
.photo_list ul li .txt_box .list_tit span{font-size:13px; color:#d60b52; font-weight:700; margin-right:3px; vertical-align:1px; /*border:1px solid #d60b52; padding:0px 5px 1px; border-radius:2px;*/}
.photo_list ul li .txt_box .list_txt{font-size:13.5px; font-weight:400; color:#666; letter-spacing:-1px; line-height:1.3; margin-top:7px;}
.photo_list ul li .txt_box .list_date{margin-top:3px; font-size:12px; color:#777;}
.photo_list ul li .txt_box .list_date span{font-size:10px; color:#dbdbdb; padding:0 5px; vertical-align:top;}

.photo_list2{border-top:5px solid #e7e7e9; border-bottom:5px solid #e7e7e9;}
.photo_list2 ul{border-top:1px solid #dbdbdb;}
.photo_list2 ul li{padding:12px 4%; box-sizing:border-box; border-bottom:1px solid #dbdbdb; overflow:hidden;}
.photo_list2 ul li .thumb{float:left; width:38%; margin-right:4%; border:1px solid #dfdfdf; overflow:hidden; box-sizing:border-box; position:relative; overflow:hidden; padding-top:54%; background-color:#444;}
.photo_list2 ul li .thumb img{width:100%; height:auto; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.photo_list2 ul li .txt_box{float:left; width:58%;}
.photo_list2 ul li .txt_box .list_tit{margin-top:2px; font-size:16px; font-weight:700; letter-spacing:-1px; line-height:1.3;}
.photo_list2 ul li .txt_box .list_tit span{font-size:13px; color:#d60b52; font-weight:700; margin-right:3px; vertical-align:1px; /*border:1px solid #016eb3; padding:0px 5px 1px; border-radius:2px;*/}
.photo_list2 ul li .txt_box .list_txt{font-size:13.5px; font-weight:400; color:#666; letter-spacing:-1px; line-height:1.3; margin-top:7px;}
.photo_list2 ul li .txt_box .list_date{margin-top:3px; font-size:12px; color:#777;}
.photo_list2 ul li .txt_box .list_date span{font-size:10px; color:#dbdbdb; padding:0 5px; vertical-align:top;}

.photo_list1{border-top:5px solid #e7e7e9; border-bottom:5px solid #e7e7e9;}
.photo_list1 ul{border-top:1px solid #dbdbdb;}
.photo_list1 ul li{padding:12px 4%; box-sizing:border-box; border-bottom:1px solid #dbdbdb; overflow:hidden;}
.photo_list1 ul li .thumb{width:100%; margin-right:4%; border:1px solid #dfdfdf; overflow:hidden; box-sizing:border-box; position:relative; z-index:1;}
.photo_list1 ul li .thumb img{width:33.33%; float:left;}
.photo_list1 ul li .thumb .case_cover{position:absolute; width:33.33%; height:100%; box-sizing:border-box; z-index:5; display:inline-block;}
.photo_list1 ul li .thumb .case_cover img{width:100%; height:100%; float:none;}
.photo_list1 ul li .txt_box{width:100%;}
.photo_list1 ul li .txt_box .list_tit{margin-top:5px; font-size:16px; font-weight:700; letter-spacing:-1px; line-height:1.3;}
.photo_list1 ul li .txt_box .list_tit span{font-size:13px; color:#016eb3; font-weight:700; margin-right:3px; vertical-align:1px; /*border:1px solid #016eb3; padding:0px 5px 1px; border-radius:2px;*/}
.photo_list1 ul li .txt_box .list_txt{font-size:13.5px; font-weight:400; color:#666; letter-spacing:-1px; line-height:1.3; margin-top:3px;}
.photo_list1 ul li .txt_box .list_date{margin-top:3px; font-size:12px; color:#777;}
.photo_list1 ul li .txt_box .list_date span{font-size:10px; color:#dbdbdb; padding:0 5px; vertical-align:top;}

.tab_type3{overflow:hidden; position:relative; padding-left:1px; margin:30px 0 10px 0;}
.tab_type3 li{width:33.33%; height:40px; font-size:17px; text-align:center; line-height:40px; float:left; font-weight:300; color:#666; margin-left:-1px; cursor:pointer; border:1px solid #c6c6c6; border-bottom:1px solid #000; box-sizing:border-box;}
.tab_type3 li.on{position:absolute; z-index:10; border:1px solid #000; border-bottom:0; background-color:#fff; color:#333; font-weight:600; position:relative; z-index:1;}
.tab_type3 li a{display:inline-block; width:100%; height:100%; font-size:15px; text-align:center; font-weight:300; color:#666;}
.tab_type3 li.on a{color:#333; font-weight:600;}

.tab_type4{overflow:hidden; position:relative; padding-left:1px; margin:30px 0 10px 0;}
.tab_type4 li{width:25%; height:40px; font-size:17px; text-align:center; line-height:40px; float:left; font-weight:300; color:#666; margin-left:-1px; cursor:pointer; border:1px solid #c6c6c6; border-bottom:1px solid #000; box-sizing:border-box;}
.tab_type4 li.on{position:absolute; z-index:10; border:1px solid #000; border-bottom:0; background-color:#fff; color:#333; font-weight:600; position:relative; z-index:1;}
.tab_type4 li a{display:inline-block; width:100%; height:100%; font-size:15px; text-align:center; font-weight:300; color:#666;}
.tab_type4 li.on a{color:#333; font-weight:600;}

/* view */
.view{width:100%;}
.view h1{font-size:20px; font-weight:600; color:#fff; letter-spacing:-1px; background-color:#d60b52; overflow:hidden; padding:10px 4%;}
.view h1 a{float:right;}
.view h1 a img{height:20px;}
.view dl{width:100%;}
.view dl dt{padding:10px 4%; border-bottom:5px solid #e7e7e9; font-size:16px; font-weight:700; letter-spacing:-1px;}
.view dl dd{padding:15px 4%; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; font-size:13.5px; letter-spacing:-0.5px; line-height:1.3;}
.view dl dd iframe{width:100%;}
.view dl dd img{display:block;}

.tit_view {border-bottom:1px solid #dbdbdb; margin-top:20px;}
.tit_view p {border-bottom:5px solid #e7e7e9; padding:12px 4% 5px; font-size:13px; font-weight:700}
.txt_view {border-bottom:1px solid #dbdbdb}
.txt_view_area{padding:12px 4%; font-size:13.5px; line-height:1.4;}
.txt_view_area textarea{padding:10px; width:100%; font-size:13.5px; box-sizing:border-box; border:1px solid #d8d8d8;}

/* write */
.reserve_comment{width:100%; display:block; box-sizing:border-box; padding:25px 3%; background-color:#f6f3ed; text-align:left; font-size:15px; font-weight:400; margin-bottom:20px;}
.reserve_comment .rc_tit{font-size:20px; font-weight:700; letter-spacing:-0.5px; color:#363a4a; margin-bottom:7.5px;}
.reserve_comment .rc_txt1{font-weight:400; margin-bottom:4px; word-break:keep-all;}
.reserve_comment .rc_txt1 span{color:#cc4f31; font-weight:600; word-break:keep-all;}
.reserve_comment .rc_txt2{font-size:14px; margin-bottom:7.5px; word-break:keep-all;}
.reserve_comment .rc_txt2 span{color:#cc4f31; font-weight:700; word-break:keep-all;}
.reserve_comment .rc_txt3{font-size:14px; font-weight:700; word-break:keep-all;}
.reserve_comment .rc_txt3 a.rc_btn{display:inline-block; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff; background-color:#363a4a; padding:5px 10px; margin-top:10px;}
.reserve_comment .rc_txt3 a.rc_btn img{padding-top:3.5px; margin-left:10px;}
.reserve_time{width:100%; height:auto; box-sizing:border-box; font-size:13px; font-weight:400; line-height:38px;}
.reserve_time label{height:38px; vertical-align:middle;}
.reserve_time select{vertical-align:middle;}

.tab_type2{margin:0 4%; width:92%; overflow:hidden; margin-bottom:10px;}
.tab_type2 li{float:left; width:50%; border:1px solid #e0e0e0; box-sizing:border-box; background-color:#fff;}
.tab_type2 li+li{border-left:none;}
.tab_type2 li a{display:inline-block; width:100%; height:100%; text-align:center; line-height:35px; font-size:15px; font-weight:400; color:#464646; letter-spacing:-1px;}
.tab_type2 li.on{background-color:#363a4a;}
.tab_type2 li.on a{color:#fff;}
#tab_2{display:none;}
.write{width:100%;}
.write h1{font-size:17px; font-weight:700; color:#fff; letter-spacing:-1px; background-color:#d60b52; overflow:hidden; padding:12px 4%;}
.write h1 a{float:right;}
.write h1 a img{height:19px;}
.write .write_box{width:100%; border-bottom:1px solid #dbdbdb;}
.write .write_box .field{padding:10px 4%; border-bottom:1px solid #dbdbdb;}
.write .write_box .field label{font-size:13.5px; padding-right:5px; letter-spacing:-1px;}
.write .write_box .input_box{padding:10px 4%;}
.write .write_box .input_box p{margin:8px 0;}
.write .write_box .input_box textarea{padding:10px; width:100%; height:100px; font-size:13.5px; box-sizing:border-box; border:1px solid #d8d8d8;}
.write .privacy_view{overflow:hidden; padding:10px 4%; background-color:#f3f8fc;}
.write .privacy_view label{padding-left:3px; font-size:13.5px; color:#666; letter-spacing:-1px; vertical-align:-2px;}
.write .privacy_view a{float:right; display:inline-block; padding:3px 7px; color:#fff; background-color:#a8a8a8; font-size:13px; letter-spacing:-1px; border-radius:3px;}

input::-webkit-input-placeholder{text-align:center;}
input::-moz-input-placeholder{text-align:center;}
input::-ms-input-placeholder{text-align:center;}
select{background-color:#fff;}