@charset "utf-8";

/****************************************/ 
/* Name: DESIGN WAVE
/* PART: CONTENTS STYLE
/* Version: 1.0
/* Author: Kim Bo Reum
/****************************************/

/*============* main_visual *============*/
#main_visual {position:relative; width:100%; height:770px; overflow:hidden;}

.mainVisual_slider {width:100%; height:100%;}
.mainVisual_slider div {width:100%; height:100%;}
.mainVisual_slider .visual_pic {position:relative; overflow:hidden; background-position:bottom center; background-repeat:no-repeat; background-size:cover;}
.mainVisual_slider .visual_pic .visual_txt {position:absolute; bottom:15px; right:10px; padding:15px 35px; /*background:rgba(0,0,0,0.7);*/ color:#000; font-size:17px; font-weight:600;}
.mainVisual_slider .visual_pic .visual_txt span {font-size:15px; /*color:#f9202b;*/ padding-left:5px; font-weight:600}
.mainVisual_slider .visual_pic.mv01 {background-image:url(../_img/main/visual01.jpg);}
.mainVisual_slider .visual_pic.mv02 {background-image:url(../_img/main/visual02.jpg);}
.mainVisual_slider .visual_pic.mv03 {background-image:url(../_img/main/visual03.jpg);}
.mainVisual_slider .visual_pic.mv04 {background-image:url(../_img/main/visual04.jpg);}
.mainVisual_slider .visual_pic.mv05 {background-image:url(../_img/main/visual05.jpg);}
.mainVisual_slider .visual_pic.mv06 {background-image:url(../_img/main/visual06.jpg);}
.mainVisual_slider .visual_pic.mv07 {background-image:url(../_img/main/visual07.jpg);}
.mainVisual_slider .visual_pic.mv08 {background-image:url(../_img/main/visual08.jpg);}
.mainVisual_slider .visual_pic.mv09 {background-image:url(../_img/main/visual09.jpg);}
.mainVisual_slider .visual_pic.mv10 {background-image:url(../_img/main/visual10.jpg);}
.mainVisual_slider .visual_pic.mv11 {background-image:url(../_img/main/visual11.jpg);}
.mainVisual_slider .visual_pic.mv12 {background-image:url(../_img/main/visual12.jpg);}
.mainVisual_slider .visual_pic.mv13 {background-image:url(../_img/main/visual13.jpg);}
.mainVisual_slider .visual_pic.mv14 {background-image:url(../_img/main/visual14.jpg);}
.mainVisual_slider .visual_pic.mv15 {background-image:url(../_img/main/visual15.jpg);}


.mainVisual_slider .slick-arrow { position:absolute; top:50%; margin-top:-45px; z-index:10; width:90px; height:90px; text-align:center; background-repeat:no-repeat; background-image:url(../_img/icon/visual_btn.png);}
.mainVisual_slider .slick-arrow>span {position:absolute; top:-9999px; text-indent:-9999px;}
.mainVisual_slider .slick-arrow.slick-prev {left:5%; background-position:0 0;}
.mainVisual_slider .slick-arrow.slick-next {right:5%; background-position:-90px 0;}



/*============* main_section :: ms01 *============*/
#ms01 {height:445px; background:url(../_img/main/main_section01_bg.gif) repeat-y center top;}
#ms01 .bannerBox {padding:70px 40px; background-position:top 40px right; background-size:auto; background-repeat:no-repeat;}
#ms01 .bannerBox a {font-size:15px; padding:10px 25px; color:#fff; border:5px solid #fff;}
#ms01 .bannerBox a em {padding-left:5px;}
#ms01 .bannerBox h5 {position:relative; padding-bottom:30px; margin-bottom:20px; color:#fff;}
#ms01 .bannerBox h5::after {position:absolute; bottom:0; left:0; width:35px; height:1px; background:#fff; content:'';}
#ms01 .bannerBox p {color:#fff; padding-bottom:40px;}

#ms01 .bannerBox#pdt_intro {background-image:url(../_img/main/banner_bg03.png); background-position:top 50px right;}
#ms01 .bannerBox#review {background-image:url(../_img/main/banner_bg04.png);}



/*============* main_section :: ms02 *============*/
#ms02 {margin-top:-120px;}
#ms02 .bannerBox {height:280px; background-position:top 20px right; background-size:auto; background-repeat:no-repeat; border:1px solid #dedede; background-color:#fff;}
#ms02 .bannerBox a.down_btn {position:absolute; left:40px; bottom:40px; display:inline-block; width:30px; height:30px; box-sizing:border-box; border:1px solid #e1e1e1; background: url('../_img/icon/more_view.png') no-repeat center; text-indent:-9999px; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
#ms02 .bannerBox a.down_btn:hover {-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
#ms02 .bannerBox a.res-down_btn {display:none; width:100%; text-align:center; font-size:15px; border:4px solid #ddd; box-sizing:border-box; padding:10px 0; color:#f1642c;}
#ms02 .bannerBox h6 {position:relative; padding-bottom:20px; margin-bottom:15px;}
#ms02 .bannerBox h6::after {position:absolute; bottom:0; left:0; width:20px; height:1px; background:#333; content:'';}

#ms02 .bannerBox#ctrg_down {background-image:url(../_img/main/banner_bg03.png); border-right:0}
#ms02 .bannerBox#ctrg_down h6 {color:#639739;}
#ms02 .bannerBox#recip_down {background-image:url(../_img/main/banner_bg04.png);}
#ms02 .bannerBox#recip_down h6 {color:#0f94b1;}


/*comm_bbs*/
#comm_bbs {width:100%; overflow:hidden; /*padding:60px 0;*/}
#comm_bbs .bbsBox {position:relative; float:left; width:33.3%; min-height:220px; box-sizing:border-box; border-left:1px solid #efefef; padding:40px 30px; overflow:hidden; transition:.5s; background-color:#fff;}
#comm_bbs .bbsBox:first-of-type {border:0;}
#comm_bbs .bbsBox h6 {color:#1e1e1e; margin-bottom:25px; font-weight:600; letter-spacing:-1px;}
#comm_bbs .bbsBox h6 a {display:block; float:right; border:1px solid #dedede; padding:3px 8px; color:#ea611d; background-color:#fff;}  
#comm_bbs .bbsBox p {font-size:15px; color:#555; padding-top:7px; color:#777}
#comm_bbs .bbsBox p span {color:#639739}
#comm_bbs .bbsBox p.big_num {color:#639739; font-size:33px; font-weight:900; padding-bottom:5px; letter-spacing:-2px;}
#comm_bbs .bbsBox dl {padding-top:12px; margin-top:15px; border-top:1px solid #dedede;}
#comm_bbs .bbsBox dl dt {font-size:15px; color:#212121;}
#comm_bbs .bbsBox dl dd {font-size:13px;}
#comm_bbs .bbsBox dl dd a {display:block; padding-top:3px; color:#555; padding-top:10px;}
#comm_bbs .bbsBox dl dd a span {background:url(../_img/icon/btn_arrow.png) no-repeat top 7px right; background-size:5px; padding-right:15px;}
#comm_bbs .bbsBox a.link_btn {display:block; width:150px; height:50px; box-sizing:border-box; border-radius:5px; border:1px solid #676767; font-size:15px; line-height:50px; padding:0 10px; margin-top:10px; background-color:#fff;}
#comm_bbs .bbsBox a.link_btn span {display:block; background-image:url(../_img/icon/btn_arrow.png); background-size:7px; background-position:top 18px right; background-repeat:no-repeat; padding-right:25px;}
#comm_bbs .bbsBox a.link_btn:hover {background-color:#3a3a3a; color:#fff;}
#comm_bbs .bbsBox a.link_btn.kakao {background-color:#fcd800; padding-right:15px; color:#663c0a; border:0;}
#comm_bbs .bbsBox a.link_btn.kakao span {background-image:url(../_img/icon/kakao.jpg); background-size:auto; background-position:top 13px left; padding-left:30px; padding-right:0;}

#comm_bbs .bbsBox#cs_center {}
#comm_bbs .bbsBox#cs_center .btn_wrap {position:absolute; right:25px; top:30px;}

#comm_bbs .bbsBox#bank a.link_btn  {margin-top:24px;}
#comm_bbs .bbsBox#bank span#mark {position:absolute; top:62px; right:25px;}

#comm_bbs .bbsBox#notice {}
ul.notice {width:100%; overflow:hidden;}
ul.notice li {position:relative; width:100%; padding:10px 0; padding-right:100px; border-bottom:1px solid #dedede; font-size:15px; box-sizing:border-box;}
ul.notice li a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#777;}
ul.notice li span {position:absolute; top:10px; right:0; color:#aaa; font-size:15px;}




/*============* sub_visual *============*/
#sub_visual {display:none; width:100%; height:400px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#sub_visual #sub_visualTxt {width:100%; height:100%; box-sizing:border-box; padding-top:215px;}
#sub_visual #sub_visualTxt h2 {text-align:center; color:#fff; font-size:53px; font-weight:400;}
#sub_visual #sub_visualTxt p {text-align:center; font-size:15px; color:#fff; padding-top:35px;}
#sub_visual.sv01 {background-image:url(../_img/sub/sub_visual01.jpg);}
#sub_visual.sv02 {background-image:url(../_img/sub/sub_visual02.jpg); height:170px;}
#sub_visual.sv03 {background-image:url(../_img/sub/sub_visual03.jpg);}
#sub_visual.sv04 {background-image:url(../_img/sub/sub_visual04.jpg);}
#sub_visual.sv05 {background-image:url(../_img/sub/sub_visual05.jpg);}



/*============* snbList *============*/
.snbList {position:fixed; top:80px; left:0; width:100%; overflow:hidden; z-index:11; /*margin-top:-30px;*/}

ul.snb {width:100%; overflow:hidden; text-align:center; font-size:0;}
ul.snb li {display:inline-block; width:200px; height:60px; box-sizing:border-box; text-align:center; line-height:60px; font-size:17px; border:1px solid #e9e9e9; border-right:0; background:#fff;}
ul.snb li:last-of-type {border-right:1px solid #e9e9e9;}
ul.snb li a {display:block; width:100%; height:100%; color:#212121; text-decoration:none;}
ul.snb li.on {background:#7ac043; border:1px solid #7ac043;}
ul.snb li.on a {color:#fff;}

.snbList.sub02 ul.snb li {width:150px;}
.snbList.sub03 ul.snb li {width:130px;}


/*============* greeting_pic *============*/
.greeting .contents {width:1540px !important;}
.greeting_pic {width:810px; overflow:hidden;}
.greeting_pic img {width:100%;}
.greeting_txt {position:absolute; top:50px; right:0; width:800px; height:auto; box-sizing:border-box; padding:50px 70px; background:#f4f4f4; /*overflow:hidden;*/ z-index:10;}
.greeting_txt::after {position:absolute; right:-7px; bottom:-7px; width:185px; height:185px; border:7px solid #10562c; border-top:0; border-left:0; content:'';}
.greeting_txt p {font-size:17px; line-height:27px; color:#454545; padding:7px 0;}
.greeting_txt p.big {font-size:31px; color:#212121; line-height:45px; padding-bottom:13px}
.greeting_txt p.from {text-align:right;}
.greeting_txt dl {width:100%; overflow:hidden;}
.greeting_txt dl dt, .greeting_txt dl dd {float:left; font-size:17px; padding:13px 0;}
.greeting_txt dl dt {color:#212121; clear:both; font-weight:600; padding-right:30px;}
.greeting_txt dl dd {color:#555}
.greeting_txt.addr {width:510px; top:210px;}

.contect .contents {width:1200px !important;}

/*============* product_list *============*/
#bbs_head {position:relative; width:100%; overflow:hidden; margin-bottom:20px;}
#bbs_head .inner_search {position:absolute; top:0; right:0;}
#bbs_head .inner_search select {float:left; width:100px; height:40px; box-sizing:border-box; border:1px solid #ddd; margin-right:5px;}
#bbs_head .inner_search input[type='text'] {float:left; width:200px; height:40px; border:1px solid #ddd; background:#fafafa; box-sizing:border-box; padding:10px; font-size:15px; margin-bottom:5px;}
#bbs_head .inner_search button {display:block; position:absolute; top:0; right:0; width:40px;  height:100%; background:none; text-indent:-9999px; border:0;}
#bbs_head .inner_search button::before {position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-15px; width:24px; height:24px; background-image:url(../_img/icon/ico_search.png); background-repeat:no-repeat; background-position:-24px 0; content:'';}

p.pdt_cnt {float:left; font-size:15px; color:#333; text-align:left; padding:10px 0;}
p.pdt_cnt strong {padding:0 2px 0 5px; color:#10562c;}

ul.product_list {width:100%; overflow:hidden;}
ul.product_list li {position:relative; float:left; width:390px; height:auto; box-sizing:border-box; border:1px solid #e9e9e9; overflow:hidden; margin-left:15px; margin-bottom:30px;}
ul.product_list li:first-of-type, ul.product_list li:nth-of-type(3n+1) {margin-left:0;}
ul.product_list li .view_box {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:10; box-sizing:border-box; padding-top:105px;}
ul.product_list li .view_box a {display:block; width:100%; height:100%;}
ul.product_list li .view_box a span {display:block; width:69px; height:69px; margin:0 auto; box-sizing:border-box; background: url('../_img/icon/plus_icon.png') no-repeat center; text-indent:-9999px; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
ul.product_list li .view_box:hover a span {-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}
ul.product_list li .pdt_thumb {width:100%; height:230px; overflow:hidden;}
ul.product_list li .pdt_thumb img {position:relative; top:50%; left:50%; width:auto; height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
ul.product_list li .pdt_name {position:relative; width:100%; height:50px; box-sizing:border-box; border-top:1px solid #e9e9e9; background:#fafafa; text-align:center; font-size:17px; color:#212121; line-height:50px; font-weight:400; font-family:Noto Sans KR;}
ul.product_list li .pdt_name::before {display:none; position:absolute; top:0; left:50%; width:2px; height:30px; background:#7ac043; content:'';}

ul.product_list li .view_box .select {width:60%; height:50px; text-align:center; margin:0 auto 20px auto; border:1px solid #fff; transition:.3s}
ul.product_list li .view_box .select a {font-size:15px; line-height:50px; color:#fff; text-decoration:none;}
ul.product_list li .view_box .select:hover {background:#fff;}
ul.product_list li .view_box .select:hover a {color:#333;}


ul.product_list.case li .pdt_thumb img {position:relative; top:50%; left:50%; width:100%; height:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}

.paging{margin:60px 0;text-align:center;}
.paging a {display:inline-block; vertical-align:top; width:38px; height:38px; text-align:center; line-height:38px; font-family: 'Montserrat', sans-serif; font-size:15px;color:#a8a8a8;	border:1px solid #ddd; overflow:hidden; box-sizing:border-box;}
.paging a img {vertical-align:top;}
.paging strong {display:inline-block; vertical-align:top; width:38px; height:38px; text-align:center; line-height:38px; font-family: 'Montserrat', sans-serif; font-size:15px;color:#10562c;font-weight:500; border:1px solid #10562c; box-sizing:border-box;}
.paging a.page_prev{margin-right:30px;}
.paging a.page_next{margin-left:30px;}


/*============* sub_innerSection *============*/
.sub_innerSection {position:relative; width:100%; overflow:hidden; padding:70px 0;}
.sub_innerSection h6 {font-size:21px; color:#212121; font-weight:400; padding:30px 0 15px 0; font-family:Noto Sans KR;}
.sub_innerSection:first-of-type {padding-top:0;}
.sub_innerSection#pdt_slider::after {position:absolute; bottom:0; left:0; width:100%; height:60%; background:#fafafa; content:'';}
.sub_innerSection#pdt_detailInfo {text-align:center;}
.sub_innerSection#pdt_detailInfo h6 {text-align:left; border-bottom:2px solid #212121; margin-bottom:40px;}


/*============* product_slider *============*/
.product_slider {position:relative; width:100%; height:530px; overflow:hidden; box-sizing:border-box; border:1px solid #e9e9e9;}
.product_slider ul.slick-dots {position:absolute; left:0; bottom:30px; width:100%; overflow:hidden; text-align:center; font-size:0;} 
.product_slider ul.slick-dots li {display:inline-block; font-size:13px; text-align:center;}
.product_slider ul.slick-dots li button {display:block; width:10px; height:10px; border:0; background:#e5e5e5; margin:0 7px; border-radius:100%; text-indent:-99999px;}
.product_slider ul.slick-dots li.slick-active button {background:#7ac043;}

table.korea_basic {table-layout:fixed; width:100%; border-top:2px solid #7ac043}
table.korea_basic tr {}
table.korea_basic tr th, table.korea_basic tr td {font-size:17px; box-sizing:border-box; border-bottom:1px solid #ddd; padding:20px; line-height:30px; background:#fff;}
table.korea_basic tr th {color:#212121; text-align:center; background:#f4f4f4}
table.korea_basic tr td {color:#444;}

.deatil_info_table {width:100%; overflow:hidden; box-sizing:border-box; border-top:2px solid #7ac043;}
.deatil_info_table .info_row {width:100%; box-sizing:border-box; border-bottom:1px solid #ddd; background:#fff; overflow:hidden;}
.deatil_info_table .info_row dl {position:relative; float:left; width:50%; background:#fff; /*overflow:hidden;*/ box-sizing:border-box; padding-left:15%;}
.deatil_info_table .info_row dl::after {position:absolute; left:0; top:0; width:30%; height:500%; background:#f4f4f4; content:'';}
.deatil_info_table .info_row dl dt, .deatil_info_table .info_row dl dd {float:left; padding:20px; box-sizing:border-box; font-size:17px;}
.deatil_info_table .info_row dl dt {position:absolute; left:0; top:50%; margin-top:-30px; width:30%; height:100%; color:#212121; text-align:center; background:#f4f4f4; font-weight:600; z-index:5;}
.deatil_info_table .info_row dl dd {width:100%; color:#444; line-height:30px;}

#slider_wrap, #info_wrap {width:100%; overflow:hidden; box-sizing:border-box;}
#slider_wrap {background:#fff;}

#info_table_wrap {width:100%;}
p.scroll_caution {display:none; text-align:right; font-size:13px; background:url(../_img/icon/x-scroll.png) no-repeat top 11px right 185px; font-weight:600; font-family:Noto Sans KR; background-size:20px; padding-top:5px; padding-left:25px; padding-bottom:30px;}


/*============* relative_slider *============*/
#rel_items h6 {border-bottom:2px solid #212121;}
#rel_items h6 span {color:#f9202b; padding-right:3px;}

.relative_slider {width:100%; box-sizing:border-box; overflow:hidden; padding:0 50px; margin-top:50px;}
.relative_slider .rel_item {position:relative;}
.relative_slider .rel_item .view_box {display:none; position:absolute; top:0; left:50%; margin-left:-100px; width:200px; height:200px;border-radius:100%; background:rgba(0,0,0,.7); z-index:10;}
.relative_slider .rel_item .view_box a {display:block; width:100%; height:100%; text-decoration:none; box-sizing:border-box; padding-top:80px;}
.relative_slider .rel_item .view_box a span {display:block; width:40px; height:40px; margin:0 auto; box-sizing:border-box; background: url('../_img/icon/plus_icon.png') no-repeat center; background-size:100%; text-indent:-9999px; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.relative_slider .rel_item .view_box:hover a span {-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}

.relative_slider .rel_item .rel_picThumb {position:relative; width:200px !important; height:200px; overflow:hidden; box-sizing:border-box; border-radius:100%; border:2px solid #e9e9e9; margin:0 auto;}
.relative_slider .rel_item .rel_picThumb img {position:relative; top:50%; left:50%; width:auto; height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.relative_slider .rel_item p {position:relative; text-align:center; font-size:17px; color:#212121; padding-top:30px;}
.relative_slider .rel_item p::before {position:absolute; top:-15px; left:50%; width:2px; height:30px; background:#7ac043; content:''; z-index:15;}

.relative_slider .slick-arrow { position:absolute; top:50%; z-index:10; width:30px; height:52px; text-align:center; background-repeat:no-repeat; background-image:url(../_img/icon/btn_prds_thumb_slides_navi.png);}
.relative_slider .slick-arrow>span {position:absolute; top:-9999px; text-indent:-9999px;}
.relative_slider .slick-arrow.slick-prev {left:0; background-position:0 0;}
.relative_slider .slick-arrow.slick-next {right:0; background-position:-50px 0;}


/*============* paperList *============*/
ul#paperList {width:100%; text-align:center; font-size:0;}
ul#paperList li {display:inline-block; font-size:17px; color:#212121; text-align:center; padding:0 25px; line-height:55px;}


/*============* descBox *============*/
.descBox {width:100%; overflow:hidden; padding:60px 0; box-sizing:border-box;}
.descBox:first-of-type {padding-top:0;}
.descBox h5 {font-size:27px; color:#1e1e1e; padding:10px 20px; box-sizing:border-box; background:url(../_img/icon/title_bl.png) no-repeat top 4px left; background-size:13px; margin-bottom:15px;}
.descBox h5 span {font-size:17px; color:#999; font-weight:400; padding-left:5px;}
.descBox ul {width:100%; overflow:hidden; background:#fafafa; box-sizing:border-box; border:1px solid #ddd; padding:20px 30px;}
.descBox ul li {position:relative; width:100%; padding:10px 0 10px 33px; background:url(../_img/icon/text_bl.png) no-repeat top 11px left; background-size:23px; font-size:17px; color:#444; box-sizing:border-box; line-height:25px;}
.descBox p {padding:15px 0;}
.descBox p img {width:100%;}
.descBox dl {width:100%; overflow:hidden; border-bottom:1px solid #ddd;}
.descBox dl:first-of-type {border-top:2px solid #1e1e1e; margin-top:20px;}
.descBox dl dt, .descBox dl dd {float:left; font-size:17px; padding:30px 10px; box-sizing:border-box; color:#1e1e1e; line-height:25px;}
.descBox dl dt {width:20%; font-weight:600; clear:both;}
.descBox dl dd {width:80%; color:#666}


.pot_pic {float:left; width:525px;}
.pot_desc {float:left; width:675px; box-sizing:border-box; padding-left:40px;}
.pot_desc dl:first-of-type {float:left; margin-top:0 !important;}
.pot_desc p {font-size:17px; line-height:27px;}


/*============* inner_snb *============*/
.inner_snb {width:100%; overflow:hidden; /*margin-bottom:50px;*/ box-sizing:border-box;}
.inner_snb ul {width:100%; text-align:center; font-size:0;}
.inner_snb ul li {display:inline-block; width:110px; height:110px; box-sizing:border-box; border:1px solid #ddd; background-color:#fafafa; font-size:15px; border-left:0;}
.inner_snb ul li a {position:relative; display:block; width:100%; height:100%; text-align:center; color:#777; box-sizing:border-box; padding-top:70px;}
.inner_snb ul li a::after {position:absolute; top:20px; left:50%; margin-left:-22px; width:45px; height:45px; background-image:url(../_img/icon/snb_icon.png); background-repeat:no-repeat; content:'';}
.inner_snb ul li.on {background-color:#7ac043;}
.inner_snb ul li.on a {color:#fff;}
.inner_snb ul li.isnb01 {border-left:1px solid #ddd;}
.inner_snb ul li.isnb01 a::after {background-position:0 -50px;}
.inner_snb ul li.isnb01.on a::after {background-position:0 0;}
.inner_snb ul li.isnb02.on a::after {background-position:-45px 0;}
.inner_snb ul li.isnb02 a::after {background-position:-45px -50px;}
.inner_snb ul li.isnb03.on a::after {background-position:-90px 0;}
.inner_snb ul li.isnb03 a::after {background-position:-90px -50px;}
.inner_snb ul li.isnb04.on a::after {background-position:-135px 0;}
.inner_snb ul li.isnb04 a::after {background-position:-135px -50px;}


.iframebox {position: relative; width: 100%; padding-bottom: 56.25%; margin-top:50px;}
.iframebox iframe { position: absolute; width: 100%; height: 100%;}​