@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);
@font-face {
	font-family: "Industry";
	font-style: bold;
    font-weight: 700;
	src: url('../fonts/IndustryTest-Bold.woff') format('woff');
}


html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,
header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:middle}
h1, h2, h3, h4 {font-size:14px; margin:0; padding:0;}
body{font-size:14px; line-height: 1.4;}
ol,ul,li,dd{list-style:none}
table{width:100%;border-collapse:collapse;border-spacing:0}
tbody, tfoot, thead, tr, th, td{word-break:break-all}
table th{font-weight:bold}


hr{display:none}
img{border:0;font-size:0;vertical-align:middle}
a img{border:0;margin:0;padding:0;vertical-align:middle}

a:link,a:visited,a:active{color:#666}

button, input{line-height:normal;overflow:visible;border-radius:0;border-radius:0; outline: none;}
button, input[type='button'], input[type='reset'], input[type='submit']{padding:0;border:0;overflow:hidden;margin:0;background-color:transparent;cursor:pointer}
input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0;margin:0}
button, input, select, textarea{font-size:100%;vertical-align:baseline}
textarea{overflow:auto;vertical-align:top;resize:vertical; }
input[type=text]::-ms-clear {
    display:none;
}


/* html5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

/* table */
table{border-spacing:0;border-collapse:collapse;width:100%}
table,th,td{color:#000;}

a {text-decoration: none}
textarea {width:100%; padding:20px; border:none; background: #f7f7f7; color:#111; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif;}
input[type=text], input[type=password]{width:100%; height:50px; border:none; background: #f7f7f7; text-indent: 20px; font-family: 'Noto Sans KR', sans-serif;}
input[type=file] {width:100%; height:50px; border:none; background: #f7f7f7; font-family: 'Noto Sans KR', sans-serif; line-height: 50px}
select {height:50px; border:none; background: #f7f7f7; text-indent: 20px; font-family: 'Noto Sans KR', sans-serif;}
button {outline: none; font-family: 'Noto Sans KR', sans-serif;}
html, body {font-family: 'Noto Sans KR', sans-serif;}

.noScroll {overflow:hidden !important;}

.visual_container {position: relative; height:335px;}
.visual_container .v_title {height: 275px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.visual_container .v_title > img {height:50px; display: block; margin:15px auto 0;}
.visual_container .v_title h3 {display:none;height:auto; padding-top:0;}
.visual_container::after {content:""; position: absolute; left:0; right:0; bottom:60px; height:1px; background:rgba(255,255,255,0.5); }
.visual_container.visual_company {background: url(../images/visual.jpg) no-repeat center center /cover !important;}

.content_wrap {margin:80px 0 150px;}
.content_wrap section {position: relative; width:1100px; margin:0 auto;  box-sizing: border-box}
.content_wrap .full {width:100%;}

.swiper-container {position: relative;}
.slide_prev {position: absolute; bottom: 0px; left: 0; width: 24px; height: 24px; z-index: 10; background: url(../images/affiliate/slide_prev.png); }
.slide_next {position: absolute; bottom: 0px; left: 106px; width: 24px; height: 24px; z-index: 10; background: url(../images/affiliate/slide_next.png); }
.slide_pagination {position: absolute; bottom: 0px; left: 0; width: 24px; height: 24px;}
.swiper-pagination-fraction {left: -481px !important;}
.m_item4 .swiper-container-horizontal .swiper-pagination-progressbar {width:900px !important; top: 416px !important; left:200px !important; background: #ddd !important;}
.m_item4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #999 !important;}
.swiper-pagination-total {opacity: 0.4;}
.pageS {opacity: 0.4; margin: 0 10px;}
