@charset "UTF-8";

@media screen and (max-width:1200px){
	.top_box .txt_box .inner .tit {font-size: 2.6em;}
	.top_box .txt_box .inner .txt {font-size: 1.3em;}
}

@media screen and (max-width:991px){
	/* sub_top */
	.sub_top .inner {height: 200px;}
	.sub_top .sub_top_tit {font-size: 2em;}
	.sub_top .breadcrumb > li {font-size: 1.067em;}
	.sub_top .sub_share_box > li a {width: 30px; height: 30px; line-height: 30px; font-size: 17px;}
	.sub_top .sub_share_box > li.facebook a {font-size: 19px;}

	.top_box .container > div {height: 400px;}
	.top_box .img_box {width: 40%; padding-right: 10px;}
	.top_box .txt_box {width: 60%; padding-left: 30px !important;}
	.top_box .txt_box .inner .tit {font-size: 2.4em !important;}
	.top_box .txt_box .inner .txt {font-size: 1.2em;}
	.tab_list > li {height: 250px;}
	.tab_list > li a {font-size: 1.9em;}

	.qna_list > li a {display: block; height: auto; padding: 20px; overflow: hidden;}
	.qna_list > li a > * {display: block; float: left;}
	.qna_list > li a .num {width: auto; padding: 5px 0; }
	.qna_list > li a .tit {width: 100%; padding: 5px 0; font-size: 1.4em;}
	.qna_list > li a .tit .answer {width: 60px; height: 30px; line-height: 30px;}
	.qna_list > li a .info {max-width: 58%; margin-right: 2%; padding: 5px 0; }
	.qna_list > li a .info:last-child {margin-right: 0;}
	.qna_list > li a .info.writer {max-width: 40%;}

	.center_wrap .row1 .img_box {float: none; width: 100%; margin-bottom: 30px; text-align: center;}
	.center_wrap .row1 .img_box img {max-width: 280px;}
	.center_wrap .row1 .txt_box {float: none; width: 100%; padding-left: 0; padding-top: 0; text-align: center;}
	.center_wrap .row1 .txt_box .t1 {margin-bottom: 20px; font-size: 2em;}
	.center_wrap .row1 .txt_box .t2 {font-size: 1.6em;}
	.center_wrap .row2 {padding-top: 90px; padding-bottom: 40px; background-size: 70px;}
	.center_wrap .row2 dl dt {margin-bottom: 20px; font-size: 2em;}
	.center_wrap .row2 dl dd .txt {font-size: 1.4em;}
	.center_wrap .row2 dl dd .img_list > li {width: 50%; margin-bottom: 30px;}
	.center_wrap .row2 dl dd .img_list > li p {font-size: 1.4em;}
	/* .center_wrap .row1 .txt_box .t1 {font-size: 2em;}
	.center_wrap .row1 .txt_box .t2 {font-size: 1.6em;}
	.center_wrap .row2 dl {display: block;}
	.center_wrap .row2 dl dt {display: block; width: 100%; margin-bottom: 30px; font-size: 1.6em; text-align: center;}
	.center_wrap .row2 dl dt p {display: inline-block;}
	.center_wrap .row2 dl dt .t1:after {display: none;}
	.center_wrap .row2 dl dd .txt {padding: 30px 10px; font-size: 1.6em;}
	.center_wrap .row2 dl dd {display: block;}
	.center_wrap .row2 dl dd .img_list > li p {font-size: 1.4em;} */

	
	.location_wrap .map_box {height: 500px; margin-bottom: 40px; overflow: hidden;}
	.location_wrap .map_info_box {display: block; padding: 0;}
	.location_wrap .map_info_box p {display: block; width: 100%; height: auto; margin-bottom: 0; padding-left: 0; padding-top: 20px; font-size: 1.3em; overflow: hidden;}
	.location_wrap .map_info_box p:before {position: static;  width: 60px; height: 62px; margin-top: 0; margin-right: 15px;vertical-align: middle;}
	.location_wrap .map_info_box p span {display:inline-block;width:calc(100% - 100px);vertical-align:middle;}
	.location_wrap .map_info_box .address {width: 100%;padding:0;margin-bottom:0;}
	.location_wrap .transport_box {margin-top: 40px; padding: 30px; padding-left: 100px; background-position: 20px 35px; background-size: 52px;}
	.location_wrap .transport_box dt {font-size: 1.4em;}
	.location_wrap .transport_box dd {font-size: 1.3em;}


	.login_wrap {padding: 100px 0;}
	.login_wrap .login_tit .t1 {font-size: 2.2em;}
	.login_wrap .login_tit .t2 {font-size: 1.6em;}
	.login_wrap .complete_box {margin-top: 0; padding: 0 0 80px;}
	.login_wrap .complete_box .logo:before {left: 50px; right: 50px;}
	.login_wrap .complete_box .user {font-size: 2em;}
	.login_wrap .complete_box .user:before {width: 50px; height: 50px; margin-right: 20px;}
	.login_wrap .complete_box .txt {font-size: 1.5em;}
	.login_wrap .login_box .naver_btn {font-size: 1.6em;}
	.login_wrap .login_box .naver_btn:before {width: 70px; margin-right: 15px;}
	.login_wrap .login_box .kako_btn {font-size: 1.6em;}
	.login_wrap .login_box .kako_btn:before {width: 70px; margin-right: 15px;}


	.copyright_wrap .copyright_top .img_box {width: 30%; padding-right: 20px;}
	.copyright_wrap .copyright_top .tit_box {font-size: 1.4em;}



	.user_list > li {width: 31%;}
	.user_list > li:nth-child(4n) {margin-right: 3.5%;}
	.user_list > li:nth-child(3n) {margin-right: 0;}

	
	.user_view_top .txt_box {padding-left: 40px;}

	.user_wrap .top_txt_box dt {float: none; margin: 0 auto 40px;}
	.user_wrap .top_txt_box dd {float: none; width: 100%; padding-left: 0; text-align: center;}
	.user_wrap .top_txt_box dd .t1 {padding: 0 45px; font-size: 2em;}
	.user_wrap .top_txt_box dd .t2 {font-size: 1.3em;text-align:left;}
	.user_wrap .user_draw_list > li {display: block;}
	.user_wrap .user_draw_list > li .txt_box {display: block; padding-right: 0; margin-bottom: 30px;}
	.user_wrap .user_draw_list > li .img_box {display: block; width: 100%; padding-left: 120px; text-align: left; overflow: hidden; padding-top: 0;}

}

@media screen and (max-width:767px){
	.sub_top .breadcrumb {margin-right: 0;}
	.sub_top .breadcrumb > li:after {margin: 0 15px;}
	.sub_top .sub_share_box {display: block; max-width: 70px; margin: 15px auto;}

	.top_box {padding: 30px 0;margin-bottom:30px;}
	.top_box .container > div {height: auto; float: none;}
	.top_box .img_box {width: 100%; padding-right: 0; margin-bottom: 20px; text-align: center;}
	.top_box .img_box img {max-height: 200px; max-width: 80%;}
	.top_box .txt_box {width: 100%; padding: 0 20px !important; text-align: center !important;}
	.top_box .txt_box .inner .tit {font-size: 2em !important;}
	.top_box .txt_box .inner .txt {font-size: 1.067em;}

	.find_wrap .top_box .txt_box {text-align: left !important;}
	.find_wrap .top_box .txt_box .tit {text-align: center !important;}

	.talk_wrap .tab_list > li {width: 100%; height: 250px; margin-right: 0;}

	.center_wrap .row1 {margin-bottom: 50px;}
	.center_wrap .row1 .img_box img {max-width: 200px;}
	.center_wrap .row1 .txt_box .t1 {font-size: 1.7em;}
	.center_wrap .row1 .txt_box .t2 {font-size: 1.4em;}
	.center_wrap .row2 dl {margin-bottom: 50px;}
	.center_wrap .row2 dl dt {font-size: 1.7em;}
	.center_wrap .row2 dl dd .txt {font-size: 1.2em;}
	.center_wrap .row2 dl dd .img_list > li img {max-width: 70%;}
	.center_wrap .row2 dl dd .img_list > li p {font-size: 1.2em;}
	/* .center_wrap .row2 {padding: 50px 0;}
	.center_wrap .row1 .img_box .bg {height: 250px;}
	.center_wrap .row1 .img_box .tit_box {width: 220px; height: 236px; padding-top: 105px;}
	.center_wrap .row1 .img_box .tit_box .t1 {font-size: 1.7em;}
	.center_wrap .row1 .img_box .tit_box .t2 {font-size: 1.2em;}
	.center_wrap .row1 .txt_box .t1 {font-size: 1.6em;}
	.center_wrap .row1 .txt_box .t2 {font-size: 1.3em;}
	.center_wrap .row2 dl dt {font-size: 1.3em;}
	.center_wrap .row2 dl dd .txt {padding: 20px 10px; font-size: 1.3em;}
	.center_wrap .row2 dl dd .img_list > li p {font-size: 1.1em;}
	.center_wrap .row2 dl dd .img_list > li .img img {max-width: 45%; max-height: 45%;} */

	.location_wrap .map_box {height: 400px;}
	.location_wrap .map_info_box p {font-size: 1.2em;}
	.location_wrap .map_info_box .contact_list > li {font-size: 1.2em;}
	.location_wrap .map_info_box .contact_list > li em {width: 120px; padding-left: 28px;}
	.location_wrap .map_info_box .contact_list > li.tel em {-webkit-background-size: 16px; background-size: 16px;}
	.location_wrap .map_info_box .contact_list > li.fax em {-webkit-background-size: 19px; background-size: 19px;}
	.location_wrap .transport_box {padding: 20px 10px; padding-left: 100px;}
	.location_wrap .transport_box dt {font-size: 1.2em;}
	.location_wrap .transport_box dd {font-size: 1.1em;}
	.location_wrap .location_list {display: block; margin-bottom: 50px;}
	.location_wrap .location_list dt {display: block; width: 100% !important; margin-bottom: 20px; text-align: center;}
	.location_wrap .location_list dd {display: block; line-height: 1.3; padding: 0; font-size: 1.3em; text-align: center;}
	.location_wrap .location_list dd p {margin-top: 10px;}


	.login_wrap {padding: 70px 0;}
	.login_wrap .login_tit {margin-bottom: 30px;}
	.login_wrap .login_tit .t1 {margin-bottom: 10px; font-size: 2em;}
	.login_wrap .login_tit .t2 {font-size: 1.4em;}
	.login_wrap .login_box .inner {display: block;}
	.login_wrap .login_box .inner > div {display: block;}
	.login_wrap .login_box .inner .left {width: 150px; margin: 0 auto; padding: 50px 0 20px;}
	.login_wrap .login_box .inner .right {padding-left: 0; margin-bottom: 50px; text-align: center;}
	.login_wrap .login_box .naver_btn {max-width: 380px; height: 76px; line-height: 70px; font-size: 1.4em;}
	.login_wrap .login_box .naver_btn:before {width: 60px; height: 40px; -webkit-background-size: 35px; background-size: 35px;}
	.login_wrap .login_box .kako_btn {max-width: 380px; height: 76px; line-height: 70px; font-size: 1.4em;}
	.login_wrap .login_box .kako_btn:before {width: 60px; height: 40px; -webkit-background-size: 35px; background-size: 35px;}
	.login_wrap .login_box .txt {font-size: 1.1em;}
	.login_wrap .complete_box .logo {padding: 50px 0 30px; margin-bottom: 40px;}
	.login_wrap .complete_box .logo:before {left: 30px; right: 30px;}
	.login_wrap .complete_box .logo img {max-width: 250px;}
	.login_wrap .complete_box .user {margin-bottom: 30px; font-size: 1.7em;}
	.login_wrap .complete_box .user:before {width: 45px; height: 45px; margin-right: 15px;}
	.login_wrap .complete_box .txt {font-size: 1.3em;}



	.privacy_wrap .tit {margin-bottom: 15px; font-size: 1.4em;}
	.privacy_wrap .txt {font-size: 1.1em;}
	.privacy_wrap dl {font-size: 1.1em;}
	.privacy_wrap dl dd .bar_list > li {background-position: 0 12px;}


	.copyright_wrap .copyright_top {display: block; padding-bottom: 40px;}
	.copyright_wrap .copyright_top .img_box {display: block; width: 100%; margin-bottom: 20px; padding: 0;}
	.copyright_wrap .copyright_top .img_box img {max-height: 250px;}
	.copyright_wrap .copyright_top .tit_box {display: block; padding: 0; font-size: 1.3em; text-align: center;}
	.copyright_wrap .txt_box {font-size: 1.1em;}

	.user_view_top {display: block;}
	.user_view_top .img_box {display: block; width: 100%; height: 250px; margin-bottom: 20px; font-size: 0;}
	.user_view_top .img_box:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}
	.user_view_top .img_box img {max-height: 100%; vertical-align: middle;}
	.user_view_top .txt_box {display: block; padding: 0 10px; height: auto;}

	.user_wrap .vi_board_list.skin2 > li {display: block;}
	.user_wrap .vi_board_list.skin2 .img_box {display: block; position: relative; width: 100%; margin-bottom: 20px;}
	.user_wrap .vi_board_list.skin2 .img_box .inner_box {position: static;}
	.user_wrap .vi_board_list.skin2 .txt_box {display: block; height: auto; padding: 0 10px;}
	.user_wrap .vi_board_list.skin2 .name {margin-bottom: 20px; font-size: 1.7em;}
	.user_wrap .user_draw_list > li .txt_box .name {margin-bottom: 10px; font-size: 1.133em;}
	.user_wrap .user_draw_list > li .txt_box .dot_list > li {margin-bottom: 5px; background-position: 2px 10px; font-size: 1.133em;}

	.different_wrap .top_box .img_box {width: 100%;}
	.different_wrap .top_box .img_box img {max-width: 80%; max-height: 200px;}
	.different_wrap .top_box .txt_box {width: 100%;}

	.different_wrap .link_list > li {margin-bottom: 50px;}
	.different_wrap .link_list > li a {width: 100%; margin-bottom: 20px;}
	.different_wrap .link_list > li .txt_box {width: 100%; padding-left: 0;}
	.different_wrap .link_list > li .txt_box .tit {font-size: 1.4em;}
	.different_wrap .link_list > li .txt_box .txt {font-size: 1.2em;}
	.different_wrap .link_list > li a .hover {font-size: 1.4em;}
}

@media screen and (max-width:640px){
	.tab_list > li {width: 100%; height: 200px; margin-right: 0;}
	.tab_list > li a {font-size: 1.7em;}
	.tab_list > li a .more {width: 153px; height: 40px; line-height: 40px; margin-top: 20px; font-size: 16px;}


	.user_list > li {width: 48%; margin-right: 4%; margin-bottom: 4%;}
	.user_list > li:nth-child(4n) {margin-right: 4%;}
	.user_list > li:nth-child(3n) {margin-right: 4%;}
	.user_list > li:nth-child(2n) {margin-right: 0;}
	.user_list > li .img_box {margin-bottom: 15px;}
	.user_list > li .txt_box {padding: 0;}
	.user_list > li .txt_box .name {margin-bottom: 10px;}
	.user_wrap .user_draw_list > li .txt_box .user {position:static;display:block;text-align:center;}
	.user_wrap .user_draw_list > li .txt_box {padding:0 20px;}
	.user_wrap .user_draw_list > li .img_box {padding:0 20px;}
}

@media screen and (max-width:480px){
	.sub_top .inner {height: auto;padding:1rem 0;}
	.sub_top .sub_top_tit {font-size: 1.8em;}
	.sub_top .breadcrumb > li {display: inline-block; float: none;line-height:1.4;}
	.sub_top .breadcrumb > li:nth-child(3) {width: 100%; margin-top: 5px;}
	.sub_top .breadcrumb > li:after {width: 8px; height: 12px; margin-left: 12px; margin-right: 8px; margin-top: -4px;}
	.sub_top .breadcrumb > li.home {margin-right: 0;}
	.sub_top .breadcrumb > li.home img {width: 16px;}
	.sub_top .sub_share_box {display: none;}

	.tab_list > li {height: 130px; border-width: 4px;}
	.tab_list > li a {padding: 30px 10px;font-size: 1.5em;}
	.tab_list > li a .more {font-size: 15px;}
	.no_result {font-size: 17px !important;}

	.top_box .txt_box .inner .dot_list > li {background-position: 2px 8px;}

	.talk_wrap .tab_list > li {height: 180px;}
	.talk_wrap .tab_list > li a span {margin-top: 15px;}

	.qna_list > li a {padding: 10px;}
	.qna_list > li a .num {padding: 3px 0;}
	.qna_list > li a .info {max-width: 100%; padding: 3px 0;}
	.qna_list > li a .info.writer {width: auto; max-width: 100%;}
	.qna_list > li a .tit {padding: 3px 0;}
	.qna_list > li a .tit .answer {width: 50px; height: 25px; line-height: 25px; margin-right: 10px;}

	.center_wrap .row1 .img_box {margin-bottom: 20px;}
	.center_wrap .row1 .img_box img {max-width: 180px;}
	.center_wrap .row1 .txt_box .t1 {font-size: 1.6em;}
	.center_wrap .row1 .txt_box .t2 {font-size: 1.3em;}
	.center_wrap .row2 {padding-top: 70px; background-size: 60px;}
	.center_wrap .row2 dl dt {font-size: 1.5em;}
	.center_wrap .row2 dl dd .txt {border-width: 5px; border-radius: 0;}
	.center_wrap .row2 dl dd .img_list > li {padding: 0 10px;}
	/* .center_wrap .row2 dl dd .img_list > li {float: none; width: 100%; margin-right: 0; margin-bottom: 15px; overflow: hidden;}
	.center_wrap .row2 dl dd .img_list > li:last-child {margin-bottom: 0;}
	.center_wrap .row2 dl dd .img_list > li .img {float: left; width: 30%; margin-bottom: 0; padding-bottom: 30%;}
	.center_wrap .row2 dl dd .img_list > li p {float: left; width: 70%; padding-left: 20px; padding-top: 9%; text-align: left;} */


	.location_wrap .map_box {height: 350px; margin-bottom: 30px;}
	.location_wrap .map_info_box {margin-bottom: 30px;}
	.location_wrap .map_info_box p {padding: 10px 0; padding-left: 50px; margin-bottom: 10px; background: url('/images/sub/location_ico01.png') no-repeat 0 center/40px;}
	.location_wrap .map_info_box p:before {display: none;}
	.location_wrap .map_info_box .address {margin-bottom: 0;}
	.location_wrap .map_info_box .tel {background-image: url('/images/sub/location_ico02.png');}
	.location_wrap .map_info_box .fax {background-image: url('/images/sub/location_ico03.png');}
	.location_wrap .map_info_box .contact_list > li em {width: 100px; padding-left: 25px;}
	.location_wrap .map_info_box .contact_list > li.tel em {background-position: 0 3px; -webkit-background-size: 14px; background-size: 14px;}
	.location_wrap .map_info_box .contact_list > li.fax em {background-position: 0 2px; -webkit-background-size: 17px; background-size: 17px;}
	.location_wrap .transport_box {padding: 90px 10px 10px; margin-top: 30px; background-position: center 10px; background-size: 45px; text-align: center;}
	.location_wrap .transport_box dt {display: block; margin-bottom: 10px;}
	.location_wrap .transport_box dd {display: block;}
	.location_wrap .transport_box dd .t1 {height: 23px; line-height: 23px;}
	.location_wrap .basic_tab {margin-top: 30px;}
	.location_wrap .basic_tab > li a {height: 60px;}


	.login_wrap .login_box {padding: 10px 10px 40px;}
	.login_wrap .login_tit .t1 {font-size: 1.8em;}
	.login_wrap .login_box .inner .left {width: 130px; padding: 30px 0 20px;}
	.login_wrap .login_box .inner .right {margin-bottom: 30px;}
	.login_wrap .login_box .tit {margin-bottom: 15px; font-size: 1.7em;}
	.login_wrap .login_box .naver_btn {max-width: 290px; height: 66px; line-height: 60px; padding-left: 15px;}
	.login_wrap .login_box .naver_btn:before {width: 40px; height: 30px; margin-right: 5px; -webkit-background-size: 26px; background-size: 26px; }
	.login_wrap .login_box .kako_btn {max-width: 290px; height: 66px; line-height: 60px; padding-left: 15px;}
	.login_wrap .login_box .kako_btn:before {width: 40px; height: 30px; margin-right: 5px; -webkit-background-size: 26px; background-size: 26px; }
	.login_wrap .login_box .txt:before {width: 17px; height: 17px;}
	.login_wrap .complete_box {padding: 0 0 50px; margin-bottom: 20px;}
	.login_wrap .complete_box .logo:before {left: 20px; right: 20px;}
	.login_wrap .complete_box .logo img {max-width: 200px;}
	.login_wrap .complete_box .user {font-size: 1.5em;}
	.login_wrap .complete_box .user:before {width: 40px; height: 40px;}
	.login_wrap .complete_box .txt {font-size: 1.2em;}

	.privacy_wrap dl dd .abs_bull_list > li {padding-left: 20px;}
	.privacy_wrap dl dd .bar_list > li {background-position: 0 10px;}

	.copyright_wrap .copyright_top {padding-bottom: 30px; margin-bottom: 30px;}
	.copyright_wrap .copyright_top .img_box img {max-height: 200px;}
	.copyright_wrap .txt_box .t1 {margin-bottom: 20px;}

	.user_list > li a {padding: 10px;}
	.user_list > li .txt_box .info_list > li.job:before {top: 1px;}
	.user_list > li .txt_box .info_list > li.area:before {top: 2px;}

	.user_view_top {margin-bottom: 40px;}
	.user_view_top .img_box {height: 200px;}
	.user_view_top .txt_box .name {margin-bottom: 15px; font-size: 1.2em;}
	.user_view_top .txt_box .info_list {margin-bottom: 10px;}
	.user_view_top .txt_box .info_list > li {padding-left: 24px; font-size: 1.1em;}
	.user_view_top .txt_box .info_list > li:after {margin: -2px 15px 0;}
	.user_view_top .txt_box .info_list > li.job:before {top: 1px; width: 16px; height: 16px;}
	.user_view_top .txt_box .info_list > li.area {padding-left: 22px;}
	.user_view_top .txt_box .info_list > li.area:before {top: 0; width: 13px; height: 19px;}


	.user_wrap .vi_board_list .img_box {padding-bottom: 84%;}
	.user_wrap .vi_board_list.skin2 .img_box .inner_box {position: absolute;}
	.user_wrap .vi_board_list .img_box .inner_box:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}
	.user_wrap .vi_board_list.skin2 .img_box img {max-height: 100%;}
	.user_wrap .vi_board_list.skin2 .name {margin-bottom: 15px; font-size: 1.5em;}
	.user_wrap .vi_board_list.skin2 .name em {height: 30px; line-height: 30px; padding: 0 15px; margin-right: 10px; margin-top: -3px; font-size: 16px;}
	.user_wrap .vi_board_list.skin2 .name em:before {width: 14px; margin-top: -5px;}
	.user_wrap .top_txt_box dt {width: 200px; height: 190px;}
	.user_wrap .top_txt_box dt img {max-width: 70%;}
	.user_wrap .top_txt_box dd .t1 {margin-bottom: 20px; padding: 0 30px; font-size: 1.7em;}
	.user_wrap .top_txt_box dd .t1:before {width: 26px; height: 25px;}
	.user_wrap .top_txt_box dd .t1:after {width: 26px; height: 25px;}
	.user_wrap .top_txt_box dd .t2 {font-size: 1.2em;}
	.user_wrap .user_draw_list > li .txt_box {padding-left: 0; margin-bottom: 20px;}
	.user_wrap .user_draw_list > li .txt_box .user {display: block; position: static; width: 95px; margin: 0 auto;}
	.user_wrap .user_draw_list > li .img_box {padding-left: 0; text-align: center;}
	.user_wrap .user_draw_list > li .img_box p {max-width: 100%;}


	.different_wrap .link_list > li a {height: 130px;}


}