@charset "UTF-8";

/* sub_top */
.sub_top {display: table; width: 100%; text-align: center;}
.sub_top .inner {display: table-cell; height: 150px; vertical-align: middle;background: #007ac1;}
.sub_top .sub_top_tit {margin-bottom: 10px; color: #fff; font-size: 2.2em; font-weight: 700;}
.sub_top .breadcrumb {display: inline-block; vertical-align: middle;}
.sub_top .breadcrumb > li {float: left; color: #fff; font-size: 1.188em; font-weight: 350;line-height:36px;}
html.is-ie .sub_top .breadcrumb > li {font-weight: 300;}
.sub_top .breadcrumb > li:after {display: inline-block; content:''; width: 10px; height: 14px; margin: 0 17px; margin-top: -3px; background: url('/images/sub/sub_top_arr.png') no-repeat center/contain; vertical-align: middle;}
.sub_top .breadcrumb > li.home {margin-right: 8px;}
.sub_top .breadcrumb > li.home a {color: #fff;}
.sub_top .breadcrumb > li.home img {margin-top: -3px; margin-right: 5px; vertical-align: middle;}
.sub_top .breadcrumb > li:last-child:after {display: none;}
.sub_top .sub_share_box {display: inline-block; vertical-align: middle;}
.sub_top .sub_share_box > li {float: left; margin-right: 10px;}
.sub_top .sub_share_box > li:last-child {margin-right: 0;}
.sub_top .sub_share_box > li a {display: block; width: 39px; height: 39px; line-height: 39px; color: #fff; border-radius: 50%; font-size: 22px;}
.sub_top .sub_share_box > li.twitter a {background-color: #1da1f2;}
.sub_top .sub_share_box > li.facebook a {background-color: #3b5999; font-size: 23px;}

.video .sub_top .inner {background: #bb343f;}
.story .sub_top .inner {background: #3a9797;}
.bodacenter .sub_top .inner {background: #485ab3;}

/* sub_layout */
.sub_con {padding-bottom:60px; color: #1e1e1e;}

/* sub_common */
.sub_each {margin-bottom:60px;}
.sub_each:last-of-type {margin-bottom:0;}
.sub_tit1 {position:relative; margin-bottom:30px; padding-bottom:10px; color:#333; font-size:1.53em; font-weight:500;}
.sub_tit1:after {content:''; display:block; position:absolute; left:0; bottom:0; width:60px; height:2px; background-color:#4d8cd3;}
.sub_tit2 {margin-bottom:10px; color: #2e51ad; font-size: 1.06em; font-weight: 500;}
.top_box {margin-bottom: 60px; background-color: #eff9ff; -ms-word-break: keep-all; word-break: keep-all;}
.top_box .container > div {height: 400px; text-align: center;}
.top_box .img_box {float: left; width: 50%; font-size: 0;}
.top_box .img_box:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}
.top_box .img_box img {vertical-align: middle; max-height: 90%;}
.top_box .txt_box {display: table; float: left; width: 50%; padding: 10px 0; padding-left: 45px; text-align: left !important;}
.top_box .txt_box .inner {display: table-cell;vertical-align: middle;}
.top_box .txt_box .inner .tit {margin-bottom: 20px; font-size: 2.563rem; font-weight: 700;}
.top_box .txt_box .inner .tit em {color: #1992d7;}
.top_box .txt_box .inner .tit em.talk {color: #0A9F73;}
.notice_wrap .top_box .txt_box .inner .tit em.talk {color:#6E7EDC;}
.top_box .txt_box .inner .txt {line-height: 1.7; font-size: 1.2em;}
.top_box .txt_box .inner .dot_list {margin: 5px 0 15px;}
.top_box .txt_box .inner .dot_list > li {line-height: 1.5; margin-bottom: 5px; font-size: 1.067em; background-position: 2px 11px;}
.tab_list > li {display: table; float: left; width: 48.8%; height: 307px; margin-right: 2.4%; margin-bottom: 2.4%; border: 5px solid #161616;-webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s;}
.tab_list > li.top {width:100%;height:160px;}
.tab_list > li:nth-child(3n),
.tab_list > li:nth-child(5n) {margin-right: 0;}
.tab_list > li a {display: table-cell; padding: 10px; font-size: 2.250em; font-weight: 700; vertical-align: middle; text-align: center; 
-webkit-transition: background-color 0.3s, color 0.3s; -moz-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s;}
.tab_list > li:hover {border-color: #1992d7;}
.tab_list > li:hover a {background-color: #1992d7; color: #fff;}
.tab_list > li a .more {position: relative; z-index: 1; display: block; width: 201px; height: 52px; line-height: 52px; margin: 30px auto 0; color: #0ea9e3; background: url('/images/sub/find_more_btn.png') no-repeat 0 0/contain; font-size: 18px; font-weight: 500; overflow: hidden;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.tab_list > li.top a .more {display:inline-block;vertical-align:middle;margin:15px 30px;}
.tab_list > li a .more:after {display: inline-block; content:''; width: 0; height: 14px;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.tab_list > li a:hover .more {color: #0ea9e3; background-image: url('/images/main/more_list_btn_on.png') !important;}
.tab_list > li a:hover .more:after {width: 17px; margin-left: 10px; margin-top: -2px; background: url('/images/main/more_list_btn_arr01.png') no-repeat center/contain; vertical-align: middle;}

.no_result {display: block !important; width: 100% !important; margin-right: 0 !important; padding: 50px 20px !important; text-align: center !important; font-size: 22px !important;}


.find_wrap .top_box,
.leisure_wrap .top_box .container {background-color: #eff9ff;padding:1rem 0;}

.leisure_wrap .top_box .img_box img {max-height: 90%;}
.leisure_wrap .top_box .txt_box {padding-left: 37px;}


.society_wrap .top_box .txt_box {padding-left: 37px;}

.safety_wrap .top_box .txt_box {padding-left: 37px;}

.daily_wrap .top_box .img_box img {vertical-align: bottom;}

.video_wrap .top_box {background-color: #fff2f3;padding:1rem 0;}
.video_wrap .top_box .img_box img {vertical-align: bottom;}
.video_wrap .top_box .txt_box .inner .tit em {color: #F84C58;}

.power_wrap .top_box,
.qna_wrap .top_box{background-color: #ecfff9;padding:1rem 0;}
.notice_wrap .top_box{background-color: #ebeeff;padding:1rem 0;}
.different_wrap .top_box,
.different_wrap .top_box .container  {background-color: #ecfff9;padding:1rem 0;}

.talk_wrap .top_box {background-color: #f7f7f7;padding:1rem 0;}

.talk_wrap .top_box .txt_box {padding-left: 27px;}
.talk_wrap .tab_list > li {width: 49%; height: 389px; margin-right: 2%; margin-bottom: 2%;}
.talk_wrap .tab_list > li:nth-child(4n),
.talk_wrap .tab_list > li:nth-child(2n) {margin-right: 0;}
.talk_wrap .tab_list > li a span {display: block; margin-top: 25px; color: #3d3e40; font-size: 0.722em; font-weight: 400; 
-webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;}
.talk_wrap .tab_list > li:hover {border-color: #46d2a9;}
.talk_wrap .tab_list > li:hover a {background-color: #46d2a9;}
.talk_wrap .tab_list > li:hover a span {color: rgba(255,255,255,0.8);}
.talk_wrap .tab_list > li a .more {background-image: url('/images/sub/talk_more_btn.png'); color: #46d2a9;}
.talk_wrap .tab_list > li a:hover .more:after {background-image: url('/images/main/more_list_btn_arr03.png');}

.power_wrap .top_box .txt_box .inner .tit {font-size: 2.563em;}
.power_wrap .top_box .txt_box {padding-left: 16px;}



.qna_wrap .top_box .txt_box {padding-left: 60px;}


.qna_list {border-top: 2px solid #2b2b2e; border-bottom: 2px solid #2b2b2e; text-align: left;}
.qna_list > li {border-bottom: 1px dashed #a0a0a0;}
.qna_list > li:hover {background-color: #f7f7f7;}
.qna_list > li:last-child {border-bottom: 0;}
.qna_list > li a {display: table; height: 90px; width: 100%; table-layout: fixed; }
.qna_list > li a > * {display: table-cell; vertical-align: middle;}
.qna_list > li a .num {width: 80px; font-size: 1.188em; text-align: center;}
.qna_list > li a .tit {padding: 0 10px; font-size: 1.625em; font-weight: 500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.qna_list > li a .tit .answer {display: inline-block; width: 76px; height: 35px; line-height: 35px; margin-right: 15px; margin-top: -5px; background-color: #14A82C; color: #fff; font-size: 0.769em; text-align: center; border-radius: 5px; vertical-align: middle;}
.qna_list > li a .info_box {width: 500px; padding: 10px 30px; }
.qna_list > li a .info {width: 300px; padding: 0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 1.188em; font-weight: 350;}
.qna_list > li a .info.writer {width: 250px;}
html.is-ie .qna_list .info {font-weight: 300;}
.qna_list > li a .info em {padding-right: 10px; font-weight: 500;}


.center_wrap {-ms-word-break: keep-all; word-break: keep-all;}
.center_wrap .row1 {padding:2rem 0;}
.center_wrap .row1 .img_box {float: left; width: 27%;}
.center_wrap .row1 .txt_box {float: left; width: 73%; padding-left: 40px; padding-top: 30px;}
.center_wrap .row1 .txt_box .t1 {margin-bottom: 35px; color: #6E7EDC; font-size:2rem; font-weight: 700;line-height: 1.3;}
.center_wrap .row1 .txt_box .t1 em {color: #000;}
.center_wrap .row1 .txt_box .t2 {line-height: 1.5; font-size: 1.35em; font-weight: 300;}
.center_wrap .row2 {padding-top: 140px; padding-bottom: 100px; background: #f3f3f8 url('/images/sub/center_new_img02.png') no-repeat center top;}
.center_wrap .row2 dl {margin-bottom: 70px; text-align: center;}
.center_wrap .row2 dl:last-child {margin-bottom: 0;}
.center_wrap .row2 dl dt {margin-bottom: 35px; font-size: 2.500em; font-weight: 700;}
.center_wrap .row2 dl dt em {color: #7876e1;}
.center_wrap .row2 dl dd .txt {line-height: 1.5; border: 8px solid #8d8be9; padding: 20px; background-color: #fff; font-size: 1.625em; border-radius: 100px;}
.center_wrap .row2 dl dd .img_list {overflow: hidden;}
.center_wrap .row2 dl dd .img_list > li {float: left; width: 25%; text-align: center;}
.center_wrap .row2 dl dd .img_list > li p {margin-top: 15px; font-size: 1.325em;}

/* .center_wrap .row1 .img_box {margin-bottom: 20px;}
.center_wrap .row1 .img_box .bg {height: 315px; background: url('/images/sub/center_img01.jpg') no-repeat center/cover;}
.center_wrap .row1 .img_box .tit_box {position: relative; width: 292px; height: 312px; margin: -158px auto 0; padding-top: 130px; color: #fff; background: url('/images/sub/center_img05.png?ver=2') no-repeat center/contain; text-align: center;}
.center_wrap .row1 .img_box .tit_box .t1 {margin-bottom: 5px; font-size: 2.250em; font-weight: 700;}
.center_wrap .row1 .img_box .tit_box .t2 {font-size: 1.500em;}
.center_wrap .row1 .txt_box {line-height: 1.5; text-align: center; -ms-word-break: keep-all; word-break: keep-all;}
.center_wrap .row1 .txt_box .t1 {margin-bottom: 30px; font-size: 2.375em; }8d8be9
.center_wrap .row1 .txt_box .t1 em {color: #8d8be9; font-weight: 700;}
.center_wrap .row1 .txt_box .t2 {margin-bottom: 30px; font-size: 1.875em; font-weight: 300;}
.center_wrap .row1 .txt_box .t2:last-child {margin-bottom: 0;}
.center_wrap .row2 {padding: 90px 0; margin-bottom: -60px; background-color: #faf8f8;}
.center_wrap .row2 dl {display: table; width: 100%; margin-bottom: 60px;}
.center_wrap .row2 dl:last-child {margin-bottom: 0;}
.center_wrap .row2 dl dt {display: table-cell; width: 230px; vertical-align: middle; font-size: 1.875em;}
.center_wrap .row2 dl dt .t1 {position: relative; font-weight: 700;} 
.center_wrap .row2 dl dt .t1:after {display: inline-block; content:''; position: absolute; right: 40px; top: 30px; width: 46px; height: 1px; background-color: #2e2e2e;}
.center_wrap .row2 dl dt .t2 {margin-top: 5px;}
.center_wrap .row2 dl dd {display: table-cell; vertical-align: middle;}
.center_wrap .row2 dl dd .txt {padding: 38px 0; border: 8px solid #8d8be9; font-size: 1.875em; font-weight: 700; border-radius: 70px; text-align: center; -ms-word-break: keep-all; word-break: keep-all;}
.center_wrap .row2 dl dd .img_list {overflow: hidden;}
.center_wrap .row2 dl dd .img_list > li {float: left; width: 30.3%; margin-right: 4.5%;}
.center_wrap .row2 dl dd .img_list > li:nth-child(3n) {margin-right: 0;}
.center_wrap .row2 dl dd .img_list > li .img {position: relative; padding-bottom: 100%; margin-bottom: 25px; background-color: #fff; font-size: 0; text-align: center; border-radius: 50%; overflow: hidden;}
.center_wrap .row2 dl dd .img_list > li .img span {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.center_wrap .row2 dl dd .img_list > li .img span:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}
.center_wrap .row2 dl dd .img_list > li .img img {vertical-align: middle; max-width: 60%; max-height: 60%;}
.center_wrap .row2 dl dd .img_list > li p {font-size: 1.625em; font-weight: 500; text-align: center; -ms-word-break: keep-all; word-break: keep-all;} */


.location_wrap {-ms-word-break: keep-all; word-break: keep-all;padding:2rem 0;}
.location_wrap .img_map {display: none; text-align: center;}
.location_wrap .img_map > div {display: inline-block;}
.location_wrap .map_box {position: relative; max-width:1280px; height: 670px; margin: 0 auto 60px;}
.location_wrap .map_box .root_daum_roughmap_landing {position: absolute; left: 0; top: 50%; right: 0; width: 100% !important; border-radius: 0 !important; padding: 0 !important; border: none !important;
-webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.location_wrap .map_info_box {display: table; width: 100%; padding: 0 30px;}
.location_wrap .map_info_box p {display: inline-block; position: relative; width: 47%; height: 90px; padding-left: 0; font-size: 1.500em; vertical-align: middle;}
.location_wrap .map_info_box p:before {content:'';display: inline-block;  vertical-align: middle; width: 92px; height: 90px; background: url('/images/sub/location_ico01.png?ver=2') no-repeat center/contain;}
.location_wrap .map_info_box p span {display:inline-block;vertical-align:middle;margin-left:10px;width: calc(100% - 120px);}
.location_wrap .map_info_box .address {width: 100%;margin-bottom:20px;}
.location_wrap .map_info_box .tel:before {background-image: url('/images/sub/location_ico02.png?ver=2');}
.location_wrap .map_info_box .fax:before {background-image: url('/images/sub/location_ico03.png?ver=2');}
.location_wrap .transport_box {margin-top: 60px;  padding: 40px; padding-left: 140px; border: 1px solid #dcdcdc; background: url('/images/sub/location_ico04.png') no-repeat 42px 50px;}
.location_wrap .transport_box dt {display: block; margin-bottom: 10px; color: #807ee2; font-size: 1.500em; font-weight: 700;}
.location_wrap .transport_box dd {line-height: 1.5; color: #4c4949; font-size: 1.500em; font-weight: 350;}
html.is-ie .location_wrap .transport_box dd {font-weight: 300;}
.location_wrap .transport_box dd .t1 {display: inline-block; padding: 0 10px; background-color: #3cb44a; height: 28px; line-height: 28px; color: #fff; font-size: 0.750em; border-radius: 15px;}
.location_wrap .transport_box dd .t2 {color: #807ee2; font-weight: 500;}
.location_wrap .basic_tab {margin-top: 60px;}
.location_wrap .basic_tab > li a {height: 89px;}
.location_wrap .basic_tab > li:first-child > a:hover, .location_wrap .basic_tab > li:first-child.on > a {background-color: #39b64a;}
.location_wrap .basic_tab > li > a:hover, .location_wrap .basic_tab > li.on > a {background-color: #8d8be9;}
.location_wrap .location_list {display: table; width: 100%; table-layout: fixed; margin-bottom: 40px;}
.location_wrap .location_list:last-child {margin-bottom: 0;}
.location_wrap .location_list dt {display: table-cell; width: 33.6%;}
.location_wrap .location_list dd {display: table-cell; line-height: 1.5; padding-left: 40px; font-size: 1.500em; vertical-align: middle;}
.location_wrap .location_list dd p {margin-top: 20px;}


.login_wrap {padding: 150px 0;}
.login_wrap .login_tit {margin-bottom: 50px; font-weight: 500; text-align: center;}
.login_wrap .login_tit .t1 {margin-bottom: 20px; font-size: 2.563em; font-weight: 400;}
.login_wrap .login_tit .t1 em {font-size: 1.585em; font-weight: 500;}
.login_wrap .login_tit .t2 {font-size: 2.000em; }
.login_wrap .login_box {padding: 10px 10px 55px; border-top: 2px solid #0d1d48; box-shadow: 5px 5px 17px rgba(0,0,0,0.2);}
.login_wrap .login_box .inner {display: table; width: 100%; max-width: 835px; margin: 0 auto;}
.login_wrap .login_box .inner > div {display: table-cell; vertical-align: middle;}
.login_wrap .login_box .inner .left {width: 238px; padding: 50px 0;}
.login_wrap .login_box .inner .right {padding-left: 30px; text-align: right;}
.login_wrap .login_box .tit {margin-bottom: 25px; font-size: 1.875em; font-weight: 500; text-align: center;}
.login_wrap .login_box .naver_btn {display: inline-block; width: 100%; max-width: 530px; height: 96px; line-height: 92px; padding-left: 35px; margin-bottom: 10px; background-color: #0AA907; border: 2px solid #0AA907; color: #fff; border-radius: 10px; font-size: 1.75em; text-align: left; text-shadow: 1px 1px 5px rgba(0,0,0,0.2);
-webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s;}
.login_wrap .login_box .naver_btn:before {display: inline-block; content:''; width: 78px; height: 57px; margin-right: 40px; margin-top: -5px; border-right: 1px solid #5fd245; background: url('/images/sub/login_naver.png') no-repeat 0 center; vertical-align: middle;}
.login_wrap .login_box .naver_btn:hover {box-shadow: 7px 7px 0 rgba(0,0,0,0.22);}
.login_wrap .login_box .kako_btn {display: inline-block; width: 100%; max-width: 530px; height: 96px; line-height: 92px; background-color: #f7e317; border: 2px solid #e8db4f; color: #3c1e1e; border-radius: 10px; padding-left: 35px; font-size: 1.875em; text-align: left; text-shadow: 1px 1px 5px rgba(0,0,0,0.2);
-webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s;}
.login_wrap .login_box .kako_btn:before {display: inline-block; content:''; width: 78px; height: 57px; margin-right: 40px; margin-top: -5px; border-right: 1px solid rgba(255,255,255,0.5); background: url('/images/sub/login_kakao.png') no-repeat 0 center; vertical-align: middle;}
.login_wrap .login_box .kako_btn:hover {box-shadow: 7px 7px 0 rgba(0,0,0,0.22);}
.login_wrap .login_box .txt {max-width: 835px; margin: 0 auto; padding: 15px 0; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; color: #5d5d5d; font-weight: 350; font-size: 1.250em; -ms-word-break: keep-all; word-break: keep-all; text-align: center;}
html.is-ie .login_wrap .login_box .txt {font-weight: 300;}
.login_wrap .login_box .txt:before {display: inline-block; content:''; width: 19px; height: 19px; margin-right: 7px; margin-top: -4px; background: url('/images/sub/login_import.png') no-repeat center/contain; vertical-align: middle;}
.login_wrap .login_box .txt .em1 {color: #0d80c4; font-weight: 700;}
.login_wrap .login_box .txt .em2 {color: #303030; font-weight: 500;}
.login_wrap .complete_box {margin: 70px auto 50px; padding: 0 0 100px; box-shadow: 5px 5px 17px rgba(0,0,0,0.2);}
.login_wrap .complete_box .logo {position: relative; background-color: #f2fafc; margin-bottom: 70px; padding: 50px 0 40px;}
.login_wrap .complete_box .logo:before {display: inline-block; content:''; position: absolute; left: 100px; top: 50%; right: 100px; height: 1px; background-color: #2d2d2d;}
.login_wrap .complete_box .logo img {position: relative;}
.login_wrap .complete_box .user {padding: 0 10px; margin-bottom: 40px; font-size: 2.625em; font-weight: 500;}
.login_wrap .complete_box .user:before {display: inline-block; content:''; width: 55px; height: 55px; margin-right: 25px; margin-top: -3px; background: url('/images/sub/login_user_ico.png') no-repeat center/contain; vertical-align: middle;}
.login_wrap .complete_box .txt {padding: 0 10px; font-size: 1.750em;}
.login_wrap .complete_box .txt em {border-bottom: 1px solid #e00a0a; color: #e00a0a; font-weight: 700;}

.privacy_wrap {padding:2rem 0;}
.privacy_wrap .container {padding-top: 50px; padding-bottom: 50px; border-top: 2px solid #232323; border-bottom: 2px solid #232323;}
.privacy_wrap .tit {margin-bottom: 20px; font-size: 1.625em; font-weight: 700;}
.privacy_wrap .txt {line-height: 1.5; margin-bottom: 40px; font-size: 1.250em; font-weight: 350;}
html.is-ie .privacy_wrap .txt {font-weight: 300;}
.privacy_wrap dl {margin-bottom: 40px; font-size: 1.250em;}
.privacy_wrap dl:last-child {margin-bottom: 0;}
.privacy_wrap dl dt {margin-bottom: 10px; font-weight: bold;}
.privacy_wrap dl dd {line-height: 1.5; font-weight: 350;}
html.is-ie .privacy_wrap dl dd {font-weight: 300;}
.privacy_wrap dl dd .abs_bull_list > li {padding-left: 25px;}
.privacy_wrap dl dd .bar_list > li {background-position: 0 13px;}
.privacy_wrap dl dd .small {margin: 5px 0; font-size: 0.9em;}


.copyright_wrap {-ms-word-break: keep-all; word-break: keep-all;}
.copyright_wrap .copyright_top {display: table; width: 100%; margin-bottom: 40px; border-bottom: 1px solid #eaeaea;padding:2rem 0;}
.copyright_wrap .copyright_top .img_box {display: table-cell; width: 40%; padding-bottom: 50px; vertical-align: middle; text-align: center;}
.copyright_wrap .copyright_top .tit_box {display: table-cell; line-height: 1.5; padding: 20px 0; padding-left: 20px; vertical-align: middle; font-size: 1.625em; font-weight: 700;}
.copyright_wrap .copyright_top .tit_box em {color: #e33b3b;}
.copyright_wrap .txt_box {line-height: 1.5; font-size: 1.250em; }
html.is-ie .copyright_wrap .txt_box {font-weight: 300;}
.copyright_wrap .txt_box .t1 {margin-bottom: 30px; font-weight: 350;}
.copyright_wrap .txt_box .t2 {font-weight: 500;}


.user_list > li {float: left; width: 22.37%; margin-right: 3.5%; margin-bottom: 3.5%;}
.user_list > li:nth-child(4n) {margin-right: 0;}
.user_list > li a {display: block; padding: 12px; border: 1px solid #e7e7e7;}
.user_list > li .img_box {position: relative; padding-bottom: 104%; margin-bottom: 25px; background-color: #f1f1f1; overflow: hidden;}
.user_list > li .img_box .inner_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; text-align: center;}
.user_list > li .img_box .inner_box:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}
.user_list > li .img_box .inner_box img {vertical-align: middle; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.user_list > li:hover .img_box .inner_box img {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3);}
.user_list > li .txt_box {padding: 0 13px 10px;}
.user_list > li .txt_box .name {margin-bottom: 15px; font-size: 1.125em; font-weight: 500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.user_list > li .txt_box .name em {font-size: 1.111em;}
.user_list > li .txt_box .info_list > li {position: relative; padding-left: 22px; font-size: 1.063em; font-weight: 350;}
html.is-ie .user_list > li .txt_box .info_list > li {font-weight: 300;}
.user_list > li .txt_box .info_list > li {margin-bottom: 7px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.user_list > li .txt_box .info_list > li:last-child {margin-bottom: 0;}
.user_list > li .txt_box .info_list > li:before {display: inline-block; content:''; position: absolute; vertical-align: middle;}
.user_list > li .txt_box .info_list > li.job:before {left: 0; top: 2px; width: 16px; height: 16px; background: url('/images/sub/user_job_ico.png') no-repeat center/contain;}
.user_list > li .txt_box .info_list > li.area:before {left: 2px; top: 3px; width: 12px; height: 17px; background: url('/images/sub/user_area_ico.png') no-repeat center/contain;}
.user_list > li .txt_box .info_list > li em {display: inline-block; width: 40px; font-weight: 500;}
.user_list > li .txt_box .info_list > li.job em {color: #3daa4a;}
.user_list > li .txt_box .info_list > li.area em {color: #2c75d8;}

.user_view_top {display: table; width: 100%; margin-bottom: 65px; table-layout: fixed;}
.user_view_top .img_box {display: table-cell; width: 22.5%; background-color: #f1f1f1; vertical-align: middle; text-align: center;}
.user_view_top .img_box img {max-height: 259px;}
.user_view_top .txt_box {display: table-cell; height: 259px; padding-left: 58px; vertical-align: middle;}
.user_view_top .txt_box .name {margin-bottom: 20px; font-size: 1.375em; font-weight: 500;}
.user_view_top .txt_box .name em {font-size: 1.227em;}
.user_view_top .txt_box .info_list {margin-bottom: 25px;}
.user_view_top .txt_box .info_list:after {display: block; content:''; clear: both;}
.user_view_top .txt_box .info_list > li {position: relative; float: left; padding-left: 27px; color: #585858; font-size: 1.250em; font-weight: 350;}
html.is-ie .user_view_top .txt_box .info_list > li {font-weight: 300;}
.user_view_top .txt_box .info_list > li:before {display: inline-block; content:''; position: absolute;}
.user_view_top .txt_box .info_list > li.job:before {left: 0; top: 3px; width: 20px; height: 20px; background: url('/images/sub/user_job_ico.png') no-repeat center/contain;}
.user_view_top .txt_box .info_list > li.area:before {left: 2px; top: 3px; width: 15px; height: 21px; background: url('/images/sub/user_area_ico.png') no-repeat center/contain;}
.user_view_top .txt_box .info_list > li em {padding-right: 10px; font-weight: 500;}
.user_view_top .txt_box .info_list > li.job em {color: #3daa4a;}
.user_view_top .txt_box .info_list > li.area {padding-left: 25px;}
.user_view_top .txt_box .info_list > li.area em {color: #2c75d8;}
.user_view_top .txt_box .info_list > li:after {display: inline-block; content:''; width: 1px; height: 20px; margin: -2px 20px 0; background-color: #d3d3d3; vertical-align: middle;}
.user_view_top .txt_box .info_list > li:last-child:after {display: none;}
.user_view_top .txt_box .txt {line-height: 1.4; color: #585858; font-size: 1.125em; font-weight: 350;}
html.is-ie .user_view_top .txt_box .txt {font-size: 1.125em; font-weight: 300;}


.board_view .user_view_top {padding: 30px 0; border-top: 1px solid #0d1945; margin-bottom: 0;}


.user_wrap .vi_board_list.skin2 .name {margin-bottom: 35px; font-size: 2.000em; font-weight: 500;}
.user_wrap .vi_board_list.skin2 .name em {display: inline-block; height: 36px; line-height: 36px; padding: 0 20px; margin-right: 15px; margin-top: -5px; background-color: #eee; border-radius: 20px; font-size: 19px; vertical-align: middle;}
.user_wrap .vi_board_list.skin2 .name em:before {display: inline-block; content:''; width: 16px; height: 17px; margin-right: 5px; margin-top: -6px; background: url('/images/sub/user_ico.png') no-repeat center/contain; vertical-align: middle;}
.user_wrap .vi_board_list.skin2 .txt {display: block; height: auto; margin-bottom: 0; -webkit-line-clamp: inherit; -webkit-box-orient: inherit; word-wrap: inherit;}
.user_wrap .vi_board_list.skin2 > li:hover img {-webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none;}
.user_wrap .top_txt_box {padding:2rem 1rem;}
.user_wrap .top_txt_box:after {display: block; content:''; clear: both;}
.user_wrap .top_txt_box dt {position: relative; float: left; width: 255px; height: 241px; background-color: #fff; font-size: 0; text-align: center; box-shadow: 3px 3px 32px rgba(0,0,0,0.23);}
.user_wrap .top_txt_box dt:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}
.user_wrap .top_txt_box dt img {vertical-align: middle;}
.user_wrap .top_txt_box dt:before {display: inline-block; content:''; width: 100%; height: 100%; position: absolute; z-index: -1; left: 12px; bottom: -12px; background-color: rgba(0,97,148,0.59);}
.user_wrap .top_txt_box dd {float: left; width: 100%;  -ms-word-break: keep-all; word-break: keep-all;}
.user_wrap .top_txt_box dd .t1 {display: inline-block; position: relative; padding: 0 55px; margin-bottom: 30px; color: #5199bf; font-size: 2.250em; font-weight: 700;}
.user_wrap .top_txt_box dd .t1 em {color: #006194;}
.user_wrap .top_txt_box dd .t1:before {display: inline-block; content:''; position: absolute; left: 0; top: 0; width: 31px; height: 30px;background: url('/images/sub/user_ico01.png') no-repeat center/contain; vertical-align: top;}
.user_wrap .top_txt_box dd .t1:after {display: inline-block; content:''; position: absolute; right: 0; bottom: 0; width: 31px; height: 30px; background: url('/images/sub/user_ico02.png') no-repeat center/contain; vertical-align: bottom;}
.user_wrap .top_txt_box dd .t2 {font-size: 1.500em;}
.user_wrap .user_draw_list {border-top: 1px solid #262626; -ms-word-break: keep-all; word-break: keep-all;}
.user_wrap .user_draw_list > li {display: table; width: 100%; min-height: 405px; padding: 30px 0 40px; border-bottom: 1px dashed #a0a0a0;}
.user_wrap .user_draw_list > li .txt_box {display: table-cell; position: relative; padding-left: 120px; padding-right: 30px;}
.user_wrap .user_draw_list > li .txt_box .user {position: absolute; left: 0; top: 0;}
.user_wrap .user_draw_list > li .txt_box .name {margin-bottom: 25px; padding-top: 25px; font-size: 1.250em; font-weight: 500;}
.user_wrap .user_draw_list > li .txt_box .name em {font-size: 1.300em;}
.user_wrap .user_draw_list > li .txt_box .dot_list > li {margin-bottom: 8px; color: #585858; font-size: 1.2em; font-weight: 350; background-position: 2px 11px;}
html.is-ie .user_wrap .user_draw_list > li .txt_box .dot_list > li {font-weight: 300;}
.user_wrap .user_draw_list > li .img_box {display: table-cell; width: 52%; padding-top: 25px; vertical-align: top; text-align: right;}
.user_wrap .user_draw_list > li .img_box .inner {float: left; width: 49%; margin-right: 2%;}
.user_wrap .user_draw_list > li .img_box .inner:last-child {margin-right: 0;}
.user_wrap .user_draw_list > li .img_box .inner:first-child img {border: 1px solid #f0f0f0;}
.user_wrap .user_draw_list > li .img_box p {margin-top: 10px; color: #848484; font-size: 1.063em; font-weight: 350; text-align: center;}
html.is-ie .user_wrap .user_draw_list > li .img_box p {font-weight: 300;}
.user_wrap .user_draw_list > li .img_box p span {color: #626262; font-weight: 400;}



.different_wrap .top_box .img_box {width: 45%;}
.different_wrap .top_box .img_box img {max-height: 95%; vertical-align: bottom;}
.different_wrap .top_box .txt_box {width: 55%;}
.different_wrap .link_list > li {margin-bottom: 70px;}
.different_wrap .link_list > li:after {display: block; content:''; clear: both;}
.different_wrap .link_list > li a {position: relative; float: left; width: 35.3%; height: 150px; border: 1px solid #dcdcdc; border-radius: 10px; text-align: center; overflow: hidden;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.different_wrap .link_list > li a:before {opacity: 0; visibility: hidden; display: inline-block; content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:  #04a85f;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.different_wrap .link_list > li a:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}
.different_wrap .link_list > li a > img {max-width: 80%; vertical-align: middle;}
.different_wrap .link_list > li a .hover {opacity: 0; visibility: hidden; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin-top: -16.5px; color: #fff; font-size: 1.625em;
-webkit-transform: translateY(30px); -moz-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px);
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.different_wrap .link_list > li a .hover img {margin-left: 15px; margin-top: -4px; vertical-align: middle;}
.different_wrap .link_list > li a:hover {box-shadow: 2px 2px 17px rgba(0,0,0,0.4);}
.different_wrap .link_list > li a:hover:before {opacity: 1; visibility: visible;}
.different_wrap .link_list > li a:hover .hover {opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.different_wrap .link_list > li .txt_box {float: left; width: calc(100% - 35.3%); padding-left: 40px;}
.different_wrap .link_list > li .txt_box .tit {margin-bottom: 10px; color: #02A96D; font-size: 1.625em; font-weight: 500;}
.different_wrap .link_list > li .txt_box .txt {line-height: 1.4; font-size: 1.375em; font-weight: 350; -ms-word-break: keep-all; word-break: keep-all;}
html.is-ie .different_wrap .link_list > li .txt_box .txt {font-weight: 300;}