@font-face {

    font-family: 'Lato';

    src: url('../font/Lato-Black.woff2') format('woff2'),

        url('../font/Lato-Black.woff') format('woff');

    font-weight: 900;

    font-style: normal;

}



@font-face {

    font-family: 'Lato';

    src: url('../font/Lato-Bold.woff2') format('woff2'),

        url('../font/Lato-Bold.woff') format('woff');

    font-weight: 600;

    font-style: normal;

}



@font-face {

    font-family: 'Lato';

    src: url('../font/Lato-Light.woff2') format('woff2'),

        url('../font/Lato-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

}



@font-face {

    font-family: 'Lato';

    src: url('../font/Lato-Regular.woff2') format('woff2'),

        url('../font/Lato-Regular.woff') format('woff');

    font-weight: 400;

    font-style: normal;

}





@font-face {

    font-family: 'Lato';

    src: url('../font/Lato-LightItalic.woff2') format('woff2'),

        url('../font/Lato-LightItalic.woff') format('woff');

    font-weight: 300;

    font-style: italic;

}



@font-face {

    font-family: 'Lato';

    src: url('../font/Lato-Italic.woff2') format('woff2'),

        url('../font/Lato-Italic.woff') format('woff');

    font-weight: 400;

    font-style: italic;

}



@font-face {

    font-family: 'Lato';

    src: url('../font/Lato-BoldItalic.woff2') format('woff2'),

        url('../font/Lato-BoldItalic.woff') format('woff');

    font-weight: 600;

    font-style: italic;

}



.mt0 {margin-top:0px !important;}

.mt5 {margin-top:5px !important;}

.mt10 {margin-top:10px !important;}

.mt15 {margin-top:15px !important;}

.mt20 {margin-top:20px !important;}

.mt25 {margin-top:25px !important;}

.mt30 {margin-top:30px !important;}

.mt35 {margin-top:35px !important;}

.mt40 {margin-top:40px !important;}

.mt45 {margin-top:45px !important;}

.mt50 {margin-top:50px !important;}

.mt55 {margin-top:55px !important;}

.mt60 {margin-top:60px !important;}

.mt65 {margin-top:65px !important;}

.mt70 {margin-top:70px !important;}

.mt75 {margin-top:75px !important;}

.mt80 {margin-top:80px !important;}

.mt85 {margin-top:85px !important;}

.mt90 {margin-top:90px !important;}

.mt95 {margin-top:95px !important;}

.mt100 {margin-top:100px !important;}



.mb0 {margin-bottom:0px !important;}

.mb5 {margin-bottom:5px !important;}

.mb10 {margin-bottom:10px !important;}

.mb15 {margin-bottom:15px !important;}

.mb20 {margin-bottom:20px !important;}

.mb25 {margin-bottom:25px !important;}

.mb30 {margin-bottom:30px !important;}

.mb35 {margin-bottom:35px !important;}

.mb40 {margin-bottom:40px !important;}

.mb45 {margin-bottom:45px !important;}

.mb50 {margin-bottom:50px !important;}

.mb55 {margin-bottom:55px !important;}

.mb60 {margin-bottom:60px !important;}

.mb65 {margin-bottom:65px !important;}

.mb70 {margin-bottom:70px !important;}

.mb75 {margin-bottom:75px !important;}

.mb80 {margin-bottom:80px !important;}

.mb85 {margin-bottom:85px !important;}

.mb90 {margin-bottom:90px !important;}

.mb95 {margin-bottom:95px !important;}

.mb100 {margin-bottom:100px !important;}



.pt0 {padding-top:0px !important;}

.pt5 {padding-top:5px !important;}

.pt10 {padding-top:10px !important;}

.pt15 {padding-top:15px !important;}

.pt20 {padding-top:20px !important;}

.pt25 {padding-top:25px !important;}

.pt30 {padding-top:30px !important;}

.pt35 {padding-top:35px !important;}

.pt40 {padding-top:40px !important;}

.pt45 {padding-top:45px !important;}

.pt50 {padding-top:50px !important;}

.pt55 {padding-top:55px !important;}

.pt60 {padding-top:60px !important;}

.pt65 {padding-top:65px !important;}

.pt70 {padding-top:70px !important;}

.pt75 {padding-top:75px !important;}

.pt80 {padding-top:80px !important;}

.pt85 {padding-top:85px !important;}

.pt90 {padding-top:90px !important;}

.pt95 {padding-top:95px !important;}

.pt100 {padding-top:100px !important;}



.pb0 {padding-bottom:0px !important;}

.pb5 {padding-bottom:5px !important;}

.pb10 {padding-bottom:10px !important;}

.pb15 {padding-bottom:15px !important;}

.pb20 {padding-bottom:20px !important;}

.pb25 {padding-bottom:25px !important;}

.pb30 {padding-bottom:30px !important;}

.pb35 {padding-bottom:35px !important;}

.pb40 {padding-bottom:40px !important;}

.pb45 {padding-bottom:45px !important;}

.pb50 {padding-bottom:50px !important;}

.pb55 {padding-bottom:55px !important;}

.pb60 {padding-bottom:60px !important;}

.pb65 {padding-bottom:65px !important;}

.pb70 {padding-bottom:70px !important;}

.pb75 {padding-bottom:75px !important;}

.pb80 {padding-bottom:80px !important;}

.pb85 {padding-bottom:85px !important;}

.pb90 {padding-bottom:90px !important;}

.pb95 {padding-bottom:95px !important;}

.pb100 {padding-bottom:100px !important;}



.ta-l { text-align:left; }

.ta-c { text-align:center; }

.ta-r { text-align:right; }



.italic { font-style:italic; }

.light { font-weight:300; }

.font12_320 { font-size:13px !important; }

.font13 { font-size:13px !important; }

.color_ff0807 { color:#ff0807; }

.color_333333 { color:#333333; }



.hidden { display:none; }



body, h1, h2, h3, h4, input, button, a, textarea, select { font-family:'Lato'; font-weight:400; }

body { background:#f2f2f2; position: relative;  font-size:15px; color:#333; letter-spacing:-0.6px; line-height:1.33; }

body.fix { position:fixed; width:100%; overflow:hidden; }

header {  position:fixed; z-index:9997; top:0; left:0; width:100%; height:65px; } 

header.open { height:100%; }

header .header_wrap { background:#fff; height:65px; border-bottom:0.5px solid #dfdfdf; position: relative; z-index:9998; }

header .header_wrap > a { display:inline-block; }

header .header_wrap .logo { margin-left:13px; height:65px; }

header .header_wrap .logo img { width:auto; height:100%; }

header .header_wrap .menu_wrap{overflow:hidden; float:right; font-size:0;}

header .header_wrap .menu_wrap a{display:block; width:65px; height:65px; border-left:0.5px solid #dfdfdf; font-size: 0; box-sizing: border-box;}

header .header_wrap .menu_wrap .call{float:left; background: url("../images/common/ico_call.png") center no-repeat; background-size:25px;}

header .header_wrap .menu_wrap .btn_menu {float:right; overflow:hidden;}

header nav { border-left:0.5px solid #dfdfdf; width:100%; box-sizing:border-box; position:fixed; left:0; top:65px; height:0px; overflow:auto; -webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out; }

header.open nav { height:calc( 100% - 65px ); }

header nav ul { overflow:hidden; background:#fff; }

header nav ul li { border-bottom:0.5px solid #dfdfdf; box-sizing:border-box; }

header nav a { display:block; padding:15.5px 20px; font-size:15px; }

header nav .depth1 { color:#000000; background:url('../images/common/nav_arrw_down.png') no-repeat center right 20px; background-size:12.5px; }

header nav .depth1 + ul { border-top:0.5px solid #dfdfdf; }

header nav .depth1.open { color:#ff0807; background-image:url('../images/common/nav_arrw_up.png') }

header nav .depth1.open + ul { border-top:0.5px solid #ff0807; }

header nav .depth2 {position: relative; color:#666666; }

header nav .depth3 { color:#888888; }

header nav .depth3_wrap a { padding:12px 20px; }

header nav .depth2_wrap { display:none; background:#f6f6f6; }

header nav .depth2_wrap.col2 > li { display:inline-block; width:50%; float:left; }

header nav .depth2_wrap.col2 .use_d3 { padding-top:5px; padding-bottom:5px; }

header nav .depth2_wrap.col2 .use_d3 .depth2 { padding-top:10px; padding-bottom:10px; background:url('../images/common/nav_depth2_down.png') no-repeat center right 20px; background-size:15px; }

header nav .depth2_wrap.col2 .use_d3 .depth2 + ul { background:#f6f6f6; }

header nav .depth2_wrap.col2 .use_d3 .depth2.open { background:url('../images/common/nav_depth2_up.png') no-repeat center right 20px; background-size:15px; }

header nav .depth2_wrap.col2 .use_d3 .depth2.open + ul { display:block; }

header nav .depth2_wrap.col2 .w100 { width:100%; }

header nav .depth2_wrap.col2 .br { border-right:0.5px solid #dfdfdf; }

header nav .depth2_wrap.col2 .b0 { border-bottom:none; }

header nav .depth2_wrap li:last-child { border-bottom:none; }

header nav .depth3_wrap { display:none; }

header nav .depth3_wrap li { border-bottom:none; padding-left:15px; } 

header nav .depth3_wrap li a { position:relative; }

header nav .depth3_wrap li a:before { content:""; position:absolute; width:3px; height:3px;left:7px; top: 24px; background:#666666;  }

/* header nav .depth2  .mark_new{display:block; position: absolute; top:50%; left:104px; transform: translateY(-50%);  width:40px; height:15px; background:url(http://sunmightusa.com/m/resources/images/common/icon_new.png) 0 0 no-repeat; background-size: 36px 15px; font-size: 10px; color:#f22d2d; text-align: center; line-height: 15px;}

header nav .w100 .depth2 .mark_new{left:125px;} */

header nav .depth2 .mark_new{display:inline-block; width:34px; height:15px; margin-left:5px; background:#fff; border:1px solid #f22d2d; border-radius: 3px 3px; font-size: 10px; color:#f22d2d; text-align: center; vertical-align: 2px; box-sizing: border-box;}





.btn_menu .line {

	width: 21px;

	height: 4px;

	background-color: #000;

	display: block;

	margin: 4px auto;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.btn_menu .line:nth-child(1) {margin-top:23px;}

.btn_menu .line:nth-child(3) {margin-bottom:23px;}

header.open .btn_menu .line:nth-child(2) {

	opacity: 0;

}



header.open .btn_menu .line:nth-child(1) {

	-webkit-transform: translateY(8px) rotate(45deg);

	-ms-transform: translateY(8px) rotate(45deg);

	-o-transform: translateY(8px) rotate(45deg);

	transform: translateY(8px) rotate(45deg);

}



header.open .btn_menu .line:nth-child(3) {

	-webkit-transform: translateY(-8px) rotate(-45deg);

	-ms-transform: translateY(-8px) rotate(-45deg);

	-o-transform: translateY(-8px) rotate(-45deg);

	transform: translateY(-8px) rotate(-45deg);

}



footer { background:#7a7a7a; }

footer .cont01 {  width:100%; border-bottom:0.5px solid #959595; background:#888888; font-size:0; }

footer .select_wrap { width:70%; position:relative; }

footer .select_wrap .default { color:#eeeeee; padding:0 13px; height:58px; line-height:58px; width:100%; font-size:15px; box-sizing:border-box; background:#888888 url('../images/common/select_arrow_up.png') no-repeat center right 15px; background-size:18px; }

footer .select_wrap.open .default { background-image:url('../images/common/select_arrow_down.png'); }

footer .select_wrap ul { display:none; font-size:15px; position:absolute; top:-179px; left:0; width:100%; background:#999999; z-index:100; }

footer .select_wrap.open ul { display:block; }

footer .select_wrap ul li { border-bottom:0.5px solid #aaaaaa; }

footer .select_wrap ul li:last-child { border-bottom:0; }

footer .select_wrap ul li a { color:#eeeeee; display:block; padding:20px 13px; }

footer .select_wrap, footer .btn_top { display:inline-block; }

footer .btn_top { background:#4d4d4d; color:#cccccc; width:30%; font-size:15px; text-align:center; height:58px; line-height:58px; }

footer .logo img { width:35%; max-width:150px; }

footer .cont02 { padding:25px 13px; position: relative; }

footer .cont02 p { color:#cccccc; margin-top:11px; font-size:15px; line-height:1.25; }

/* footer .cont02 .company { font-size:15px; } */

footer .cont02 .sns_wrap {position:absolute; bottom:25px; right:13px; width:104px; font-size: 0;}

footer .cont02 .sns_wrap a {display:inline-block; width:30px; margin-left:7px;}

footer .cont02 .sns_wrap a:first-child {margin-left:0px;}

footer .cont02 .pc_ver_wrap { position:absolute; right:13px; top:25px; line-height:40px; }

footer .cont02 .pc_ver_wrap a { color:#cccccc; padding:10px 15px; border:0.5px solid #cccccc; }



main { position:relative; padding-top:65px; }

main h1 { font-size:27px; letter-spacing:-2.2px; color:#e22929; padding-top:40px; padding-bottom:15px; border-bottom:1.5px solid #e22929; }

main h1 + article > p { font-weight:300; color:#333; }

main section { padding:0 13px 50px 13px; position:relative; overflow:hidden; }

main section.wide { padding:0 0 50px 0; }

main section:last-of-type { padding-bottom:100px; }

main section.wide.tit { padding:0; }

main section article h2 { font-size:18px; letter-spacing:-0.72px; color:#333333; padding-bottom:15px; }

main section.wide article h2 { padding-left:13px; padding-right:13px; }

main section article h2.prd { font-size:22px; letter-spacing:-0.9px; }

main section article { padding-bottom:60px; }

main section article:last-child { padding-bottom:0; }



main .swiper-container { width: 100%; }

main .img_length { padding:0 13px; font-size:13px; letter-spacing:0; text-align:right; margin-top:10px; color:#aaa; }

main .swiper-pagination-bullet { background:#ccc; opacity:1; width:5px; height:5px; }

main .swiper-pagination-bullet-active { background:#e22926; }

main .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { position:relative; bottom:auto; line-height:0; padding-top: 15px; bottom:0 !important; }

main .txt_list li { position:relative; padding-left:6px; margin-bottom:5px; font-weight:300; }

main .txt_list li:before { content:""; position:absolute; top:8px; left:0; width:2px; height:2px; border-radius:100%; background:#333333; }

main .txt_list li:last-child { margin-bottom:0; }



main .swiper-container.type02 { padding-left:10px; padding-right:10px; box-sizing:border-box; }

main .swiper-container.type02.catalog .swiper-slide { width:43.7%; }

main .swiper-container.type02.gallery .swiper-slide { width:auto; }

main .swiper-container.type02 .swiper-slide img { border:0.5px solid #cccccc; box-sizing:border-box; }

main .swiper-container.type02.gallery .swiper-slide img { height:152px; width:auto; }

main .swiper-container.type02 > .swiper-scrollbar { position:relative; width:100%; bottom:auto; left:auto; margin-top:30px; background:transparent; }

main .swiper-container.type02 > .swiper-scrollbar:before { content:""; position:absolute; background:#ccc; width:100%; height:1px; top:2px; left:0; }

main .swiper-container.type02 .swiper-scrollbar-drag { background:#ccc; }

main .swiper-container.type02 .desc { line-height:1.13; margin-top:10px; color:#666; }



main .col_wrap { overflow:hidden; }

main .col_wrap .desc { padding-top:10px; min-height:40px; color:#666; }

main .col_wrap li { box-sizing:border-box; display:inline-block; float:left; margin-bottom:12.5px; }

main .col_wrap li:last-child { margin-bottom:0; }

main .col_wrap li img { border:0.5px solid #cccccc; box-sizing:border-box; }

main .col_wrap.col03 li { width:31.38%; margin-left:2.93%; }

main .col_wrap.col03 li:nth-child(3n+1) { margin-left:0; }

main .col_wrap.col02 li { width:48.34%; margin-left:3.32%; }

main .col_wrap.col02 li:nth-child(2n+1) { margin-left:0; }



main .col_wrap.col02.type02 li { width:48.9%; margin-left:2.2%; }

main .col_wrap.col02.type02 li:nth-child(2n+1) { margin-left:0; }

main .col_wrap.type02 li { border:0.5px solid #cccccc; }

main .col_wrap.type02 li img { border:none; }

main .col_wrap.type02 li .desc { background:#fff; color:#888888; padding-bottom:10px; text-align:center; min-height:auto; }



main table{width:100%;}

main table th { color:#666666; }

main table td { color:#888888; }



/* popup */

.popup_wrap { display:none; position:fixed; z-index:9999; top:50%; left:0; transform: translateY(-50%); width:calc( 100% - 26px ); margin-left:13px; margin-right:13px; }

.popup_wrap .pop_header { background:#fff; overflow:hidden; height:55px; line-height:53px; border-bottom:0.5px solid #dfdfdf; }

.popup_wrap .pop_header .title { display:inline-block; line-height:normal; vertical-align:middle; width:calc( 100% - 59px ); box-sizing:border-box; padding:0 20px; font-size:18px; }

.popup_wrap .pop_header .btn_close { height:100%; padding:0; border:0; border-left:0.5px solid #dfdfdf; float:right; }

.popup_wrap.non_tit .pop_header { background:none; height:auto; padding-bottom:15px; }

.popup_wrap.non_tit .pop_header .btn_close { background:none; border-left:none; width:25px; height:25px; }

.popup_wrap .pop_header .btn_close img { height:100%; width:auto; }

.popup_wrap .pop_con { background:#fff; max-height:60vh; text-align:center; overflow:hidden; }

.popup_wrap .pop_con.bh img { width:auto; max-height:60vh; }

.dim { display:none; position:fixed; top:0; left:0; z-index:9998; width:100%; height:100%; background:rgba(0,0,0,0.7); }



/* list */

main .list_wrap table { width:100%; text-align:center; }

main .list_wrap table th, main .list_wrap table td { border-bottom:0.5px solid #bfbfbf; vertical-align:middle; }

main .list_wrap table th { background:#e0e0e0; padding:10px 0; border-top:0.5px solid #bfbfbf; }

main .list_wrap table td { padding:5px 0; }

main .list_wrap table td a.btn { color:#888888; display:inline-block; height:37px; line-height:37px; border:0.5px solid #e0e0e0; width:40%; background:#Fff; }

main .list_wrap table td .btn_sds { margin-left:3.7%; }

main .paging_wrap { text-align:center; overflow:hidden; }

main .paging_wrap .paging { text-align:center; display:inline-block; }

main .paging_wrap .paging li { display:inline-block; margin-left:25px; }

main .paging_wrap .paging li:first-child { margin-left:0; }

main .paging_wrap .paging li a { color:#999999; }

main .paging_wrap .paging li span.on { color:#e22929; }

main .paging_wrap > a { display:inline-block; text-indent:-9999px; width:35px; height:35px; margin-top:25px; }

main .paging_wrap .btn_prev { background:url('../images/common/paging_arrow_l.png') no-repeat; background-size:35px; float:left; }

main .paging_wrap .btn_next { background:url('../images/common/paging_arrow_r.png') no-repeat; background-size:35px; float:right; }



main .input_wrap input { height:45px; padding:0 15px; width:100%; box-sizing:border-box; margin-top:5px; border:0.5px solid #cccccc;  -webkit-appearance: none; border-radius:0; }

main .input_wrap textarea { margin-top:5px; width:100%; border:0.5px solid #ccc; height:180px; box-sizing:border-box; padding:15px;  -webkit-appearance: none;  border-radius:0; }



main .common_btn_wrap { overflow:hidden; }

main .common_btn_wrap button { height:55px; font-size:20px; width:100%; }

main .common_btn_wrap.col02 button { width:49%; float:left; }

main .common_btn_wrap .btn_gray { background:#ffffff; border:0.5px solid #cccccc; }

main .common_btn_wrap .btn_red { background:#ff0807; color:#fff; border:0.5px solid #ff0807; }

main .common_btn_wrap.col02 .btn_red { margin-left:2%; }

#captcha_el iframe img{width:500px}

.tab_wrap select { border-radius:0; outline:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;width:100%; font-size:15px; color:#ef3232; border:0.5px solid #ef3232; padding:15px 20px; background:#fff url('../images/common/nav_arrw_down.png') no-repeat center right 20px; background-size:20px; }



/* error */

.error h1 { border-bottom:0; text-align:center; color:#000000; padding-top:200px; background:url('../images/common/bg_error.png') no-repeat center top 50px; background-size:110px; }



@media (max-width: 340px) {

    main .col_wrap .desc { font-size:14px; }

}



@media (max-width: 320px) {

    .font12_320 { font-size:12px !important; }

}



@media (orientation: landscape) {

    .popup_wrap { width:60vw; left:50%; transform:translate(-50%,-50%); }

    .popup_wrap .pop_con { height:60vh; }

    .popup_wrap img { width:auto; height:100%; }

}