@charset "utf-8";
/* background-img */
.bgimg1{background:url("../img/sub2/con1_13.png") no-repeat right bottom; background-size:100.5px 70px;}
.bgimg14{background:url("../img/sub1/con4_2.jpg") no-repeat; background-position:center bottom; background-size:contain;}

/* 기본 박스 사이즈 */
#container{width:100%; height:auto;}
.con_box1{width:93.3334%; margin:0 auto; position:relative; box-sizing:border-box; z-index:1;}
.con_box2{width:100%; position:relative; box-sizing:border-box;}
.con_box3{width:75.428%; margin:0 auto; position:relative; box-sizing:border-box; z-index:1;}

/*서브페이지 상단 네비게이션*/
.location{position:relative;}
.location_area{overflow:hidden;}
.location dl{width:50%; float:left;}
.location .depth1 dt{background-color:#2cada6;}
.location .depth2 dt{background-color:#bcbcbc;}
.location .depth2 dd ul{border-left:1px solid #e1e1e1;}
.location dt ul{overflow:hidden; padding:10px 5px;}
.location dt ul li{width:100%; height:auto; text-align:center; font-size:1.076em; font-weight:500; letter-spacing:-1.3px; color:#000000; line-height:20px;}
.location dt ul li img{display:inline-block; vertical-align:top; margin-left:5px; width:11.5px; height:5.5px; margin-top:7.25px;}
/* .location dt ul li a{font-size:14px; font-weight:600; letter-spacing:-0.1px; color:#79d012;} */
.location dd{position:absolute; background: rgba(252, 251, 251, 0.97); width:50%; overflow:hidden; display:none; z-index:20;}
.location dd ul{border:1px solid #e1e1e1;}
.location dd ul li{border-bottom:1px solid #fcfbfb;}
.location dd ul li a{display:inline-block; width:100%; font-size:13.5px; font-weight:400; letter-spacing:-0.5px; color:#333; padding:8px 5px; box-sizing:border-box;}
.location dd ul li.on a{font-weight:700; color:#179992;}

/* 폰트사이즈 기본 26 -> 15 */
#visual{width:100%; height:auto; position:relative; margin-bottom:60px;}

.sub_title1{width:100%; height:auto; box-sizing:border-box; text-align:center; margin-bottom:10px; padding-left:3.33%; padding-right:3.33%; word-break:keep-all;}
.sub_title1 .number_title{font-family: 'Roboto'; font-size:0.576em; font-weight:400; letter-spacing:-0.5px; color:#dbd9d9; line-height:1; margin-bottom:10px; text-transform:uppercase;}
.sub_title1 .number_title .number{display:inline-block; vertical-align:top; font-size:6.288em; font-weight:700; letter-spacing:-0.9px; color:#179992; line-height:1;}
.sub_title1 .number_title2{font-size:1em; font-weight:500; letter-spacing:0.035em; line-height:1; color:#999999; text-align:center; text-transform:uppercase;}
.sub_title1 .number_title2 .number{display:inline-block; vertical-align:top; margin-bottom:10px;}
.sub_title1 .number_title2 .line{width:17px; height:1px; background-color:#a7a7a7; margin:12.5px auto;}
.sub_title1 h2{font-size:1.769em; font-weight:400; letter-spacing:-1.5px; color:#000000; line-height:1.152;}
.sub_title1 h2.type2{font-size:2.2em; line-height:1.295;}
.sub_title1 h2.type3{font-size:2.1em; line-height:1.19;}
.sub_title1 h2 strong{font-weight:700;}
.sub_title1 h2 .ud_line{display:inline-block; vertical-align:top; border-bottom:1px solid #000000; padding-bottom:2px;}
.sub_title1 .engText{display:block; font-size:0.75em; font-weight:400; letter-spacing:0.015em; line-height:1; color:#999; opacity:0.6; text-transform:uppercase; margin-bottom:10px;}
.sub_title1 .inline{display:inline-block; vertical-align:top;}
.sub_title1 .line1{width:41px; height:1px; background-color:#bdbdbd; margin:15px auto;}
.sub_title1 .board_sub_title{text-align:center; font-size:1. font-weight:500; letter-spacing:-0.065em; line-height:1.3; color:#000000; margin-top:15px;}
.sub_title1 .board_sub_title .board_sub_text{line-height:1.6; color:#333333; margin-top:5px;}
.sub_title1 .board_sub_title .title_link{display:inline-block; vertical-align:top; font-size:1em; font-weight:500; line-height:35px; box-sizing:border-box; padding:0 15px; background-color:#20b220; color:#ffffff; border-radius:17.5px; letter-spacing:-0.5px; margin-top:10px;}

.text1{font-weight:400; letter-spacing:-0.07em; line-height:1.46; text-align:center; color:#000000; padding-left:3.33%; padding-right:3.33%; word-break:keep-all;}
.text1 .inline{display:inline-block; vertical-align:top;}
.text2{font-weight:500; letter-spacing:-0.065em; line-height:1.322; text-align:center; padding-left:3.33%; padding-right:3.33%; word-break:keep-all;}
.text2 strong{font-weight:700; color:#14a39b;}
.text2 span.smallType{display:inline-block; letter-spacing:-0.065em; line-height:1.59; color:#000;}
.text3{font-weight:500; letter-spacing:-0.06em; line-height:1.4; text-align:center; padding-left:3.33%; padding-right:3.33%; word-break:keep-all;}

.img_box{width:100%; height:auto; box-sizing:border-box; position:relative;}
.img_box.b_line{width:100%; border-bottom:1px solid #e5e5e5; padding-bottom:17px; font-size:0;}
.img_box.inline{overflow:hidden; text-align:center;}
.img_box.inline img{display:inline-block; vertical-align:top;}
.img_box .inline_box{display:inline-block; vertical-align:top; box-sizing:border-box;}
.img_box .ab_box{position:absolute;}
.img_box .dot_list .list_item{width:100%; height:auto; overflow:hidden; font-size:1.05em; font-weight:500; line-height:1.476; text-align:left; letter-spacing:-1.5px; margin-bottom:3px;}
.img_box .dot_list .list_item:last-child{margin-bottom:0;}
.img_box .dot_list .list_item .dot{display:inline-block; vertical-align:top; float:left; width:10px; height:auto;}
.img_box .dot_list .list_item .text{display:inline-block; vertical-align:top; float:left; width:calc(100% - 10px); height:auto;}
.img_box .dot_list .list_item .text strong{color:#179992; font-weight:700;}
.img_video_box{width:100%; height:auto; box-sizing:border-box; overflow:hidden;}
.img_video_box .thumb{width:100%; height:auto; margin-bottom:5px;}
.img_video_box .video{width:100%; height:auto;}
.img_video_box .video video{display:block; width:100%; height:auto;}
.img_video_box .video .caption{display:block; width:100%; font-size:0.928em; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#696969; text-align:center; background-color:#e0e0e0; padding:10px 0;}


/* 원장소개 */
.circle_title{width:100%; height:auto; box-sizing:border-box; padding:0 3.3333%; font-weight:400; letter-spacing:-0.07em; line-height:21px; text-align:left;}
.circle_title .circle{display:inline-block; vertical-align:top; width:8px; height:8px; border-radius:4px; background-color:#179992; margin:6.5px 4px 6.5px 0;}
.circle_title strong{font-weight:500;}
.thesis_box{width:100%; height:auto; box-sizing:border-box; position:relative; margin-bottom:12px;}
.profile_box{width:100%; height:auto; background-color:#f9f9f9;}
.profile_box img{width:100%; height:aUto;}
.profile_box .profile{width:100%; height:auto; box-sizing:border-box; padding:15px 3%; text-align:left;}
.profile_box .profile .title{font-size:1.384em; font-weight:500; letter-spacing:-0.055em; line-height:22px;}
.profile_box .profile .line{width:25px; height:1px; background-color:#000000; margin:8.5px 0 9.5px 0;}
.profile_box .profile ul{width:100%; height:auto; box-sizing:border-box;}
.profile_box .profile li{width:100%; height:auto; box-sizing:border-box; overflow:hidden; font-size:1em; font-weight:400; letter-spacing:-1.25px; line-height:1.3; margin-bottom:5px;}
.profile_box .profile li:last-child{margin-bottom:0;}
.profile_box .profile li .dot{display:inline-block; vertical-align:top; float:left; width:10px; height:auto;}
.profile_box .profile li .text{display:inline-block; vertical-align:top; float:left; width:calc(100% - 10px); height:auto; word-break:keep-all;}

/* 진료시간 오시는 길 */
.sub_time_box{width:93.3334%; height:auto; box-sizing:border-box; margin:0 auto; box-shadow:0px 0px 5px rgba(0,0,0,0.46); padding:12.5px 0 12.5px 20px; overflow:hidden; border-radius:15px;}
.sub_time_box img{display:inline-block; vertical-align:top; float:left; margin-right:15px; width:36.5px; height:59px;}
.sub_time_box .time{display:inline-block; vertical-align:top; float:left; width:calc(100% - 51.5px); height:auto; box-sizing:border-box; padding-left:15px; border-left:1px solid #d6d6d6; overflow:hidden; text-align:left;}
.sub_time_box .time .time_list{display:inline-block; vertical-align:top; float:left;}
.sub_time_box .time .time_list .list_item{font-size:1em; font-weight:500; letter-spacing:-1px; line-height:18px; margin-bottom:5px; color:#333333;}
.sub_time_box .time .time_list .list_item:last-child{margin-bottom:0;}
.sub_time_box .time .time_list .list_item .day{display:inline-block; vertical-align:top; width:55px;}
.sub_time_box .time .time_list .list_item .night{display:inline-block; vertical-align:top; font-size:0.769em; font-weight:700; letter-spacing:-0.5px; color:#ffffff; padding:0 3px; background-color:#e30613; border-radius:3px; margin-left:5px;}
.sub_time_box .time .time_list .list_item .evening{display:inline-block; vertical-align:top; font-size:0.769em; font-weight:700; letter-spacing:-0.5px; color:#ffffff; padding:0 3px; background-color:#339999; border-radius:3px; margin-left:5px;}
.map_box{width:93.3334%; height:auto; margin:0 auto; padding-top:20px;}
.map_box .map{width:100%; height:auto;}
.map_box .map_tab{width:100%; height:35px; margin-top:1px; overflow:hidden;}
.map_box .map_tab a{display:inline-block; vertical-align:top; float:left; margin-left:1px; width:calc(33.3333% - 0.6666px); height:35px; text-align:center; background-color:#aaaaaa; font-weight:500; letter-spacing:-1px; color:#ffffff; line-height:35px;}
.map_box .map_tab a:first-child{background-color:#179992; margin-left:0;}
.subway_box{width:93.3334%; height:auto; box-sizing:border-box; margin:0 auto; text-align:left; word-break:keep-all;}
.subway_box .title{font-weight:700; letter-spacing:-1px; line-height:20px; color:#000000; margin-bottom:5px;}
.subway_box .title img{display:inline-block; vertical-align:top; margin-right:5px; width:auto; height:20px;}
.subway_box .subway{width:100%; height:auto; box-sizing:border-box; position:relative; z-index:1; min-height:70px;}
.subway_box .subway .station{width:100%; height:auto; font-weight:700; padding-left:40px; letter-spacing:-1px; line-height:20px; padding-bottom:4px; color:#000000; border-bottom:1px solid #e9e9e9; margin-bottom:5px; padding-top:5px;}
.subway_box .subway .info{width:100%; height:auto; box-sizing:border-box; padding-left:40px; font-size:0.9em; font-weight:500; letter-spacing:-1px; line-height:1.333; color:#000000;}
.subway_box .subway .info img{display:block; margin-top:12.5px;}
.subway_box .subway .sub_num{display:inline-block; width:25px; height:25px; border-radius:12.5px; text-align:center; font-size:1em; font-weight:500; color:#ffffff; line-height:25px; position:absolute; top:17.5px; left:0; z-index:2;}
.subway_box .subway .sub_name{display:inline-block; width:96px; height:96px; border-radius:48px; box-sizing:border-box; text-align:center; background-color:#ffffff; border:6px solid #000000; padding-top:19px; font-size:0.9em; font-weight:500; letter-spacing:-0.055em; line-height:22px; position:absolute; top:0; right:40px;}
.subway_box .subway .sub_name strong{font-weight:700;}
.subway_box .type9 .type_color{color:#996633;}
.subway_box .type9 .type_circle1{background-color:#996633;}
.subway_box .type9 .sub_name{border-color:#996633;}
.subway_box .type_sin .type_color{color:#cc0000;}
.subway_box .type_sin .type_circle1{background-color:#cc0000;}
.subway_box .type_sin .sub_name{border-color:#cc0000; padding-top:0; line-height:84px;}
.subway_box .type2 .type_color{color:#009933;}
.subway_box .type2 .type_circle1{background-color:#009933;}
.subway_box .type2 .sub_name{border-color:#009933;}
.subway_box .type7 .type_color{color:#666600;}
.subway_box .type7 .type_circle1{background-color:#666600;}
.subway_box .type7 .sub_name{border-color:#666600;}
.bus_box{width:93.3334%; height:auto; box-sizing:border-box; text-align:left; word-break:keep-all; margin:0 auto;}
.bus_box .title{font-weight:700; letter-spacing:-1px; line-height:20px; color:#000000; margin-bottom:5px;}
.bus_box .title img{display:inline-block; vertical-align:top; margin-right:5px; width:auto; height:20px;}
.bus_box .bus{width:100%; height:auto; box-sizing:border-box; margin-bottom:35px; font-size:0;}
.bus_box .bus .station{display:block; vertical-align:top; width:65%; height:auto; background-color:#ffffff; text-align:center; border-radius:15px; font-weight:500; letter-spacing:-1px; line-height:20px; color:#000000; box-sizing:border-box; padding:5px 10px;}
.bus_box .bus .bus_num_box{width:100%; height:auto; padding-top:10px;}
.bus_box .bus .bus_num_box ul{width:100%; height:auto; box-sizing:border-box;}
.bus_box .bus .bus_num_box li{font-size:0.95em; font-weight:500; letter-spacing:-1px; line-height:20px; color:#676767; margin-bottom:10px; overflow:hidden;}
.bus_box .bus .bus_num_box ul li:last-child{margin-bottom:0;}
.bus_box .bus .bus_num_box li span{display:inline-block; vertical-align:top; float:left; font-size:0.947em; font-weight:500; color:#ffffff; width:15%; border-radius:12.5px; text-align:center; margin-right:5px;}
.bus_box .bus .bus_num_box li div{display:inline-block; vertical-align:top; float:left; width:calc(85% - 5px); height:auto; line-height:20px; letter-spacing:-0.5px;}
.bus_box .bus .bus_num_box li .bus_type1{background-color:#009640;}
.bus_box .bus .bus_num_box li .bus_type2{background-color:#e30613;}
.bus_box .bus .bus_num_box li .bus_type3{background-color:#312783;}

/* 치료불가 사랑니발치 */
.semicircle_title_box{width:100%; height:auto; box-sizing:border-box; position:relative; text-align:center;}
.semicircle_title_box .semicircle{width:100%; height:auto;}
.semicircle_title_box .title_box{width:100%; height:auto; box-sizing:border-box; position:absolute; bottom:10px; left:0;}
.semicircle_title_box h3{font-weight:500; letter-spacing:-1.75px; line-height:1.238; color:#000000; margin-bottom:5px;}
.semicircle_title_box h3 strong{font-weight:700;}

/* 인접치아 통합치료 */
.img_list_box{width:100%; height:auto; box-sizing:border-box; text-align:center; font-size:0;}
.img_list_box .title_box{width:92%; height:auto; box-sizing:border-box; position:relative; margin:0 4% 20px 4%;}
.img_list_box .title_box .line{width:100%; height:1px; position:absolute; top:50%; margin-top:-0.5px; left:0; background-color:#179992; z-index:1;}
.img_list_box .title_box .title{display:inline-block; vertical-align:top; font-weight:500; letter-spacing:-0.065em; line-height:1; color:#179992; position:relative; z-index:2; background-color:#ffffff; padding:0 14px;}
.img_list_box .title_box .title .left{display:inline-block; width:1px; height:11px; position:absolute; top:50%; margin-top:-5.5px; left:0; background-color:#179992;}
.img_list_box .title_box .title .right{display:inline-block; width:1px; height:11px; position:absolute; top:50%; margin-top:-5.5px; right:0; background-color:#179992;}
.img_list_box img{display:block; margin-top:9px;}

/* 자가골뼈이식 임플란트 */
.line_title_box{width:100%; height:auto; box-sizing:border-box; margin:0 auto; font-size:1.769em; font-weight:700; letter-spacing:-1.5px; color:#000000; line-height:1; text-align:center;}
.line_title_box .line_title{width:100%; height:auto; box-sizing:border-box; position:relative; text-align:center; margin-bottom:5px;}
.line_title_box .line_title .line{width:100%; height:1px; background-color:#179992; position:absolute; top:50%; margin-top:-0.5px; left:0; z-index:1;}
.line_title_box .line_title span{display:inline-block; vertical-align:top; font-size:1em; font-weight:500; letter-spacing:-1.5px; color:#009999; line-height:1; box-sizing:border-box; padding:0 10px; background-color:#ffffff; position:relative; z-index:2;}
.around_color_list{width:100%; height:auto; box-sizing:border-box; margin:0 auto; text-align:center;}
.around_color_list .list_item{width:100%; height:auto; box-sizing:border-box; font-size:0.95em; font-weight:400; letter-spacing:-1.5px; color:#333333; line-height:20px; border-radius:26.5px; margin-bottom:6px; padding:5px; word-break:keep-all;}
.around_color_list .list_item:last-child{margin-bottom:0;}
.around_color_list .odd{background-color:#dcf0ef;}
.around_color_list .even{background-color:#ececec;}

/* 실패임플란트 재수술 */
.around_check_list{width:100%; height:auto; box-sizing:border-box; margin:0 auto;}
.around_check_list .list_item{width:100%; height:auto; box-sizing:border-box; text-align:left; font-size:1em; font-weight:400; letter-spacing:-1.25px; line-height:18px; color:#000000; padding:7.5px 0 7.5px 30px; border-radius:18px; background:#eef2f2 url("../img/sub3/color_check_icon.png") no-repeat 13.5px 6.5px; margin-bottom:8px; background-size:14px 14.5px; word-break:keep-all;}
.around_check_list .list_item:last-child{margin-bottom:0;}

/* 턱관절 통증 맞춤치료 */
.color_table1{width:100%; min-width:100%; max-width:none; table-layout:fixed;}
.color_table1 th{font-size:1.05em; font-weight:500; letter-spacing:-0.1em; line-height:1.38; text-align:center; color:#ffffff; vertical-align:middle; background-color:#5f8a88; border-bottom:1px solid #ffffff;}
.color_table1 td{font-size:0.95em; font-weight:500; letter-spacing:-0.1em; line-height:1.473; text-align:left; padding:10.5px 20px; color:#585858; vertical-align:middle; border:1px solid #75c9c4; border-left-color:#ffffff; border-right:0;}

/* 턱관절 통증 맞춤치료 리뉴얼 */
.color_caption_table{display:table; table-layout:fixed; border-collapse:separate; border-spacing:0;}
.color_caption_table .table_row{display:table-row;}
.color_caption_table .table_cell{display:table-cell; vertical-align:middle;}
.color_caption_table .table_cell + .table_cell{border-left:2px solid #fff;}
.color_caption_table .table_cell .box_title{font-size:1em; font-weight:500; letter-spacing:-0.075em; line-height:1; color:#11a399; position:relative; box-sizing:border-box; padding-left:10px; margin-bottom:10px; text-align:left;}
.color_caption_table .table_cell .box_title::before{content:""; display:block; width:5px; height:5px; border-radius:50%; background:#11a399; position:absolute; top:50%; margin-top:-2.5px; left:0;}
.color_caption_table .table_cell img{display:block; border-bottom:2px solid #fff; box-sizing:content-box;}
.color_caption_table .table_cell img.no_line{border-bottom:0;}
.color_caption_table .table_cell.text_box{background-color:#60807f; text-align:center; font-size:0.928em; font-weight:400; letter-spacing:-0.05em; color:#fff; padding:5px 2.5%; line-height:1.384; word-break:keep-all;}

.top_arrow_area{width:100%; height:auto; box-sizing:border-box; position:relative; z-index:2; margin-top:40px; padding-top:40px; padding-bottom:40px; background-color:#11a399;}
.top_arrow_area::before{content:""; display:block; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:18px solid #11a399; position:absolute; top:-18px; left:50%; margin-left:-9px;}

.case_box{width:100%; height:auto; margin-left:auto; margin-right:auto; text-align:center;}
.case_box + .case_box{margin-top:35px;}
.case_box .case_number{width:100%; height:auto; background:url("../img/sub4/new/center_line1.png") no-repeat center center; background-size:100% 1px; font-size:1.09em; font-weight:500; letter-spacing:-0.035em; line-height:1; color:#fff; margin-bottom:25px;}
.case_box .case_number span{display:inline-block; vertical-align:top; background-color:#11a399;}
.case_box img{display:block; margin:0 auto 10px auto;}
.case_box .text_box{font-size:0.928em; font-weight:400; letter-spacing:-0.05em; color:#fff; line-height:1.384; word-break:keep-all;}

.arrow_text{width:100%; height:auto; box-sizing:border-box; font-size:0.928em; font-weight:500; letter-spacing:-0.07em; line-height:1.5; color:#179992; margin-bottom:17.5px;}

.bottom_section2{width:100%; height:auto; padding-top:50px; padding-bottom:50px;}
.bottom_section2 .title{font-family: "NanumBarunpen"; text-align:center; font-size:1.928em; font-weight:700; letter-spacing:-0.055em; line-height:1.166; color:#fff; margin-bottom:50px;}
.bottom_section2 .title span{display:inline-block; vertical-align:top; color:#11a399; background-color:#fff6ad; padding-left:5px; padding-right:5px;}
.bottom_section2 .line_title{font-size:1.285em; font-weight:400; letter-spacing:-0.075em; line-height:1.27; color:#fff; box-sizing:border-box; margin-bottom:15px; text-align:left; padding-left:20px; position:relative; word-break:keep-all;}
.bottom_section2 .line_title::before{content:""; display:block; width:4px; height:1em; background-color:#11a399; position:absolute; top:0.135em; left:0;}
.bottom_section2 .line_title strong{font-weight:700;}
.bottom_section2 .white_box{width:100%; height:auto; box-sizing:border-box; padding-left:4.285%; padding-right:4.285%; background-color:#fff;}
.bottom_section2 .white_box .box_title{font-size:1.285em; font-weight:700; letter-spacing:-0.075em; line-height:1; color:#000; margin-bottom:25px; text-align:center;}
.bottom_section2 .white_box .box_title span{display:inline-block; vertical-align:top; color:#11a399;}
.bottom_section2 .white_box ul{width:100%; height:auto;}
.bottom_section2 .white_box li{width:100%; height:auto; box-sizing:border-box;}
.bottom_section2 .white_box li + li{margin-top:25px;}
.bottom_section2 .white_box li .check_list_title{width:100%; height:auto; box-sizing:border-box; padding-left:21px; font-size:1.107em; font-weight:500; letter-spacing:-0.075em; line-height:20px; text-align:left; color:#000; background:url("../img/sub2/color_check_icon.png") no-repeat left 1.5px; background-size:17px 17px; margin-bottom:20px; word-break:keep-all;}
.bottom_section2 .white_box li .list_img{width:100%; height:auto; box-sizing:border-box;}
.bottom_section2 .white_box li .list_img img{display:block; margin:0 auto;}
.bottom_section2 .color_caption_table.type2 .table_cell.text_box{background-color:#fff; color:#000;}
.bottom_section2 .color_caption_table.type2 .table_cell img{border-bottom-color:transparent;}
.bottom_section2 .case_box.type2{width:100%;}
.bottom_section2 .case_box.type2 + .case_box.type2{margin-top:35px;}
.bottom_section2 .case_box.type2 .case_number{background:url("../img/sub4/new/center_line2.png") no-repeat center center; background-size:100% 1px; color:#11a399;}
.bottom_section2 .case_box.type2 .text_box{color:#000;}

/* 치아미백 */
.hyphen_list li{overflow:hidden; text-align:left; margin-bottom:10px;}
.hyphen_list li:last-child{margin-bottom:0;}
.hyphen_list li div{display:inline-block; vertical-align:top; float:left; font-size:1.05em; font-weight:400; letter-spacing:-0.065em; line-height:1.3; color:#ffffff;}

/* 잇몸치료 스케일링 */
.bgcolor_box{width:100%; height:auto; box-sizing:border-box; ; background-color:#eaeaea; text-align:center; padding:35px 3.3333% 45px 3.3333%;}
.bgcolor_box img{display:inline-block; vertical-align:top;}
.bgcolor_box .line1{width:28px; height:3px; background-color:#179992; margin:12.5px auto 17px auto;}
.bgcolor_box .line2{width:1px; height:101px; background-color:#999999; margin:15px auto 12.5px auto;}


.bottom_section{width:100%; height:auto; box-sizing:border-box; padding-left:3.33%; padding-right:3.33%;}
.bottom_section .title{font-size:2.07em; font-weight:700; letter-spacing:-1px; line-height:1.115; text-align:center; color:#ffffff; margin-bottom:35px;}
.dot_text{display:inline-block; vertical-align:top; position:relative; color:#0fc3b9;}
.dot_text div{position:absolute; top:-5px; left:0; width:100%; height:4px; text-align:center; font-size:0;}
.dot_text div span{display:inline-block; vertical-align:top; width:4px; height:4px; background-color:#0fc3b9; border-radius:2px; margin-left:28.5%;}
.dot_text div span:first-child{margin-left:0;}
.bottom_section .info_box{width:100%; height:auto; box-sizing:border-box; text-align:left; margin-bottom:32.5px;}
.bottom_section .info_title{font-size:1.32em; font-weight:400; letter-spacing:-1.5px; color:#ffffff; line-height:21px; margin-bottom:12.5px;}
.bottom_section .info_title .line{display:inline-block; vertical-align:top; width:3px; height:21px; background-color:#14a39b; margin-right:8px;}
.bottom_section .info_title span{display:inline-block; vertical-align:top; width:11px;}
.bottom_section .info_title strong{font-weight:700;}
.bottom_section .info_list{width:100%; height:auto; box-sizing:border-box;}
.bottom_section .info_list .list_item{width:100%; height:auto; box-sizing:border-box; overflow:hidden; background-color:#ffffff; margin-bottom:2.5px; position:relative;}
.bottom_section .info_list .list_item:last-child{margin-bottom:0;}
.bottom_section .info_list .list_item .thumb{display:inline-block; vertical-align:top; float:left; width:42.714%; height:auto;}
.bottom_section .info_list .list_item .content_box{display:inline-block; vertical-align:top; float:left; width:57.286%; height:auto; text-align:right; padding:12px 8px;}
.bottom_section .info_list .list_item .ab_box{display:inline-block; position:absolute; box-sizing:border-box;}
.bottom_section .info_list .list_item ul{width:100%; height:auto; box-sizing:border-box;}
.bottom_section .info_list .list_item li{width:100%; height:auto; box-sizing:border-box; padding-left:21px; font-size:1em; font-weight:500; letter-spacing:-1px; line-height:17px; text-align:left; color:#000000; background:url("../img/sub2/color_check_icon.png") no-repeat left top; margin-bottom:7px; background-size:17px 17px; word-break:keep-all;}
.bottom_section .info_list .list_item li:last-child{margin-bottom:0;}
.bottom_section .info_list .list_item.full .thumb{width:100%; float:none;}
.bottom_section .info_list .list_item.full .content_box{width:100%; float:none;}
.bottom_section .info_list .list_item.type2 .thumb{display:inline-block; vertical-align:top; float:left; width:auto;}
.bottom_section .info_list .list_item.type2 .content_box{display:inline-block; vertical-align:top; float:left; width:auto; height:auto; text-align:left;}
.bottom_section .info_list .list_item.type2 .content_box li{letter-spacing:-0.07em;}
a.around_link_box{display:inline-block; vertical-align:top; box-sizing:border-box; padding:5px 9.25px; background-color:#78c0bc; color:#ffffff; font-size:0.9em; font-weight:500; letter-spacing:-0.06em; line-height:17px; border-radius:13.5px; text-align:left; word-break:keep-all;}

/* 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% 50px 3%; word-break:keep-all;}
.privacy_box table{width:100%; table-layout:fixed; margin-top:10px; background-color:#ffffff;}
/* .privacy_box .text table th{background-color:#f5f5f5;} */
.privacy_box table th, .privacy_box table td{padding:10px 0; border:1px solid #e1e1e1; vertical-align:middle; text-align:center; background-color:#ffffff;}
.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;}

.cate_tab{width:100%; height:auto; box-sizing:border-box; font-size:0;}
.cate_tab li{display:inline-block; width:calc(33.3333% - 2px); height:30px; border:1px solid #11c3b9; background-color:#fff; margin-top:2px; margin-right:3px; vertical-align:top;}
.cate_tab li:nth-child(3n){margin-right:0;}
.cate_tab li:nth-child(-n+3){margin-top:0;}
.cate_tab li a{display:block; width:100%; height:100%; text-align:center; line-height:28px; color:#11c3b9; font-size:12.5px; font-weight:600; letter-spacing:-1px;}
.cate_tab li.on{background-color:#11c3b9;}
.cate_tab li.on a{color:#ffffff;}

.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; letter-spacing:-1.5px; color:#666; line-height:21px; text-align:center; padding:20px 5% 35px 5%; word-break:keep-all;}

.login_box{width:100%; overflow:hidden; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-bottom:40px; padding-bottom:20px;}
.login{padding: 20px 5% 10px 5%; overflow:hidden;}
.login .inp_login{width:100%;}
.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{width:100%; margin-top:10px;}
.login .btn_login a{display:block; width:100%; height:40px; text-align:center; line-height:40px; background-color:#179992; font-size:15px; font-weight:700; letter-spacing:-1px; color:#fff; border:1px solid #179992; box-sizing:border-box;}
.login .btn_login.find a{display: inline-block; width: 85px; height: 84px; text-align: center; line-height: 84px; background-color: #c83186; border-radius: 3px; font-size: 15px; font-weight: 400; letter-spacing: -1px; color: #fff; border: 1px solid #; box-sizing: border-box;}

.sns_login_box{display:block; width:100%; height:auto; box-sizing:border-box; overflow:hidden; padding:0 5% 20px 5%;}
.sns_login_box .sns_login_list{width:100%; height:auto; box-sizing:border-box;}
.sns_login_box .sns_login_list li{width:100%; height:auto; margin-bottom:10px;}
.sns_login_box .sns_login_list li:last-child{margin-bottom:0;}
.sns_login_box .sns_login_list li .sns_login_btn{display:block; width:100%; height:40px; box-sizing:border-box; font-size:14.4px; font-weight:900; letter-spacing:-0.5px; text-align:center; line-height:40px; box-shadow:none; overflow:hidden; text-indent:-32px; border:0;}
.sns_login_box .sns_login_list li .sns_login_btn img{display:inline-block; vertical-align:top; width:auto; height:24px; margin-top:8px; margin-left:20px; float:left;}
.sns_login_box .sns_login_list li .sns_login_btn#facebook{color:#fff; background-color:#3b5998;}
.sns_login_box .sns_login_list li .sns_login_btn#google{color:#fff; background-color:#dc4a38;}
.sns_login_box .sns_login_list li .sns_login_btn#kakaotalk{color:#3c1e1e; background-color:#ffde00;}
.sns_login_box .sns_login_list li .sns_login_btn#naver{color:#fff; background-color:#2DB400;}
.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{overflow:hidden; text-align:center; clear:both;}
.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 5% 5px 5%; 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 table{width:100%; table-layout:fixed; margin-top:10px; background-color:#ffffff;}
.join_box dl dd table th{background-color:#ffffff;}
.join_box dl dd table th, .join_box dl dd table td{padding:10px 0; border:1px solid #e1e1e1; vertical-align:middle; text-align:center;}
.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;}

.joinSnsLink{display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; width:100%; height:auto; margin-top:40px;}
.joinSnsLink button{display:block; width:80%; max-width:400px; height:40px; box-sizing:border-box; font-size:14.4px; font-weight:900; letter-spacing:-0.5px; text-align:center; line-height:40px; box-shadow:none; overflow:hidden; text-indent:-32px; border:0;}
.joinSnsLink button + button{margin-top:10px;}
.joinSnsLink button img{display:inline-block; vertical-align:top; width:auto; height:24px; margin-top:8px; margin-left:20px; float:left;}
.joinSnsLink button#kakaotalk{color:#3c1e1e; background-color:#ffde00;}
.joinSnsLink button#naver{color:#fff; background-color:#2DB400;}

.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 3.3333%;}
.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:#179992; 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:400;}
.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:41px; letter-spacing:-1px; font-size:11px; color:#d1d1d1;}
.tbl_list ul li .ans span.ok{color:#179992; border-color:#179992; background-color:#e9fffe;}
.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:#c83186; 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_list.case ul li .thumb{width:50%; height:auto; box-sizing:border-box; overflow:hidden; padding:5px; background:none; margin-right:10px;}
.photo_list.case ul li .thumb .thumb_box{width:100%; height:auto; overflow:hidden; position:relative;}
.photo_list.case ul li .thumb .thumb_box .in_thumb{display:inline-block; vertical-align:top; float:left; width:calc(50% - 10px); height:auto; box-sizing:border-box; padding-top:50%; position:relative;}
.photo_list.case ul li .thumb .thumb_box .in_thumb:last-child{float:right;}
.photo_list.case ul li .thumb .thumb_box .in_thumb img{display:block; width:100%; height:auto; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.photo_list.case ul li .thumb .thumb_box .arrow{display:inline-block; vertical-align:top; position:absolute; top:50%; left:50%; margin-top:-10px; margin-left:-10px; width:20px; font-weight:700; line-height:20px; text-align:center;}
.photo_list.case ul li .txt_box{width:calc(50% - 10px);}

.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; position:relative;}
.photo_list2 ul li .thumb{float:left; width:40%; margin-right:10px; border:1px solid #dfdfdf; overflow:hidden; box-sizing:border-box; position:relative; overflow:hidden; padding-top:30%;}
.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:calc(60% - 10px);}
.photo_list2 ul li .txt_box .list_tit{margin-top:2px; font-size:16px; font-weight:700; letter-spacing:-1px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.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{position:absolute; bottom:12px; right:4%; font-size:12px; color:#777;}
.photo_list2 ul li.no_content{width:100%; border:0; height:100px; text-align:center; font-size:1.3em; font-weight:700; line-height:100px; padding:0;}
/* .photo_list2 ul li .txt_box .list_date span{font-size:10px; color:#dbdbdb; padding:0 5px; vertical-align:top;} */

.photo_list3{border-top:5px solid #e7e7e9; border-bottom:5px solid #e7e7e9; width:100%; box-sizing:border-box; padding:0 3%;}
.photo_list3 ul{border-top:1px solid #dbdbdb; overflow:hidden;}
.photo_list3 ul li{display:inline-block; width:calc(50% - 7.5px); height:auto; padding:0; box-sizing:border-box; border:1px solid #e1e1e1; overflow:hidden; float:left; text-align:center; margin-right:15px; margin-bottom:15px; vertical-align:top;}
.photo_list3 ul li:nth-child(2n){margin-right:0;}
.photo_list3 ul li:nth-child(-n+2){margin-top:15px;}
.photo_list3 ul li .thumb{width:100%; height:auto; overflow:hidden; box-sizing:border-box; position:relative; padding-top:60%;}
.photo_list3 ul li .thumb img{display:block; width:100%; height:auto; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.photo_list3 ul li .thumb span{display:inline-block; font-size:12px; font-weight:400; color:#1383b9; padding:1px 3px 2px; background-color:#f7fcfe; border:1px solid #1383b9; border-radius:3px; position:absolute; top:0; left:0;}
.photo_list3 ul li .txt_box{width:100%; box-sizing:border-box; padding:5px 10px; color:#000000; background-color:#f9f9f9;}
.photo_list3 ul li .txt_box .title{font-size:1.15em; font-weight:600; letter-spacing:-0.75px; line-height:1.3; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.photo_list3 ul li .txt_box .text{font-size:1em; font-weight:400; letter-spacing:-1px; line-height:18px; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:36px; margin-top:5px; word-break:keep-all;}
.photo_list3 ul li .txt_box .date{font-size:1em; font-weight:400; letter-spacing:-0.5px; line-height:1; margin-top:5px; text-align:center;}
.photo_list3 ul li.no_content{width:100%; height:25px; font-size:18px; font-weight:600; text-align:center; color:#000000; border:0; line-height:25px;}

.photo_list4{border-top:5px solid #e7e7e9; border-bottom:5px solid #e7e7e9; width:100%; box-sizing:border-box;}
.photo_list4 ul{border-top:1px solid #dbdbdb;}
.photo_list4 ul li{display:inline-block; width:100%; height:auto; padding:12px 4%; box-sizing:border-box; border-bottom:1px solid #e1e1e1; overflow:hidden; text-align:center;}
.photo_list4 ul li:last-child{margin-bottom:0;}
.photo_list4 ul li .thumb_box{width:100%; height:auto; overflow:hidden; box-sizing:border-box;}
.photo_list4 ul li .thumb_box .thumb{display:inline-block; vertical-align:top; float:left; width:50%; height:auto; overflow:hidden; position:relative;}
.photo_list4 ul li .thumb_box .thumb .img{display:block; width:100%; height:auto; padding-top:65.428%; overflow:hidden; position:relative;}
.photo_list4 ul li .thumb_box .thumb img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%; z-index:2;}
.photo_list4 ul li .thumb_box .thumb .cover{width:100%; height:100%; background:url("../img/main/case_cover_bg3.png?ver=200402") repeat center; position:absolute; top:0; left:0; z-index:5;}
.photo_list4 ul li .thumb_box .thumb .cover div{width:100%; height:100%; position:relative;}
.photo_list4 ul li .thumb_box .thumb .cover div img{max-width:90%;}
.photo_list4 ul li .thumb_box .thumb .thumb_title1{width:100%; height:31px; background:url("../img/main/case_before.jpg") no-repeat center; background-size:cover;}
.photo_list4 ul li .thumb_box .thumb .thumb_title2{width:100%; height:31px; background:url("../img/main/case_after.jpg") no-repeat center; background-size:cover;}
.photo_list4 ul li .txt_box{width:100%; box-sizing:border-box; padding:5px 0;}
.photo_list4 ul li .txt_box .title{font-size:1.15em; font-weight:600; letter-spacing:-0.75px; line-height:1.3; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#323232;}
.photo_list4 ul li .txt_box .title span{display:inline-block; font-size:0.9em; font-weight:400; color:#179992; margin-right:3px; padding:1px 5px; background-color:#e9fffe; border:1px solid #179992; border-radius:2px;}
.photo_list4 ul li .txt_box .text{font-size:1em; font-weight:400; letter-spacing:-1px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:20px; margin-top:3px; color:#666666;}
.photo_list4 ul li .txt_box .date{font-size:1em; font-weight:400; letter-spacing:-0.5px; line-height:1; margin-top:5px; text-align:center;}
.photo_list4 ul li.no_content{width:100%; height:25px; font-size:18px; font-weight:600; text-align:center; color:#000000; border:0; line-height:25px;}

.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; 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%; text-align:center; font-weight:300; color:#666;}
.tab_type3 li.on a{color:#333; font-weight:400;}

.tab_type4{overflow:hidden; position:relative; padding-left:1px; margin:30px 0 10px 0;}
.tab_type4 li{width:25%; height:40px; 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%; text-align:center; font-size:0.95em; font-weight:300; color:#666; letter-spacing:-1px;}
.tab_type4 li.on a{color:#333; font-weight:400;}

/* review */
.review_box{width:100%; height:auto;}
.review_box .review_list{width:100%; height:auto; border-top:1px solid #dbdbdb;}
.review_box .review_list .list_item{width:100%; height:auto; background-color:#fff; border-bottom:1px solid #dbdbdb; box-sizing:border-box;}
.review_box .review_list .list_item:last-child{margin-bottom:0;}
.review_box .review_list .list_item a{display:block; width:100%; height:auto; box-sizing:border-box; padding:15px; overflow:hidden;}
.review_box .review_list .list_item .thumb_box{width:100%; height:auto; box-sizing:border-box; overflow:hidden;}
.review_box .review_list .list_item .thumb{display:inline-block; vertical-align:top; float:left; width:35%; height:auto; text-align:left;}
.review_box .review_list .list_item .thumb img{display:inline-block; vertical-align:top;}
.review_box .review_list .list_item .title_box{display:inline-block; vertical-align:top; float:left; width:65%; height:auto; box-sizing:border-box; padding-left:10px; padding-top:8px; margin:0;}
.review_box .review_list .list_item .title_table{width:100%; height:auto; box-sizing:border-box;}
.review_box .review_list .list_item .title_table .table_item{display:table; width:100%; min-width:100%; max-width:none;}
.review_box .review_list .list_item .title_table span{display:table-cell; vertical-align:top; text-align:left; font-size:1em; font-weight:500; letter-spacing:-1px; line-height:1.3; color:#000; padding-bottom:5px; padding-left:5px;}
.review_box .review_list .list_item .title_table .table_item:last-child span{padding-bottom:0;}
.review_box .review_list .list_item .title_table span.cell1{width:1px; white-space:nowrap; font-weight:800; color:#1eb3e8; padding-left:0;}
.review_box .review_list .list_item .thumb_box2{width:100%; height:auto; box-sizing:border-box; overflow:hidden;}
.review_box .review_list .list_item .thumb_box2 img{display:inline-block; vertical-align:top; float:left; width:35%; height:auto;}
.review_box .review_list .list_item .text_box2{display:inline-block; vertical-align:top; float:left; width:65%; height:auto; box-sizing:border-box; padding-left:10px; text-align:left;}
.review_box .review_list .list_item .text_box2 .title{width:100%; height:auto; font-size:1.2em; font-weight:600; letter-spacing:-1px; line-height:1.4;}
.review_box .text_box{width:100%; margin-top:10px; font-size:1.07em; font-weight:500; letter-spacing:-1px; color:#000; line-height:1.5; text-align:left; white-space:normal; height:4.5em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}

.tbl_view{width:100%; overflow:hidden; border-top:1px solid #dbdbdb; position:relative;}
.tbl_view th{padding:10px; font-weight:400; border:1px solid #dfdfdf; border-top:0; background-color:#f8f8f8; color:#474747; vertical-align:top; font-size:1.05em;}
.tbl_view td{padding:10px; font-weight:400; border-bottom:1px solid #dfdfdf; color:#474747; vertical-align:top; font-size:1em;}
.tbl_view tr .td_title{color:#000; font-weight:400;}
.tbl_view tr .txt_box{color:#000; font-weight:400; line-height:1.6; font-size:1em;}
.tbl_view tr .txt_box .tb_tit2{font-weight:500;}
.tbl_view tr .txt_box .tb_cnt2{font-weight:400;}
.tbl_view tr .txt_box .tb_img2{width:70%; margin-bottom:30px;}
.tbl_view tr td img{max-width:100%;}
.tbl_view tr td .tb_cnt2{font-size:16px; color:#000; font-weight:400; line-height:1.6; padding:15px;}

.event_type li{float:left; padding:10px 3% 10px 3%; box-sizing:border-box; width:100%; border:1px solid #dbdbdb; border-left:0; border-right:0;}
.event_type li+li{border-top:0;}
/* .event_type li:last-child{margin-bottom:15px;} */
.event_type li .thum{width:100%; height:auto; padding:60% 0 0; position:relative; overflow:hidden;}
.event_type li .thum img{width:100%;height:auto; min-height:100%; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.event_type li p{margin-top:10px; font-size:16px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:1; text-align:center;}
.event_type li span{display:inline-block; width:100%; margin-top:10px; font-size:15px; color:#666; line-height:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.event_type li .thum2{width:100%; height:auto; padding:60% 0 0; position:relative; overflow:hidden; box-sizing:border-box; border:1px solid #e1e1e1;}
.event_type li .thum2 img{width:100%;height:auto; /* min-height:100%; */ position:absolute; top:50%; transform:translateY(-50%); left:0;}
.event_type li .thum3{width:100%; height:auto; padding:71.46% 0 0; position:relative; overflow:hidden;}
.event_type li .thum3 img{width:100%;height:auto; /* min-height:100%; */ position:absolute; top:50%; transform:translateY(-50%); left:0;}


/* view */
.view{width:100%;}
.view h1{font-size:20px; font-weight:600; color:#fff; letter-spacing:-1px; background-color:#179992; 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.5; word-break:break-all;}
.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:15px 5%; background-color:#ecf5fe; text-align:left; font-size:14px; font-weight:400; margin-bottom:20px;}
.reserve_comment .rc_tit{font-size:20px; font-weight:700; letter-spacing:-0.5px; color:#d60b52; margin-bottom:7.5px; line-height:1.6;}
.reserve_comment .rc_txt1{font-weight:400; margin-bottom:4px; word-break:keep-all; line-height:1.6;}
.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_comment .naver_rsv{display:inline-block; vertical-align:top; width:27px; height:27px; border-radius:50%; background:#22af28 url("../img/sub/naver_reserve_icon.png") no-repeat center; background-size:15px 16px;}
.reserve_comment .naver_rsv_link{display:inline-block; width:auto; height:auto; padding:7.5px 10px; background-color:#22af28; color:#fff; font-size:12px; font-weight:400; line-height:16px; margin-top:5px;}
.reserve_comment .naver_rsv_link img{display:inline-block; vertical-align:top; width:15px; height:16px; margin-right:5px;}
.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:#179992; 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;}

.download_list{width:100%; height:auto; box-sizing:border-box; text-align:center;}
.download_list .list_item{display:inline-block; vertical-align:top; width:auto; height:auto; box-sizing:border-box; position:relative; background-color:#f7f7f7; overflow:hidden; padding:10px 15px;}
.download_list .list_item:last-child{margin-right:0;}
.download_list .list_item .icon{display:inline-block; vertical-align:top; float:left; width:40px; height:40px; overflow:hidden; position:relative; border-radius:20px; background-color:#bf298e;}
.download_list .list_item .icon img{display:block; width:20.75px; height:auto; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.download_list .list_item .text_box{display:inline-block; vertical-align:top; float:left; width:calc(100% - 40px); padding-left:10px; text-align:right;}
.download_list .list_item .text_box .text{width:100%; height:auto; font-weight:700; letter-spacing:-1px; line-height:1.3; text-align:left; color:#000000; margin-top:6.5px;}
.download_list .list_item .text_box button{display:inline-block; vertical-align:top; box-sizing:border-box; margin-top:15px; border:1px solid #c83186; text-align:center; color:#c83186; padding:0 15px; line-height:28px; font-size:14px; font-weight:400; letter-spacing:-1px; background-color:#ffffff; cursor:pointer;}
.download_list .list_item .text_box button:hover{color:#ffffff; background-color:#c83186;}

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

.sub_footer{width:100%; height:auto; box-sizing:border-box; padding:35px 0 30px 0; background-color:#ede8e8;}
.sub_footer_title{width:100%; height:auto; box-sizing:border-box; text-align:left; font-weight:500; letter-spacing:-0.09em; line-height:1; color:#333333; margin-bottom:20px; position:relative;}
.sub_footer_link_box1{width:100%; height:auto; box-sizing:border-box; overflow:hidden;}
.sub_footer_link_box1 a{display:inline-block; vertical-align:top; float:left; width:calc(50% - 2.5px); height:auto; margin-top:5px; margin-right:5px;}
.sub_footer_link_box1 a:nth-child(2n){margin-right:0;}
.sub_footer_link_box1 a:nth-child(-n+2){margin-top:0;}

.subFooterLinkBox1{display:flex; width:100%; height:auto;}
.subFooterLinkBox1 a{display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; width:25%;}
.subFooterLinkBox1 a + a{border-left:1px solid #dbd6d6;}
.subFooterLinkBox1 a img{width:60px; height:auto; margin-bottom:15px;}
.subFooterLinkBox1 a p{width:100%; font-size:1.038em; font-weight:500; letter-spacing:-0.075em; color:#000; line-height:1; text-align:center;}

.call_box{width:100%; height:auto; box-sizing:border-box; text-align:center; margin-top:19px; font-size:0;}
.call_box .call_number{display:inline-block; vertical-align:top; width:203.5px; height:42px; background:url("../img/main/main_call.png") no-repeat center; background-size:contain; margin-right:15px;}
.call_box .call_link{display:inline-block; vertical-align:top;}

.sub_footer_box{width:100%; height:auto; box-sizing:border-box; text-align:left; position:relative; background-color:#434b68; padding:20px 0;}
.sub_footer_box .sub_notice_list{width:100%; height:auto; box-sizing:border-box; padding-left:70px; padding-right:70px; background:url("../img/comm/notice_icon.png") no-repeat; background-position:left center; background-size:60px 60px;}
.sub_footer_box .sub_notice_list li{width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:10px 0;}
.sub_footer_box .sub_notice_list li a{display:block; width:100%; height:auto; font-size:1.153em; font-weight:500; letter-spacing:-0.65px; color:#ffffff; line-height:20px;}
.sub_footer_box .sub_notice_list li a .title{display:inline-block; vertical-align:top; width:auto; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_footer_box .more_btn{display:inline-block; position:absolute; right:0; top:50%; transform:translateY(-50%); box-sizing:border-box; width:60px; height:20px; text-align:center; font-size:0.769em; font-weight:400; letter-spacing:-0.5px; color:#ffffff; border:1px solid #ffffff; line-height:18px;}

.sub_link_box{width:100%; height:auto; box-sizing:border-box; overflow:hidden; padding:0 3.33%;}
.sub_link_box a{display:inline-block; vertical-align:top; float:left; width:calc(50% - 5px); height:auto;}
.sub_link_box a + a {margin-left:10px;}

/* 240119 */
.numberContentBox{width:100%; height:auto;}
.numberContentBox + .numberContentBox{margin-top:20px;}
.numberContentBox .number{display:flex; justify-content:center; align-items:center; width:50px; height:50px; border-radius:50%; background:#3ebaa9; font-size:1em; font-weight:500; letter-spacing:-0.005em; line-height:1; color:#fff; margin:0 auto 10px auto;}
.numberContentBox dl{width:100%; height:auto; text-align:center;}
.numberContentBox dl dt{font-weight:300; letter-spacing:-0.05em; line-height:1.2; color:#000; margin-bottom:20px;}
.numberContentBox dl dt span{display:inline-block; position:relative; line-height:1;}
.numberContentBox dl dt span::after{content:""; display:block; width:100%; height:14px; background:#d8f3ef; position:absolute; bottom:-7px; left:0; z-index:-1;}
.numberContentBox dl dt strong{display:inline-block; font-weight:700; line-height:1;}
.numberContentBox dl dd{font-weight:400; letter-spacing:-0.05em; line-height:1.5; color:#000;}
.numberContentBox dl dd img{display:block; margin:15px auto 0 auto;}

.subText1{font-weight:400; letter-spacing:-0.05em; line-height:1.428; word-break:keep-all; text-align:center;}
.subText2{font-weight:300; letter-spacing:-0.05em; line-height:1.6; word-break:keep-all; text-align:center;}
.subText2 strong{font-weight:700;}

.imgBox{display:flex; justify-content:center; width:100%; height:auto;}

.careerBox{width:100%; height:auto;}
.careerBox .inImg{width:100%; height:auto; position:relative;}
.careerBox .inImg .captionBox{display:inline-block; width:auto; height:auto;z font-weight:500; letter-spacing:-0.055em; line-height:1.409; color:#fff; padding:25px 20px; background:#179992; position:absolute; bottom:-60px; left:10px; z-index:2; box-shadow:4px 4px 15px rgba(0,0,0,.26);}
.careerBox .inList{width:85%; height:auto; margin-top:80px; margin-left:15%;}
.careerBox .inList li{display:flex; align-items:flex-start; width:100%; height:auto; font-weight:400; letter-spacing:-0.075em; line-height:1.25; color:#000; word-break:keep-all;}
.careerBox .inList li + li{margin-top:5px;}
.careerBox .inList li span{display:inline-block; flex-shrink:0;}
.careerBox .inList li p{display:inline-block; text-align:left;}