@charset "utf-8";

/******************** main_visual ********************/
/* main_visual */
#main_visual {position:relative;}
.main_visual {position:relative; overflow:hidden; width:100%; min-width:1220px; height:670px}
.main_picture {position:absolute; top:0; left:0; z-index:10; width:100%; min-width:1000px; vertical-align:top;}
.picture2 {display:none;}
.current {position:absolute; top:0; left:0; width:100%; height:auto; min-height:670px;}
/* main_text */
.main_text {position:relative; top:0; left:0; z-index:100; margin:0 auto; width:1220px;}
.main_text p {overflow:hidden; margin:120px 0 0 0; width:500px; height:169px; text-indent:-999999px;}
.main_text.white p {background:url("../image/main/visual_text_white.png") 0 0 no-repeat;}
.main_text.black p {background:url("../image/main/visual_text_black.png") 0 0 no-repeat;}
/**/
.main_btn {z-index:100; position:relative; width:1220px; margin:40px auto 0; }
.main_btn a {display:inline-block; padding:10px 40px; border:1px solid #fff; color:#fff;}

/* main_dot */
.main_dot {position:absolute; top:420px; left:50%; z-index:200; overflow:hidden; margin-left:-610px; width:1220px; text-align:left;}
.main_dot input {float:left;}
.main_dot input.btn_play {margin:0 15px 0 0}
.main_dot a {overflow:hidden; float:left; display:block; margin:7px 10px 0 0; width:12px; height:12px; border-radius:20px; background:#fff; text-indent:-999999px; line-height:1;}
.main_dot a.dot_first {margin-left:29px;}
.main_dot a.dot.dot_on {width:30px !important; background:#48bec2;}


/******************** main_contents ********************/
/***** main_layout *****/
#main_contents {position:relative; z-index:200; width:100%; min-width:1220px; text-align:center;}
.main_content_box {position:relative; width:1220px; min-width:1220px; margin:0 auto;}

/***** main_pop *****/
.main_pop {position:absolute; top:-550px; right:50%; margin-right:-610px; width:500px; border-radius:0 0 15px 15px; overflow:hidden; text-align:left; color:#fff;}
.popzone_title {height:58px; padding:0 20px; border:1px solid rgba(255,255,255,0.5); border-radius:15px 15px 0 0;}
.popzone_title h2 {display:inline-block; font-size:18px; font-weight:normal; line-height:58px;}
.popzone_title ul.num {float:right; margin:17px 75px 0 0;}
.popzone_title ul.num li {float:left; text-align:center;}
.popzone_title ul.num li > a {display:inline-block; width:40px;line-height:25px;}
.popzone_title ul.num li.on {background:#4672b0; border-radius:50px; font-weight:bold;}
.pzcontrol {position:absolute; top:17px; right:20px;}
.pzcontrol a {float:left;}
.popzone_img {position:absolute; top:60px; left:0;}
.popzone_img a {display:block; line-height:0;}
.popzone_img img {width:500px; height:260px;}
.mainpopzone_bg {height:260px; background:#fff;}

/***** main_shortcut *****/
.main_shortcut {position:absolute; top:-160px; width:100%; height:160px; background:rgba(0,0,0,0.5);}
.shortcut {overflow:hidden; width:1220px; min-width:1220px; height:76px; margin:0 auto; padding:42px 0; text-align:left; color:#fff;}
.shortcut li {float:left; width:272px; margin-right:44px; opacity:0.8;}
.shortcut li a {display:block;}
.shortcut li:last-child {margin-right:0;}
.shortcut hr {margin:8px 0 18px; border-style:dashed;}
.shortcut li span{display:block; background:url("../image/main/ic_arrow01.png") 100% 50% no-repeat;}
.shortcut li:hover {font-weight:bold; opacity:1;}
.shortcut li:hover hr {margin-bottom:16px; border-style:solid; border-width:1.5px;}

/***** main_banner *****/
.main_banner {padding:80px 0 130px; background:#f5f5f5;}
.main_banner h2 {font-size:34px; color:#000; line-height:1; letter-spacing:-2px;}
.main_banner h2 span {display:block; margin-top:15px; font-size:18px; font-weight:normal; color:#555;}
.main_banner .main_banner_list {overflow:hidden; margin-top:60px;}
.main_banner .main_banner_list li {display:inline-block; margin-right:52px; vertical-align:top;}
.main_banner .main_banner_list li:last-child {margin-right:0;}
.main_banner .main_banner_list li span {display:block; width:160px; height:160px; border-radius:100%;}
.main_banner .main_banner_list li p {margin-top:20px; font-size:16px; color:#333; letter-spacing:-1px;}

.main_banner .main_banner_list li span.ic01 {background:#fff url("../image/main/main_banner01.png") 50% 50% no-repeat;}
.main_banner .main_banner_list li span.ic02 {background:#fff url("../image/main/main_banner03.png") 50% 50% no-repeat;}
.main_banner .main_banner_list li span.ic03 {background:#fff url("../image/main/main_banner05.png") 50% 50% no-repeat;}
.main_banner .main_banner_list li span.ic04 {background:#fff url("../image/main/main_banner04.png") 50% 50% no-repeat;}
.main_banner .main_banner_list li span.ic05 {background:#fff url("../image/main/main_banner05.png") 50% 50% no-repeat;}
.main_banner .main_banner_list li span.ic06 {background:#fff url("../image/main/main_banner06.png") 50% 50% no-repeat;}

.main_banner .main_banner_list li:hover span.ic01 {background:#83ade9 url("../image/main/main_banner01.png") 50% 50% no-repeat;}
.main_banner .main_banner_list li:hover span.ic02 {background:#83ade9 url("../image/main/main_banner03.png") 50% 50% no-repeat;}
.main_banner .main_banner_list li:hover span.ic03 {background:#83ade9 url("../image/main/main_banner05.png") 50% 50% no-repeat;}
.main_banner .main_banner_list li:hover span.ic04 {background:#83ade9 url("../image/main/main_banner04.png") 50% 50% no-repeat;}
.main_banner .main_banner_list li:hover span.ic05 {background:#83ade9 url("../image/main/main_banner05.png") 50% 50% no-repeat;}
.main_banner .main_banner_list li:hover span.ic06 {background:#83ade9 url("../image/main/main_banner06.png") 50% 50% no-repeat;}


/***** time_sns *****/
.time_sns {position:relative; z-index:210; width:100%; min-width:1220px; height:360px;}
.time_sns_bg {position:absolute; z-index:211; top:-50px; left:0; width:59%; height:100%; background:#2c9b9e url("../image/main/time_sns_bg.gif") 0% 0% repeat; border-radius: 0 200px 200px 0;}
.time_sns_bg02 {position:absolute; z-index:211; top:0; right:0; width:59%; height:100%; background:#4c7abb url("../image/main/time_sns_bg02.gif") 0% 0% repeat; border-radius: 200px 0 0 200px;}
.time_sns_box {position:relative; z-index:215; overflow:hidden; margin:0 auto; width:1220px; height:100%; text-align:left;}

/* time */
.time_sns .time {float:left; width:410px; border-radius:30px;}
.time_sns .time h2 {font-size:20px; color:#fff;}
.time_sns .time .tel {display:inline-block; margin-top:10px; padding:3px 25px 8px; font-size:48px; font-weight:bold; background:#128990; border-radius:100px; color:#ffef69; letter-spacing:-1px; line-height:1;}
.time_sns .time span.line {display:block; height:6px; margin:35px 0 30px; background: url("../image/main/time_hr.png") 0% 0% no-repeat;}
.time_sns .time .service {display:inline-block; margin-top:10px; padding:3px 25px 8px; font-size:32px; font-weight:bold; background:#128990; border-radius:100px; color:#ffd57d; letter-spacing:-0.5px; line-height:1;}
.time_sns .time .service span {display:inline-block; margin-bottom:7px; font-size:18px; color:#fff; letter-spacing:-1px; vertical-align:middle;}

/* sns */
.time_sns .sns {float:right; padding:50px 0 0 150px; width:640px;}
.time_sns .sns h2 {font-size:20px; color:#fff;}
.time_sns .sns .facebook, .time_sns .sns .youtube {float:left; width:300px;}
.time_sns .sns .facebook {margin-right:38px;}
.time_sns .sns .sns_box {width:300px; height:220px; margin-top:10px; border-radius:5px; background:#fff;}


/***** photo *****/
.photo {position:relative; margin:70px 0 80px;}
.photo h2 {font-size:34px; color:#000; line-height:1; letter-spacing:-2px;}
.photo h2 span {display:block; margin-top:15px; font-size:18px; font-weight:normal; color:#555;}
.photo ul {overflow:hidden; margin-top:60px;}
.photo li {position:relative; float:left; margin-left:50px; width:373px;}
.photo li:first-child {margin-left:0;}
.photo li p {margin-top:22px; font-size:18px; font-weight:bold; text-align:center; color:#000; letter-spacing:-1px;}
.photo li a:hover p, .photo li a:focus p {color:#4c7abb}
.photo img {position:relative; z-index:10; width:373px; height:268px; border-radius:15px;}
.photo .more {position:absolute; top:0; right:0; padding:11px 20px; font-size:16px; font-weight:bold; color:#008387; border:2px solid #51a9ad; border-radius: 100px; letter-spacing:-1px; line-height:1;}
.photo .more span {display:inline-block; width:20px; height:16px; background:url("../image/main/more02.png") 0 50% no-repeat; vertical-align:top;}

/***** notice *****/
.notice {margin-top:80px;}
.notice ul.notice_tab {overflow:hidden; height:480px;}
.notice ul.notice_tab > li {display:inline-block; padding:0 40px 0 20px; font-size:34px; font-weight:bold; color:#888; background:url("../image/main/notice_tab01.png") 100% 50% no-repeat; line-height:1; letter-spacing:-2px;}
.notice ul.notice_tab > li+li {background:url("../image/main/notice_tab02.png") 100% 50% no-repeat;}
.notice ul.notice_tab > li:first-child {padding-left:0;}
.notice ul.notice_tab > li:last-child {padding-right:0; background:none;}
.notice ul.notice_tab > li.on {color:#000;}

.notice .board_con {position:absolute; left:0; top:90px; width:100%; padding-bottom:100px;}
.notice .board_con ul.board_list {border-top:2px solid #000; text-align:left;}
.notice .board_con ul.board_list li a {position:relative; display:block; padding:40px; border-bottom:1px solid #d2d2d2; background:#fff;}
.notice .board_con ul.board_list li .subject {display:block; padding-left:140px; margin-bottom:25px; color:#333; font-size:20px; font-weight:normal; letter-spacing:-1px;}
.notice .board_con ul.board_list li .comment {display:block; padding-left:140px; overflow:hidden; color:#555; font-size:15px; font-weight:normal; letter-spacing:-0.5px;}
.notice .board_con ul.board_list li .date {position:absolute; top:36px; left:40px; width:65px; display:block; color:#666; font-size:16px; letter-spacing:-0.5px; word-break:break-all;}
.notice .board_con ul.board_list li .date span {font-size:54px; letter-spacing:-2px; line-height:0.9;}

.notice .more {position:absolute; bottom:0; left:50%; margin-left:-55px; padding:11px 20px; font-size:16px; font-weight:bold; color:#333; border:2px solid #d2d2d2; border-radius: 100px; letter-spacing:-1px; line-height:1;}
.notice .more span {display:inline-block; width:20px; height:16px; background:url("../image/main/more03.png") 0 50% no-repeat; vertical-align:top;}

/***** related_agencies *****/
.related_agencies {clear:both; overflow:hidden; margin-top:120px;}
.related_agencies li {float:left; width:295px; height:58px; margin:0 0 10px 10px; border:1px solid #c9c9c9;}
.related_agencies li:nth-child(4n+1) {margin-left:0;}
.related_agencies li a {display:block; line-height:0;}
.related_agencies li img {width:295px; height:58px; line-height:0;}