@charset "utf-8"; 
/* ===========================
 * 파일명 : main.css
 * 설명    : afreecaTV 광고제휴안내
 * 작성자 : leonato@
 * 작성일 : 2016-07-04
=========================== */
/* common */
@import "../../global/sass_module/_font.scss";
::-moz-selection { background:#ccc; color:#0545b1; text-shadow:none;}
::selection { background:#ccc; color:#0545b1; text-shadow:none;}

/* Reset */
html,body{width:100%;height:100%;margin:0;padding:0;font-size:12px;}

/* HTML 5 Reset */
nav, section, article, header, aside, footer, figure, dialog {display:block}
time, progress, mark, output {display:inline}

/* mobile */
html{-webkit-text-size-adjust: none;} /* iphone */
body {background:#fff;}
body, ul, ol, li, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, p, form, fieldset, blockquote, iframe, input, object, table, tr, th, td, button{margin:0;padding:0}

ul, ol, li{list-style:none}
hr{display:none}
em{font-style:normal}
fieldset, img{border:none;}
legend, caption{display:block;overflow:hidden;position:absolute;text-indent:-9999px;top:-9999px;font-size:0;width:1px;height:1px;left:-9999px;line-height: 0;}

/* table { border-collapse: collapse;} */

.hide {display:none}  /* none */
.blind {display:block;overflow:hidden;position:absolute;text-indent:-9999px;top:-9999px;font-size:0;width:1px;height:1px;left:-9999px;line-height: 0;} /* hide */

/* Link Css */
a {cursor:pointer}
a:link,  a:visited,  a:active {text-decoration:none}

/* form */
textarea {font-size:12px;outline:none}
select{font-size:12px;outline:none}
input {font-size:12px;outline:none}
button {border:0 none;cursor:pointer;vertical-align:middle}
iframe {/*position:absolute;z-index:-9999;height:0;line-height:0;top:-9999px;left:-9999px*/}

em {font-style:normal;}

/* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */
@font-face {
  font-family:'NG';
  font-style:normal;
  font-weight:400;
  src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family:'NGB';
  font-style:normal;
  font-weight:700;
  src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
.acc, .hid, caption {overflow:hidden;position:absolute;left:-10000px;top:0;width:0;height:0;font-size:0;line-height:0;}

body,input,textarea,select,table,button{font-size:13px; line-height:1.3em;}

/* ===========================
레이아웃
=========================== */
body {min-width:1280px; background:#fff;}
.wrap {padding:63px 0 0; background:#fafaf8;}

.gnb {position:fixed; left:0; top:0; right:0; z-index:99; height:62px; border-bottom:1px solid #dfdfdd; background:#fafaf8;}
.gnb .in {}
.gnb h1 a {position:absolute; left:49px; top:0; display:block; overflow:hidden; text-indent:-1111px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='107' height='47' fill='none'%3e%3cpath fill='url(%23a)' d='M62.185 11.449c-3.57 0-6.777 1.552-8.983 4.018a.234.234 0 0 1-.352 0 12.021 12.021 0 0 0-8.983-4.018c-6.656 0-12.052 5.395-12.052 12.051 0 6.656 5.396 12.051 12.052 12.051 3.57 0 6.776-1.552 8.983-4.018a.234.234 0 0 1 .352 0 12.021 12.021 0 0 0 8.983 4.018c6.656 0 12.05-5.395 12.05-12.051 0-6.656-5.394-12.051-12.05-12.051Zm0 18.318c-1.929 0-3.54-.93-4.528-1.98-.315-.334-.705-.793-1.134-1.183a9.475 9.475 0 0 0-.604-.5 4.967 4.967 0 0 0-2.892-.917 4.967 4.967 0 0 0-2.892.916c-.197.15-.4.316-.604.501-.43.39-.82.849-1.134 1.184-.989 1.05-2.6 1.979-4.528 1.979-.05 0-.097-.003-.147-.004a8.412 8.412 0 0 1-.417-.023l-.1-.008a6.267 6.267 0 0 1-5.603-6.232v.026-.052.026c0-3.236 2.454-5.9 5.602-6.232l.106-.01.163-.011c.083-.005.166-.008.25-.01.049 0 .097-.004.145-.004 1.928 0 3.54.93 4.527 1.98.315.334.705.793 1.135 1.183.204.185.408.351.603.5a4.967 4.967 0 0 0 2.893.917 4.967 4.967 0 0 0 2.892-.916c.196-.15.399-.316.604-.501.43-.39.82-.849 1.134-1.184.988-1.05 2.6-1.979 4.527-1.979.049 0 .096.003.144.004a8.667 8.667 0 0 1 .41.022c.038.002.075.006.113.01a6.267 6.267 0 0 1 5.588 5.863c0 .02.002.04.004.06l.005.17c0 .086.002.17 0 .256-.002.064-.002.13-.005.193 0 .013-.003.026-.003.04a6.267 6.267 0 0 1-5.59 5.878c-.038.004-.075.008-.114.01-.051.005-.103.008-.155.012-.083.005-.169.007-.253.01-.048 0-.095.003-.144.003l.002.003Z'/%3e%3cpath fill='%2317191C' d='m20.949 20.19 3.585 1.165c.533.217 2.46.699 3.907 2.145 1.332 1.332 1.928 3.114 1.928 4.848 0 5.275-5.445 7.203-9.4 7.203-6.025 0-8.624-2.668-9.4-3.374l3.563-4.552c.252.342 2.704 2.624 5.837 2.624 1.205 0 3.134-.482 3.134-1.928 0-.965-.99-1.724-3.134-2.41l-3.584-1.166c-2.466-.977-4.37-2.691-4.37-6.066 0-1.847.71-3.253 1.034-3.757 2.005-3.12 6.014-3.473 7.402-3.473 2.442 0 4.246.45 5.555 1.004 1.662.702 2.526 1.57 2.881 1.888l-2.97 3.796c-3.39-2.097-5.503-1.94-6.67-1.526-.796.282-1.05.916-1.085 1.326-.045.505.036 1.6 1.787 2.252v.002ZM86.287 11.57h-9.64v23.86h5.784v-7.953h3.856c4.06 0 7.713-2.41 7.713-7.954 0-5.543-3.653-7.954-7.713-7.954Zm1.928 7.953a3.133 3.133 0 0 1-3.133 3.134h-2.651V16.39h2.651a3.133 3.133 0 0 1 3.133 3.133Z'/%3e%3cdefs%3e%3clinearGradient id='a' x1='36.149' x2='71.388' y1='10.302' y2='37.708' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%230082FF'/%3e%3cstop offset='.42' stop-color='%230A96FF'/%3e%3cstop offset='.56' stop-color='%2305BCFF'/%3e%3cstop offset='.76' stop-color='%2300F0FF'/%3e%3cstop offset='.79' stop-color='%2304F0FC'/%3e%3cstop offset='.82' stop-color='%2310F1F5'/%3e%3cstop offset='.85' stop-color='%2324F4E8'/%3e%3cstop offset='.89' stop-color='%2340F7D7'/%3e%3cstop offset='.92' stop-color='%2364FBC1'/%3e%3cstop offset='.94' stop-color='%2382FFB0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") 50% 50% no-repeat; background-size: 107px 47px; width:82px; height:100%;}
.gnb h2.svname a {position:absolute; left:140px; top:0; width:80px/*131px*/; height:62px; display:block; overflow:hidden; text-indent:-1111px; background:url('/images/adv/bridge/logo_2.gif') no-repeat -147px center;}
.gnb h2.inquire a {position:absolute; right:0; top:0; width:153px; height:62px; display:block; border-left:1px solid #dfdfdd; overflow:hidden; text-indent:-1111px; background:url('/images/adv/bridge/gnb_require.gif') no-repeat center;}

@media all and (max-width:480px) {
.gnb h2.inquire a {right:auto; margin-left:325px;}
}

.cont {position:relative;}
.cont .in {position:relative;}

.cont .stit {height:197px; overflow:hidden; text-indent:-1111px; background:url('/images/adv/bridge/stit_1.gif') no-repeat center 50px;}
.cont .link {position:relative;}
.cont .link ul {}
.cont .link ul:after{content:"";clear:both;display:block}
.cont .link li {float:left; width:50%; position:relative; *width:49.9%;}
.cont .link li a {position:relative; z-index:11; display:block; overflow:hidden; text-indent:-1111px; padding-top:74.27%;}
.cont .link li.li1 {background:url('/images/adv/bridge/cont_1.jpg') no-repeat center; background-size:cover; transition:background-image 1s ease;}
.cont .link li.li1:hover {background:url('/images/adv/bridge/cont_1_on.jpg') no-repeat center; background-size:cover;}
.cont .link li.li2 {background:url('/images/adv/bridge/cont_2.jpg') no-repeat center; background-size:cover; transition:background-image 1s ease;}
.cont .link li.li2:hover {background:url('/images/adv/bridge/cont_2_on.jpg') no-repeat center; background-size:cover;}
.cont .link li div {padding:165px 0 0; position:absolute; left:0; right:0; bottom:22%; text-align:center; transition:bottom 1s ease;}
.cont .link li:hover div {bottom:16%;}
.cont .link li.li1 div {background:url('/images/adv/bridge/cont_1_ic.png') no-repeat center 0;}
.cont .link li.li2 div {background:url('/images/adv/bridge/cont_2_ic.png') no-repeat center 23px;}
.cont .link li:hover div {background:none !important;}
.cont .link li h3,
.cont .link li span {color:#fff; font-family:NanumSquare,NanumSquareR,ngb;}
.cont .link li h3 {font-size:46px; line-height:1.3em; letter-spacing:.07em; padding:0 0 21px; font-weight:normal;}
.cont .link li span {font-size:16px; opacity:.6;}

.footer{display:flex; align-items:center; justify-content:center; background-color:#f2f2f2; height:107px; font-weight:700; font-family: "NG", verdana, applegothic, sans-serif;}