@charset "utf-8";



#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden; -webkit-transition: height .3s ease-in-out; -ms-transition: height .3s ease-in-out; -o-transition: height .3s ease-in-out; transition: height .3s ease-in-out}

#skipToContent a:focus,

#skipToContent a:active {width:100%;height:100px;background:#45597d;color:#fff;font-size:1.2857em;font-weight:bold;text-align:center;text-decoration:none;line-height:100px}



html{font-size:16px;}

select{-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background-image: url(../img/common/ico_select.png); background-position: center right 9%; background-repeat: no-repeat;}

#wrap{min-width:1220px; }

.inner{max-width: 1200px; margin:0 auto;}

.inner:after{content: ""; display: block; clear: both;}



/*HEADER*/

header{}

#hd{z-index: 10 !important;}
#hd_wrapper{background-color:#fff;}
#hd_wrapper .gnb{border-bottom: 1px solid #efefef;}
#hd_wrapper .gnb:after{display: block; clear: both; content: "";}
#hd_wrapper .gnb .gnb_left{float: left;}
#hd_wrapper .gnb .gnb_left ul{}
#hd_wrapper .gnb .gnb_left ul:after{content: ""; display: block;  clear: both;}
#hd_wrapper .gnb .gnb_left li{float: left; border-right: 1px solid #efefef;}
#hd_wrapper .gnb .gnb_left li:first-child{border-left: 1px solid #efefef;}
#hd_wrapper .gnb .gnb_left li a{font-size: 0.875em; font-weight: 300; color: #333; display: inline-block; padding:13px 0; text-align: center; width: 102px;}
#hd_wrapper .gnb .gnb_right{float: right;}
#hd_wrapper .gnb .gnb_right ul{}
#hd_wrapper .gnb .gnb_right ul:after{content: ""; clear: both; display: block;}
#hd_wrapper .gnb .gnb_right > ul > li{float: left; border-right: 1px solid #efefef;}
#hd_wrapper .gnb .gnb_right > ul > li:first-child{border-left: 1px solid #efefef;}
#hd_wrapper .gnb .gnb_right > ul > li > a{font-size: 0.875em; font-weight: 300; color: #333; display: inline-block; padding:13px 0; text-align: center; width: 102px;}
#hd_wrapper .gnb .gnb_right .language{position: relative;}
#hd_wrapper .gnb .gnb_right .language > a{padding:10px 0; width: 52px;}
#hd_wrapper .gnb .gnb_right .language .lang_submenu{position: absolute;left: 0; top: 44px; width: 100%; border:1px solid #454545; box-sizing: border-box; display: none; z-index: 1;}
#hd_wrapper .gnb .gnb_right .language ul{}
#hd_wrapper .gnb .gnb_right .language li{}
#hd_wrapper .gnb .gnb_right .language li a{display: block; text-align: center; padding:5px 0; background-color: #fff;}
#hd_wrapper .gnb .gnb_right .language li a:hover, #hd_wrapper .gnb .gnb_right .language li a:focus{background-color: #000;}

#hd_wrapper .lnb_wrap{position: relative;}
header .nav_wrap{float:left; width: calc(100% - 215px);}

header .nav_wrap .lnb{margin:0 auto; width: 100%; max-width:775px; letter-spacing: -1px;}

header .nav_wrap .lnb > ul{width:100%;}

header .nav_wrap .lnb ul:after{content: ""; clear: both; display: block;}

header .nav_wrap .lnb > ul > li{float: left; height: 100px; display: table; color: #222;padding:0 25px;}

header .nav_wrap .lnb > ul > li > a{display: inline-block; font-size: 1.125em; font-weight: 400; display: table-cell; vertical-align: middle; box-sizing: border-box; text-align: center; position: relative; }

header .nav_wrap .lnb > ul > li:hover{color: #07A1AF;}
header .nav_wrap .lnb > ul > li:hover > a:before{content: ""; position: absolute; bottom: 0; width: 100%; height: 3px; background-color:#07A1AF;}
header .nav_wrap .lnb .submenu{position: absolute; left: 0; top: 100px; width: 100%; min-height: 200px; z-index: 1; display: none; background-color:#fff; border-top:1px solid #efefef; overflow: hidden;}

header .nav_wrap .lnb .submenu .inner{display: table; width: 100%; height: 100%; min-height: 200px;}
header .nav_wrap .lnb .submenu .img{width: 45%; background-repeat:no-repeat; background-position: bottom right 10%; display: table-cell; vertical-align: middle;}
header .nav_wrap .lnb > ul > li:nth-child(1) .img{background-image:url(../img/common/bg_submenu01.png);}
header .nav_wrap .lnb > ul > li:nth-child(2) .img{background-image:url(../img/common/bg_submenu02.png);}
header .nav_wrap .lnb > ul > li:nth-child(3) .img{background-image:url(../img/common/bg_submenu03.png);}
header .nav_wrap .lnb > ul > li:nth-child(4) .img{background-image:url(../img/common/bg_submenu04.png);}
header .nav_wrap .lnb > ul > li:nth-child(5) .img{background-image:url(../img/common/bg_submenu05.png);}
header .nav_wrap .lnb > ul > li:nth-child(6) .img{background-image:url(../img/common/bg_submenu06.png);}
header .nav_wrap .lnb .submenu .img .title{color: #07A1AF; font-size:1.875em; margin-bottom: 10px;}
header .nav_wrap .lnb .submenu .img .desc{color:#444444; font-size:0.938em; font-weight: 300;}
header .nav_wrap .lnb .submenu .txt{width: 55%; display: table-cell; vertical-align: middle;}
header .nav_wrap .lnb .submenu .txt ul{}
header .nav_wrap .lnb .submenu .txt ul:after{content: ""; display: block; clear: both;}
header .nav_wrap .lnb .submenu .txt li{width: 25%; float: left;}
/* header .nav_wrap .lnb > ul > li:nth-child(3) .submenu .txt li:nth-child(2){width: 75%;} */
header .nav_wrap .lnb .submenu .txt li a{color:#222; font-weight: 300; font-size: 1em; position: relative; display: inline-block; padding: 7px 0 7px 14px;white-space:nowrap;}
header .nav_wrap .lnb .submenu .txt li a:before{content: ""; width: 2px; height: 4px; background-color:#07A1AF; position: absolute; top: 14px; left: 1px;}
header .nav_wrap .lnb .submenu .txt li a:after{content: ""; width: 4px; height: 2px; background-color:#07A1AF; position: absolute; top: 15px; left: 0;}
header .nav_wrap .lnb .submenu .txt li a:hover{color:#07A1AF; font-weight: 700; font-weight: 1em;}
header .nav_wrap .bg_menu{width: 100%; height: 100%; position: fixed; z-index: -1; left: 0; top: 0; background-color:#000; opacity: 0.5; display: none;}
header .nav_wrap .bg_search{width: 100%; height: 100%; position: fixed; z-index: -1; left: 0; top: 0; background-color:#000; opacity: 0.5; display: none;}




.search_wrap{padding:34px 0; float: right;}
.search_wrap > a{display: inline-block; width: 26px; height: 26px; background-image:url(../img/common/ico_search.png); background-repeat: no-repeat; background-position: center; }
.search_wrap > a.on{background-image:url(../img/common/ico_searchx.png);}
.search_wrap .search_box{background-color: #fff; border-top: 1px solid #efefef; position: absolute; top: 100px; left: 0; width: 100%;  transition:all .3s;overflow: hidden;height: 0; opacity: 0;}
.search_wrap .search_box .inner{position: relative;}
.search_wrap .search_box input[type="text"]{width: 100%; height: 3.056em; border:0; border-bottom:2px solid #07A1AF; background-color:#fff; font-weight: 300; font-size: 1.125em; padding-left: 1.667%;}
.search_wrap .search_box input::-webkit-input-placeholder{color: rgba(0, 173, 187, 0.68);}
.search_wrap .search_box input::-moz-placeholder{color: rgba(0, 173, 187, 0.68);}
.search_wrap .search_box input:-ms-input-placeholder{color: rgba(0, 173, 187, 0.68);}
.search_wrap .search_box a{display:block; width: 3.833em; font-size: 1.125em; color: #fff; text-align: center; height: 3.056em; background-image:url(../img/common/ico_search_green.png); background-repeat: no-repeat; background-position: center center; position: absolute;bottom: 0; right: 0;}
.search_wrap .search_box #sch_submit{display:block; width: 3.833em; font-size: 1.125em; text-align: center; height: 3.056em; background-image:url(../img/common/ico_search_green.png); background-repeat: no-repeat; background-position: center center; position: absolute;bottom: 0; right: 0; text-indent: -99999999px; background-color: inherit; border: 0;}





#wrapper .m_lnb{position: absolute; top: 0; left: 0;width: 100%; height: 100%; z-index: 100; display: none; margin-left: -100%; background-color: #fff;}

#wrapper .m_lnb .m_bg{position: fixed; background-color: #000; opacity: 0.6;width: 100%; height: 100%; z-index: -1; top: 0; left: 0; display: none;}

#wrapper .m_lnb > ul{background-color: #fff; width: 100%;}

#wrapper .m_lnb > ul > li{border-bottom: 1px solid #dcdcdc;}

#wrapper .m_lnb > ul > li > a{color: #222; font-size: 1.750em; display: block; padding:1.143em 1.786em; background-image:url(../img/common/ico_m_menu_off.png); background-position: center right 1.786em; background-repeat: no-repeat;}

#wrapper .m_lnb > ul > li.on{}
#wrapper .m_lnb > ul > li.on > a{color: #07A1AF; background-image:url(../img/common/ico_m_menu_on.png);}
#wrapper .m_lnb .submenu{display: none;}

#wrapper .m_lnb .submenu ul{}

#wrapper .m_lnb .submenu li{border-top: 1px solid #dcdcdc; background-color: #fff;}

#wrapper .m_lnb .submenu li a{color: #444; font-size: 1.625em; display: block; padding:0.885em 0 0.885em 3.077em; position: relative;}

#wrapper .m_lnb .submenu li a:before{position: absolute; left: 2.308em; top: 50%; transform: translateY(-50%); content: ""; width: 5px; height: 5px; background-color: #444; border-radius: 100%;}

#wrapper .m_lnb .m_hd{background-color: #45637d; position: relative;}
#wrapper .m_lnb .m_hd ul{}
#wrapper .m_lnb .m_hd ul:after{content: ""; display: block; clear: both;}
#wrapper .m_lnb .m_hd li{float: left; border-right:1px solid #8fa1b1;  }
#wrapper .m_lnb .m_hd li a{color: #fff; font-size: 1.625em; padding:1.769em 0; display: block; text-align: center; width: 5.385em; }
#wrapper .m_lnb .m_hd li.m_lang{}
#wrapper .m_lnb .m_hd a.m_close{position: absolute; width: 6.875em; height: 100%; top: 0; right: 0; background-image:url(../img/common/ico_m_close.png); background-repeat: no-repeat; background-position: center center;}
#wrapper .m_lnb .m_famsite{background-color: #07A1AF;}
#wrapper .m_lnb .m_famsite ul{}
#wrapper .m_lnb .m_famsite ul:after{content: ""; display: block; clear: both;}
#wrapper .m_lnb .m_famsite li{float: left; width: 50%; border-bottom: 1px solid #fff; }
#wrapper .m_lnb .m_famsite li a{color: #fff; font-size: 1.325em; padding:1.2em 0; display: block; text-align: center;}
#wrapper .m_lnb .m_lang_popup{position: fixed; top:0; left: 0; width: 100%; height: 100%; display: none;}
#wrapper .m_lnb .m_lang_popup .m_bg_lang{position: absolute;top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
#wrapper .m_lnb .m_lang_popup ul{position: absolute; top: 7.750em; left: 50%; transform: translateX(-50%); width: 90%; background-color: #fff; overflow-y: auto;}
#wrapper .m_lnb .m_lang_popup li{border-top: 1px solid #dcdcdc;}
#wrapper .m_lnb .m_lang_popup li:first-child{border-top: 0;}
#wrapper .m_lnb .m_lang_popup li a{height: 6.875em; display: table; width: 100%;}
#wrapper .m_lnb .m_lang_popup li .img{width: 8.250em; display: table-cell; vertical-align: middle;text-align: center;}
#wrapper .m_lnb .m_lang_popup li .img img{}
#wrapper .m_lnb .m_lang_popup li .txt{font-size: 1.750em; color: #222; width: calc(100% - 4.714em); display: table-cell; vertical-align: middle;}

.mbtn_wrap{display: none; position: absolute; top:50%; left:1.875em; transform: translateY(-50%);}

.mbtn_wrap a{display: block;}

.mbtn_wrap span{display: block; width: 44px; height: 6px; background-color: #45637d; margin:7px auto 0; border-radius: 3px;}

.mbtn_wrap span.bar_fst{}

.mbtn_wrap span.bar_snd{}

.mbtn_wrap span.bar_trd{margin-bottom: 7px;}



/*MAIN VISUAL*/

article.visual{}

article.visual .slide_wrap{position: relative;}

article.visual .slide_wrap ul{overflow: hidden; z-index: 0;}


article.visual .slide_wrap button.slick-arrow{display: block; width: 40px; height: 73px; position: absolute; text-indent: -1000%; background-repeat: no-repeat; background-position: center; z-index: 5; overflow: hidden; top: 50%; transform:translateY(-50%); background-color: rgba(0, 0, 0, 0.5);}
article.visual .slide_wrap button.slick-prev{background-image:url(../img/main/ico_slideprev_m.png); left: 0;}
article.visual .slide_wrap button.slick-next{background-image:url(../img/main/ico_slidenext_m.png); right: 0;}
article.visual .slide_wrap button.slick-play{background-image:url(../img/main/ico_slideplay.png); }
article.visual .slide_wrap ul li.slick-slide{position: relative; /*padding-bottom: 6%;*/ padding-bottom: 574px; overflow: hidden; }

article.visual .slide_wrap ul li img{position: absolute; left: 50%; top: 0;height: 100%; max-width: none; transform: translateX(-50%); width: auto;}

/* article.visual .slide_wrap .slick-dots{margin: -50px 0 20px 0;}

article.visual .slide_wrap .slick-dots li{position: relative; margin:0 7px;}

article.visual .slide_wrap .slick-dots li button{width: 15px; height: 15px;}

article.visual .slide_wrap .slick-dots li button:before{border-radius: 0;}

article.visual .slide_wrap .slick-dots li.slick-active button:before{background-color: #0075bc;}

article.visual .slide_wrap .slick-dots li button:before{background-color: #e4e4e4;}
 */

article.visual .slide_wrap .inner{position: absolute; bottom: 105px; left: 50%; transform: translateX(-50%); width: 100%; text-align: right; z-index: 5;}
article.visual .slide_wrap .sbtn_wrap{display: inline-block;}
article.visual .slide_wrap .sbtn_wrap button{display: inline-block; width: 35px; height: 35px; background-repeat: no-repeat; background-position: center; margin-left: 2px;}
article.visual .slide_wrap .sbtn_wrap .btn_prev{background-image:url(../img/main/ico_slideprev.png);}
article.visual .slide_wrap .sbtn_wrap .btn_play{background-image:url(../img/main/ico_slideplay.png); display: none;}
article.visual .slide_wrap .sbtn_wrap .btn_stop{background-image:url(../img/main/ico_slidepause.png);}
article.visual .slide_wrap .sbtn_wrap .btn_next{background-image:url(../img/main/ico_slidenext.png);}
article.visual .slide_wrap .sbtn_wrap .pagingInfo{display: inline-block; width: 1.875em; height: 2.188em; position: relative; color: #fff; margin:0 0.938em; background-image: url(../img/main/bg_paging.png); background-repeat: no-repeat; background-position: center;}
article.visual .slide_wrap .sbtn_wrap .pagingInfo .current{font-weight: 700; position: absolute; top: 0; left: 0;}
article.visual .slide_wrap .sbtn_wrap .pagingInfo .total{font-weight: 300; position: absolute; bottom: 0; right: 0;}
article.visual .slide_txt{position: absolute; top: calc(50% - 40px); left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; max-width: 1200px; text-align: right;}
article.visual .slide_txt .title{font-size: 2.3548em; color: #fff; font-weight: 300; line-height: 1.256em;}
article.visual .slide_txt .title strong{font-weight: 700;}
article.visual .slide_txt .desc{font-size: 1.250em; font-weight: 300; color: #fff; margin-top: 3%;}

/* TILE STYLE */
article.atc_01{background-image: url(../img/main/bg_section01.jpg); background-position: center bottom; padding-bottom: 5%;}
article.atc_01 .inner{position: relative;}
article.atc_01 .tile_wrap{margin-bottom: 5%; margin-top: -80px;}
article.atc_01 .tile_wrap > ul{}
article.atc_01 .tile_wrap ul:after{content: ""; display: block; clear: both;}
article.atc_01 .tile_wrap > ul > li{width: 25%; float: left; height: 280px; padding:3% 2.5%; box-sizing: border-box; text-align: center;color: #222; position: relative;}
article.atc_01 .tile_wrap > ul > li:before{position: absolute;content: ""; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border:1px solid rgba(0,0,0,0); -moz-transition: .3s ease; -webkit-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; z-index: 5;}
article.atc_01 .tile_wrap > ul > li:hover:before,article.atc_01 .tile_wrap > ul > li:focus:before{content: ""; box-shadow: 20px 20px 40px 0 rgba(0,0,0,0.2); border:1px solid #00656e;}
article.atc_01 .tile_wrap > ul > li.bg_tile_g0{background-image: url(../img/main/bg_tile01.jpg); background-position: center; color: #fff;}
article.atc_01 .tile_wrap > ul > li.bg_tile_g1{background-color: #005978; color: #fff;}
article.atc_01 .tile_wrap > ul > li.bg_tile_g2{background-color: #07A1AF; color: #fff;}
article.atc_01 .tile_wrap > ul > li.bg_tile_g3{background-color: #d6eaeb;}
article.atc_01 .tile_wrap > ul > li.bg_tile_g4{background-color: #fff;}
article.atc_01 .tile_wrap > ul > li.bg_tile_g0 .input_wrap > a:focus, article.atc_01 .tile_wrap li.bg_tile_g1 .input_wrap > a:focus{outline:2px solid #00e9ff;}
article.atc_01 .tile_wrap_m{display:none; margin-bottom: 5%; background-color: #fff;}
article.atc_01 .tile_wrap_m > ul{}
article.atc_01 .tile_wrap_m ul:after{content: ""; display: block; clear: both;}
article.atc_01 .tile_wrap_m > ul > li{float: left; width: 50%;}
article.atc_01 .tile_wrap_m > ul > li > a{border-bottom: 1px solid #f1f1f1; display: block; box-sizing: border-box; text-align: center;}
article.atc_01 .tile_wrap_m > ul > li:nth-child(even) > a{border-left: 1px solid #f1f1f1;}
article.atc_01 .tile_wrap_m > ul > li .img{height: 13.875em; display: table; width: 100%;}
article.atc_01 .tile_wrap_m > ul > li .img > div{display: table-cell; vertical-align: middle;}
article.atc_01 .tile_wrap_m > ul > li .img img{}
article.atc_01 .tile_wrap_m > ul > li .txt{}
article.atc_01 .tile_wrap_m > ul > li .txt p{font-size: 1.875em; color: #222; padding-bottom: 1em;}
article.atc_01 .tile_wrap_m .timetable_m{padding:3.75em 1.875em; box-sizing: border-box;}
article.atc_01 .tile_wrap_m .timetable_m .tel{position: relative; font-size: 2.813em; color: #07A1AF; font-weight: 700; letter-spacing: 1px; padding-left: 48px; margin-bottom: 1em;}
article.atc_01 .tile_wrap_m .timetable_m .tel:before{content: ""; display: block; width: 27px; height: 32px; position: absolute; top: 7px; left: 0; background-image:url(../img/common/ico_tel_m.png); background-repeat: no-repeat; background-position: center center;}
article.atc_01 .tile_wrap_m .timetable_m ul{}
article.atc_01 .tile_wrap_m .timetable_m li{font-size: 1.375em; width: 100%; overflow: hidden;}
article.atc_01 .tile_wrap_m .timetable_m li .weekday{color: #666; float: left; text-align: justify; width: 5em; text-align-last: justify; text-justify:inter-word;}
article.atc_01 .tile_wrap_m .timetable_m li .time{color: #222; float: left;; text-align:left; letter-spacing: 2px; padding-left: 2.2em;}


.timetable{}
.timetable .tel{position: relative; font-size: 2.125em; color: #07A1AF; font-weight: 700; letter-spacing: 1px; padding-left: 20px; margin-bottom: 5px; display: block; z-index: 5;}
.timetable .tel:before{content: ""; display: block; width: 21px; height: 24px; position: absolute;top: 7px; left: 0; background-image: url(../img/common/ico_tel.png); background-repeat: no-repeat; background-position: center center;}
.timetable ul{}
.timetable li{font-size: 0.813em; width: 100%; overflow: hidden;}
.timetable li .weekday{color: #666; float:left; text-align: justify; width: 62px; text-align-last:justify; text-justify:inter-word;}
.timetable li .time{color: #222; float:right; text-align: left; letter-spacing: 2px;}
/* .timetable li{font-size: 0.813em; display: table;  width: 100%;}
.timetable li .weekday{color: #666; display: table-cell; text-align: justify; width: 62px; text-align-last:justify; text-justify:inter-word;}
.timetable li .time{color: #222; display: table-cell; text-align: right; width: calc(100% - 62px);letter-spacing: 2px;} */
article.atc_01 .tile_wrap li > div{position: relative; height: 100%;}
article.atc_01 .tile_wrap h3{font-size: 1.500em; font-weight: 500; margin-bottom: 20px;}
article.atc_01 .tile_wrap .desc{word-break: keep-all; font-weight: 400;}
article.atc_01 .tile_wrap .input_wrap{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 6;}
article.atc_01 .tile_wrap .input_wrap input[type="text"]{height: 40px; width: 100%; border:0; padding:0 34px 0 12px; box-sizing: border-box;}
article.atc_01 .tile_wrap .input_wrap input[type="text"]::placeholder {
    color: #ccc;
    opacity: 1; /* Firefox */
    font-style: italic;
    font-weight: 300;
}
article.atc_01 .tile_wrap .input_wrap input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #ccc;
   font-style: italic;
   font-weight: 300;
}
article.atc_01 .tile_wrap .input_wrap input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
   color: #ccc;
   font-style: italic;
   font-weight: 300;
}
article.atc_01 .tile_wrap .input_wrap .btn_search{position: absolute; bottom: 0; right: 0; width: 34px; height: 40px; display: block; background-image:url(../img/main/ico_search2.png); background-repeat: no-repeat; background-position: center;}
article.atc_01 .tile_wrap .input_wrap .btn_type01{display: inline-block; width: 132px; border:1px solid #cfcfcf; color: #222; font-size: 1em; padding:9px 0; background-color: #fff;}
article.atc_01 .tile_wrap .input_wrap .btn_type02{display: inline-block; width: 104px; color: #222; font-size: 1em; padding:9px 0; background-color: #fff; margin-right:2px; border:1px solid #cfcfcf;}
article.atc_01 .tile_wrap .input_wrap .btn_type03{display: inline-block; width: 104px; color: #fff; font-size: 1em; padding:9px 0; background-color: #07A1AF; margin-left: 2px; border:1px solid #07A1AF;}
article.atc_01 .tile_wrap .input_wrap a:hover{background-color: #005978; border:1px solid #46869c; color: #fff;}

.div2_wrap{overflow: hidden;}
.div2_wrap > div{width: 49.167%;}
.div2_wrap .left{float: left;}
.div2_wrap .right{float: right;}
.div2_wrap h2{}
.div2_wrap > div > div{min-height: 323px; background-color: #fff;}
/* .div2_wrap > div > div.notice{z-index: 5;} */
.tab_style{position: relative; border-bottom: 1px solid #f0f0f0; padding-left: 7.46%; box-sizing: border-box; z-index: 1;}
.tab_style .btn_more{position: absolute; top: 0; right: 0; border-left:1px solid #f0f0f0; color: #666; font-size: 0.750em; width: 54px; height: 54px; text-align: center; display: none; background-image:url(../img/main/ico_more.png); background-repeat:no-repeat; background-position:center top 15px; padding-top: 32px; box-sizing: border-box;}
.tab_style .btn_more.on{display: block;}
.tab_style > ul{}
.tab_style > ul:after{content: ""; clear: both; display: block;}
.tab_style > ul > li{float: left; margin-left: 5%;}
.tab_style > ul > li:first-child{margin-left: 0;}
.tab_style > ul > li > a{position: relative; color: #222; display: inline-block; padding:17px 0;}
.tab_style > ul > li.on > a{color: #07A1AF; font-weight: 700;}
.tab_style > ul > li.on > a:before{position: absolute; bottom: 0; content: ""; width: 100%; height: 4px; background-color: #07A1AF;}
.tab_style > ul > li.on .tab_content{display: block;}
.tab_style .tab_content{display: none; position: absolute;left: 0;top: 56px; padding:0 7.46%; z-index: 1; box-sizing: border-box; width: 100%;}
.tab_style .tab_content .fst_cont{border-bottom: 1px solid #dedede; padding:2.188em 0 1.563em 0;}
.tab_style .tab_content .fst_cont:after{content: ""; display: block; clear: both;}
.tab_style .tab_content .fst_cont .date{float: left; width: 95px; text-align: center;}
.tab_style .tab_content .fst_cont .date .date_md{font-size: 2.250em; font-weight: 200; color: #222;}
.tab_style .tab_content .fst_cont .date .date_y{font-size: 0.875em; font-weight: 300; color: #222;}
.tab_style .tab_content .fst_cont .txt{float: right; width: calc(100% - 115px);}
.tab_style .tab_content .fst_cont .txt a{display: block;}
.tab_style .tab_content .fst_cont .txt .title{font-size: 1.250em; color: #222; font-weight: 400; letter-spacing:-1px; padding:4px 0 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tab_style .tab_content .fst_cont .txt .desc{font-size: 0.875em; color: #666; font-weight: 300; line-height: 1.571em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 3.000em;}
.tab_style .tab_content .snd_cont{padding:20px 0;}
.tab_style .tab_content .snd_cont ul{}
.tab_style .tab_content .snd_cont li{}
.tab_style .tab_content .snd_cont li a{font-size: 1em; font-weight: 300; color: #222; line-height: 1.625em; position: relative; display: block; padding-right: 70px; padding-left:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tab_style .tab_content .snd_cont li a:before{content: ""; width: 5px; height: 5px; background-color: #000; position: absolute; left: 0; top: 9px; border-radius: 10px;}
.tab_style .tab_content .snd_cont li a > span{font-size: 0.875em; font-weight: 300; color: #666; position: absolute; right: 1px; top: 0;}
.div2_wrap .event{}
.div2_wrap .event .event_wrap{position: relative;}
.div2_wrap .event .event_wrap .ebtn_wrap{position: absolute; top: -40px; right: 0px; height: 13px;}
.div2_wrap .event .event_wrap .ebtn_wrap button{display: inline-block; width: 9px; height: 13px; background-repeat: no-repeat; background-position: center; z-index: 5;}
.div2_wrap .event .event_wrap .ebtn_wrap .btn_play{background-image:url(../img/main/ico_eventplay.png); display: none;}
.div2_wrap .event .event_wrap .ebtn_wrap .btn_stop{background-image:url(../img/main/ico_eventpause.png);}

.div2_wrap .event .event_wrap ul{}
.div2_wrap .event .event_wrap li{}
.div2_wrap .event .event_wrap li a{display: block; height: 323px;position: relative; overflow: hidden;}
.div2_wrap .event .event_wrap li a:focus:after{position: absolute; width: calc(100% - 6px); height: calc(100% - 6px); border:3px solid #00e9ff; content: ""; top: 0; left: 0;}
.div2_wrap .event .event_wrap li img{position: absolute; height: 100%; top: 0; left: 50%; transform: translateX(-50%); max-width: none;}
.div2_wrap .event .event_wrap .slick-dots{position: absolute;top: -47px; left:0; margin:0; text-align: right; width: calc(100% - 12px);}
.div2_wrap .event .event_wrap .slick-dots li{width: auto; height: auto; margin:0 2px;}
.div2_wrap .event .event_wrap .slick-dots li button{position: relative; width: 8px; height: 8px; padding:0;}
.div2_wrap .event .event_wrap .slick-dots li button:before{width: 8px; height: 8px; background-color: #8e8e8e;}
.div2_wrap .event .event_wrap .slick-dots li.slick-active button:before{background-color: #01acbe;}
.sns_wrap{}
.sns_wrap > ul{margin-left: -18px;}
.sns_wrap ul:after{content: ""; display: block; clear: both;}
.sns_wrap > ul > li{float: left; width: 33.3333%;}
.sns_wrap > ul > li a{display: block; position: relative; min-height: 220px; border:1px solid #dfdfdf; margin-left: 18px; box-sizing: border-box; padding:3.125em 2.500em 1.875em 2.500em;}
.sns_wrap > ul > li a img{position: absolute;top: -1px; left: -1px;}
.sns_wrap > ul > li a .txt{font-size: 1em; font-weight: 300; line-height: 1.625em; color: #222; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 100px;}
.sns_wrap > ul > li a .date{font-size: 0.875em; font-weight: 300; color: #797979; position: absolute; padding-top: 15px; bottom: 30px;}
.sns_wrap > ul > li a .date:before{position: absolute; top: 0; left:0; content: ""; width: 20px; height: 1px; background-color:#cbcbcb;}
.snstab_wrap{display: none;}
.snstab_wrap ul{}
.snstab_wrap ul:after{content: ""; display: block; clear: both;}
.snstab_wrap li{display: table; box-sizing: border-box; width: 50%; background-position: center left 10%; background-repeat: no-repeat; float: left; position: relative;}
.snstab_wrap li:before{position: absolute; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; content: ""; left: 50%; bottom: -10px; transform: translateX(-50%); z-index: 1; display: none;}
.snstab_wrap li.on:before{display: block;}
.snstab_wrap li.fb:before{border-top: 20px solid #024a94;}
.snstab_wrap li.blg:before{border-top: 20px solid #ff8c17;}
.snstab_wrap li.tw:before{border-top: 20px solid #54c3f0;}
.snstab_wrap li.fb{background-color: #024a94; background-image:url(../img/main/ico_snstab_fb.png);}
.snstab_wrap li.blg{background-color: #ff8c17; background-image:url(../img/main/ico_snstab_blg.png);}
.snstab_wrap li.tw{background-color: #54c3f0; background-image:url(../img/main/ico_snstab_tw.png);}
.snstab_wrap li a{display: table-cell; height: 60px; vertical-align: middle; color: #fff; font-size: 1.500em; text-align: center;}

.sns2_wrap{}
.sns2_wrap > ul{margin-left: -1.125em;}
.sns2_wrap ul:after{content: ""; display: block; clear: both;}
.sns2_wrap li{width: 33.3333%; float: left;}
.sns2_wrap li.fb_cont{}
.sns2_wrap li.blg_cont{}
.sns2_wrap li.etc_cont{}
.sns2_wrap li > div{margin-left: 1.125em;}
.sns2_wrap li .sns2_header{}
.sns2_wrap li .sns2_header a{display: block;font-weight: 700; color: #fff; padding:0.438em 0 0.438em 1.250em;}
.sns2_wrap li.fb_cont .sns2_header{background-color: #024a94;}
.sns2_wrap li.blg_cont .sns2_header{background-color: #ff8c17;}
.sns2_wrap li.blg_cont .sns2_header a{font-weight: 500;}
.sns2_wrap li.blg_cont .sns2_header img{}
.sns2_wrap li .sns2_content{height: 23.438em; border:1px solid #dfdfdf; border-top: 0;box-sizing: border-box; overflow: hidden;}
.sns2_wrap li.blg_cont .sns2_content{padding:0 2.188em;}
.sns2_wrap li.blg_cont .sns2_content > div{padding-top: 1.563em}
.sns2_wrap li.blg_cont .sns2_content > div > a{display: block;}
.sns2_wrap li.blg_cont .sns2_content .txt{font-size: 1em; font-weight: 300; line-height: 1.625em; color: #222; overflow: hidden;display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; height: 6.500em;}
.sns2_wrap li.blg_cont .sns2_content .date{position: relative; font-size: 0.875em; color: #797979; font-weight: 300; padding-top: 0.938em;margin-top: 0.938em;}
.sns2_wrap li.blg_cont .sns2_content .date:before{content: ""; position: absolute; top: 0; left: 0; width: 1.250em; height: 1px; background-color: #cbcbcb;}
.sns2_wrap li.etc_cont{}
.sns2_wrap li.etc_cont .top{}
.sns2_wrap li.etc_cont .top ul{}
.sns2_wrap li.etc_cont .top ul:after{content: ""; display: block; clear: both;}
.sns2_wrap li.etc_cont .top li:first-child{float: left;}
.sns2_wrap li.etc_cont .top li{float: right; width: calc(50% - 0.563em);}
.sns2_wrap li.etc_cont .top li a{display: block; background-color: #2cb400; text-align: center; padding-top: 2.188em; height: 8.500em; box-sizing: border-box;}
.sns2_wrap li.etc_cont .top li:first-child a{background-color: #505050;}
.sns2_wrap li.etc_cont .top li a img{}
.sns2_wrap li.etc_cont .bot{padding:2.875em 2.000em 0 2.000em; background-color: #ebebeb; margin-top: 1.125em; background-image:url(../img/main/bg_sns_etc.png); background-repeat: no-repeat; background-position: right bottom; min-height: 13.063em;}
.sns2_wrap li.etc_cont .bot .tit{color: #000; font-size: 1.375em;}
.sns2_wrap li.etc_cont .bot .tel{font-size: 2.688em; color: #F00; font-weight: 700; padding:0.372em 0;}
.sns2_wrap li.etc_cont .bot .tel span{color: #07A1AF;}
.sns2_wrap li.etc_cont .bot .desc{color: #222222; font-size: 0.875em; line-height: 1.250em; font-weight: 300; word-break: keep-all;}

article.atc_02{padding:5% 0;}
.div2_wrap .center{border:1px solid #dfdfdf;}
.div2_wrap .guide{border:1px solid #dfdfdf;}
article.atc_02 .div2_wrap{margin-top: 5%;}
article.atc_02 .div2_wrap > div > div{min-height: 310px;}
.div2_wrap .center .centers_wrap{position: relative;}
.div2_wrap .center .centers_wrap ul{z-index: 0;}
.div2_wrap .center .centers_wrap li{}
.div2_wrap .center .centers_wrap li a{display: block; height: 310px;position: relative; overflow: hidden;}
.div2_wrap .center .centers_wrap li a:focus:after{position: absolute; width: calc(100% - 6px); height: calc(100% - 6px); border:3px solid #00656e; content: ""; top: 0; left: 0;}
.div2_wrap .center .centers_wrap li img{position: absolute; height: 100%; top: 0; left: 50%; transform: translateX(-50%); max-width: none;}
.div2_wrap .center .centers_wrap button.slick-arrow{display: block; width: 52px; height: 50px; position: absolute; text-indent: -1000%; background-repeat: no-repeat; background-position: center; z-index: 5; overflow: hidden; top: -1px; right:-1px; border:1px solid #dfdfdf;}
.div2_wrap .center .centers_wrap button.slick-prev{background-image:url(../img/main/ico_banprev.png);right: 52px;}
.div2_wrap .center .centers_wrap button.slick-next{background-image:url(../img/main/ico_bannext.png);}
.div2_wrap .center .centers_wrap .cbtn_wrap{position: absolute;top: -1px; right:0; background-color: #fff; z-index: 5;}
.div2_wrap .center .centers_wrap .cbtn_wrap button{display: block; width: 52px; height: 50px; background-repeat: no-repeat; background-position: center; overflow: hidden; border:1px solid #dfdfdf; float: left; margin-right: -1px;}
.div2_wrap .center .centers_wrap .cbtn_wrap .btn_prev{background-image:url(../img/main/ico_banprev.png);}
.div2_wrap .center .centers_wrap .cbtn_wrap .btn_next{background-image:url(../img/main/ico_bannext.png);}
.div2_wrap .center .centers_wrap .cbtn_wrap .btn_play{background-image:url(../img/main/ico_banplay.png); display: none;}
.div2_wrap .center .centers_wrap .cbtn_wrap .btn_stop{background-image:url(../img/main/ico_banpause.png);}

.div2_wrap .guide .guide_wrap{}
.div2_wrap .guide .guide_wrap ul{}
.div2_wrap .guide .guide_wrap ul:after{content: ""; display: block; clear: both;}
.div2_wrap .guide .guide_wrap li{background-repeat: no-repeat; background-position: center top 30px; width: 33.3333%; float: left; position: relative;}
.div2_wrap .guide .guide_wrap li:nth-child(1){background-image:url(../img/main/ico_guide01.png);}
.div2_wrap .guide .guide_wrap li:nth-child(2){background-image:url(../img/main/ico_guide02.png);}
.div2_wrap .guide .guide_wrap li:nth-child(3){background-image:url(../img/main/ico_guide03.png);}
.div2_wrap .guide .guide_wrap li:nth-child(4){background-image:url(../img/main/ico_guide04.png);}
.div2_wrap .guide .guide_wrap li:nth-child(5){background-image:url(../img/main/ico_guide05.png);}
.div2_wrap .guide .guide_wrap li:nth-child(6){background-image:url(../img/main/ico_guide06.png);}
.div2_wrap .guide .guide_wrap li:nth-child(1):before{content: ""; width: 100%; max-width: 90px; background-color: #dfdfdf; height: 1px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.div2_wrap .guide .guide_wrap li:nth-child(2):before{content: ""; width: 100%; max-width: 90px; background-color: #dfdfdf; height: 1px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.div2_wrap .guide .guide_wrap li:nth-child(3):before{content: ""; width: 100%; max-width: 90px; background-color: #dfdfdf; height: 1px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.div2_wrap .guide .guide_wrap li:nth-child(2):after{content: ""; width: 1px; height: 90px; background-color:#dfdfdf; position: absolute; left: 0; bottom: -45px;}
.div2_wrap .guide .guide_wrap li:nth-child(3):after{content: ""; width: 1px; height: 90px; background-color:#dfdfdf; position: absolute; left: 0; bottom: -45px;}
.div2_wrap .guide .guide_wrap li a{font-size: 1em; color: #222; font-weight: 300; display: block; text-align: center; padding:110px 0 25px 0;}

article.atc_03{padding-top:7%; background-color: #e9f2f1;}
#container .main article.atc_03 h2{color: #07A1AF; font-size: 2.375em; text-align: center; word-break: keep-all;}
article.atc_03 .img{text-align: center;}
article.atc_03 .img img{max-width: 100%;}

article.atc_04{padding:3.500em 0;}
article.atc_04 .cert_wrap{padding-right: 28px; position: relative;}
article.atc_04 .cert_wrap ul{}
article.atc_04 .cert_wrap li{box-sizing: border-box; border:0;}
article.atc_04 .cert_wrap li a{display: block; float: left; position: relative;}
article.atc_04 .cert_wrap li a:focus{outline:0;}
article.atc_04 .cert_wrap li a:focus:after{content: ""; position: absolute; width:calc(100% - 4px); height: calc(100% - 4px); top: 0; left: 0; display: block; border:2px solid #00656e;}
/* article.atc_04 .cert_wrap li a:focus{outline:0; box-shadow: inset 0 0 2px #00656e;} */
article.atc_04 .cert_wrap li img{max-width: 100%;}
article.atc_04 .cert_wrap button.slick-arrow{display: block; width: 26px; height: 26px; position: absolute; text-indent: -1000%; background-repeat: no-repeat; background-position: center; z-index: 5; overflow: hidden; top: 0px; right:0px; border:1px solid #dfdfdf;}
article.atc_04 .cert_wrap button.slick-prev{background-image:url(../img/main/ico_slideup.png);}
article.atc_04 .cert_wrap button.slick-next{background-image:url(../img/main/ico_slidedown.png);top: 56px;}
article.atc_04 .cert_wrap .ctbtn_wrap{position: absolute; top: 0; right: 0;}
article.atc_04 .cert_wrap .ctbtn_wrap button{display: block; width: 28px; height: 28px; background-repeat: no-repeat; background-position: center; overflow: hidden; border:1px solid #dfdfdf;}
article.atc_04 .cert_wrap .ctbtn_wrap .btn_prev{background-image:url(../img/main/ico_slideup_prev.png); margin-bottom:1px;}
article.atc_04 .cert_wrap .ctbtn_wrap .btn_next{background-image:url(../img/main/ico_slidedown_next.png); margin-top: 1px;}
article.atc_04 .cert_wrap .ctbtn_wrap .btn_play{background-image:url(../img/main/ico_slideplay_ct.png); display: none;}
article.atc_04 .cert_wrap .ctbtn_wrap .btn_stop{background-image:url(../img/main/ico_slidepause_ct.png);}


#container .main h2{font-size: 1.875em; color: #222; font-weight: 300; margin-bottom: 15px; box-sizing: border-box;}

#container .main h2 span{font-weight: 700;}

/* FOOTER */
footer{background-color: #e4e4e4; position: relative;}
footer .link_wrap{border-bottom: 1px solid #c8c8c8; box-sizing: border-box;}
footer .link_wrap:after{display: block; content: ""; clear: both;}
footer .link_wrap .logo_f{float: left; display: table; width:calc(100% - 975px);}
footer .link_wrap .logo_f > div{display: table-cell; vertical-align: middle;height: 120px;}
footer .link_wrap .logo_f a{display: block;}
footer .link_wrap .logo_f img{max-width: 100%;}
footer .link_wrap .list_link{float: right; display: table;}
footer .link_wrap .list_link > a.btn_more{display: none; position: absolute;right: 0; top: 0; width: 4.375em; height: 4.375em; border-left:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; background-image:url(../img/common/bg_moredot.png); background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
footer .link_wrap .list_link ul{}
footer .link_wrap .list_link li{display: table-cell; vertical-align: middle; height: 120px;}
footer .link_wrap .list_link li a{font-size: 0.938em; color: #444; font-weight: 300; display: inline-block; padding-left:10px; margin-left:10px; position: relative;}
footer .link_wrap .list_link li a:before{content: ""; width: 1px; height: 8px; background-color:#b1b1b1; position: absolute;left: 0; top:4px;}
/* footer .link_wrap .list_link li:first-child a{padding-left: 0; margin-left: 0;} */
footer .link_wrap .list_link li:first-child a:before{display: none;}
footer .etc_wrap{overflow: hidden; padding:2.5em 0; position: relative; width: 100%;}
footer .etc_wrap .address{float: left; width: 45%;}
footer .etc_wrap .address > div{}
footer .etc_wrap .address ul{overflow: hidden;}
footer .etc_wrap .address li{position: relative; padding-left: 16px; margin-left: 10px; font-size: 0.875em; color: #444; font-weight: 300; line-height: 1.429em; float: left;}
footer .etc_wrap .address li:before{content: "/"; position: absolute; top: 0; left: 0; }
footer .etc_wrap .address li:first-child{padding-left: 0; margin-left: 0;}
footer .etc_wrap .address li:first-child:before{display: none;}
footer .etc_wrap .address p{font-size: 0.875em; color: #444; font-weight: 300; line-height: 1.429em; word-break: keep-all;}

footer .etc_wrap .certify{float: right; width: 55%; text-align: right;}
footer .etc_wrap .certify ul{display: inline-block;}
footer .etc_wrap .certify ul:after{content: ""; display: block; clear: both;}
footer .etc_wrap .certify li{float: left; margin:5px;}
footer .etc_wrap .certify li a{display: block;}
footer .etc_wrap .certify li a img{}
footer .etc_wrap .certify li.li_cert a{margin-top: -22px;}
footer .etc_wrap .certify li.li_cert.li_wa a{padding:8px 0;}
footer .etc_wrap .copyright{font-size: 0.750em; font-weight: 300; color: #444; letter-spacing: 1px; float: left; width: 100%; margin-top: 1.67em;}
footer .etc_wrap .copyright span{font-weight: 700; color: #07A1AF;}
footer .etc_wrap .logo_m{display: none; text-align: center; border-top: 1px solid #d5d5d5; margin-top: 2.5em; padding-top: 2.5em; margin-bottom: 1.25em;}
footer .etc_wrap .sns{position: absolute; bottom: 40px; right: 0;}
footer .etc_wrap .sns ul{}
footer .etc_wrap .sns ul:after{content: ""; clear: both; display: block;}
footer .etc_wrap .sns li{float: left; margin-right:5px;}
footer .etc_wrap .sns li.btn_facebook a{background-image:url(../img/common/ico_f_facebook.png);}
footer .etc_wrap .sns li.btn_blog a{background-image:url(../img/common/ico_f_blog.png);}
footer .etc_wrap .sns li.btn_twitter a{background-image:url(../img/common/ico_f_twitter.png);}
footer .etc_wrap .sns li.btn_post a{background-image:url(../img/common/ico_f_post.png);}
footer .etc_wrap .sns li.btn_sideeye a{background-image:url(../img/common/ico_f_eye.png); width: 120px;}
footer .etc_wrap .sns li a{display: block; width: 28px; height: 28px; border:1px solid #c3c3c3; background-repeat: no-repeat; background-position: center center;}
footer .etc_wrap .family_m{padding:2.5em 30px; display: none;}
footer .etc_wrap .family_m select{width: 100%; height: 60px; border:1px solid #c3c3c3; font-size: 0.938em; font-weight: 300; color: #444; padding:0 1.25em; background-position: center right 1.25em;}
footer .etc_wrap .family_m select option{line-height: 2em;}