/* common */ @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); /* 외부 css import : 익스전용 */ @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');} @font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bebasneue/v2/JTUSjIg69CK48gW7PXooxW0.woff) format('woff'); } @font-face {font-family: 'GmSansL'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'GmSansM'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'GmSansB'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'yg-jalnan'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; } /* Pretendard */ @font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'KyoboHandwriting2020A'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/KyoboHandwriting2020A.woff') format('woff'); font-weight: normal; font-style: normal; } .view_vod { position:relative; top:0px; left:0; width:100%; padding-bottom:56.25%; padding-left:0; } .view_vod iframe { position:absolute; width:100% !important; height:100% !important; left:0; } /* clear */ .clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;} .clfix {display: inline-block;} .clfix {display: block;} * html .clfix {height: 1%;} /* hides from ie-mac */ .clfix{ zoom:1; } /*for ie 5.5-7*/ /* 패딩 */ .pd0 {padding:0 !important;} .pd5 {padding:0.25rem !important;} .pd10 {padding:0.5rem !important;} .pd15 {padding:0.75rem !important;} .pd20 {padding:1rem !important;} .pd30 {padding:1.5rem !important;} .pdt0 {padding-top:0 !important;} .pdt5 {padding-top:0.25rem !important;} .pdt10 {padding-top:0.5rem !important;} .pdt15 {padding-top:0.75rem !important;} .pdt20 {padding-top:1rem !important;} .pdt30 {padding-top:1.5rem !important;} .pdt40 {padding-top:2rem !important;} .pdr5 {padding-right:0.25rem !important;} .pdr10 {padding-right:0.5rem !important;} .pdr15 {padding-right:0.75rem !important;} .pdr20 {padding-right:1rem !important;} .pdr30 {padding-right:1.5rem !important;} .pdb5 {padding-bottom:0.25rem !important;} .pdb10 {padding-bottom:0.5rem !important;} .pdb15 {padding-bottom:0.75rem !important;} .pdb20 {padding-bottom:1rem !important;} .pdb30 {padding-bottom:1.5rem !important;} .pdl5 {padding-left:0.25rem !important;} .pdl10 {padding-left:0.5rem !important;} .pdl15 {padding-left:0.75rem !important;} .pdl20 {padding-left:1rem !important;} .pdl30 {padding-left:1.5rem !important;} /* 마진 */ .mg0 {margin:0 !important;} .mg5 {margin:0.25rem !important;} .mg10 {margin:0.5rem !important;} .mg15 {margin:0.75rem !important;} .mg20 {margin:1rem !important;} .mg30 {margin:1.5rem !important;} .mgt0 {margin-top:0 !important;} .mgt5 {margin-top:0.25rem !important;} .mgt10 {margin-top:0.5rem !important;} .mgt15 {margin-top:0.75rem !important;} .mgt20 {margin-top:1rem !important;} .mgt30 {margin-top:1.5rem !important;} .mgt40 {margin-top:2rem !important;} .mgt50 {margin-top:2.5rem !important;} .mgt80 {margin-top:5rem !important;} .mgt5n {margin-top:-0.25rem !important;} .mgt10n {margin-top:-0.5rem !important;} .mgr5 {margin-right:0.25rem !important;} .mgr10 {margin-right:0.5rem !important;} .mgr15 {margin-right:0.75rem !important;} .mgr20 {margin-right:1rem !important;} .mgr30 {margin-right:1.5rem !important;} .mgb0 {margin-bottom:0 !important;} .mgb5 {margin-bottom:0.25rem !important;} .mgb10 {margin-bottom:0.5rem !important;} .mgb15 {margin-bottom:0.75rem !important;} .mgb20 {margin-bottom:1rem !important;} .mgb30 {margin-bottom:1.5rem !important;} .mgb60 {margin-bottom:5.5rem !important;} .mgl5 {margin-left:0.25rem !important;} .mgl10 {margin-left:0.5rem !important;} .mgl15 {margin-left:0.75rem !important;} .mgl20 {margin-left:1rem !important;} .mgl30 {margin-left:1.5rem !important;} .colorBlue { color:#061460 !important;} .colorRed { color:#ff0000 !important;} .colorBlack { color:#000 !important;} /* 페이지 skip css */ .cntskip_set {position:relative; top:0; left:0; width:100%; text-align:center; border:0px solid red;} .cntskip_set ol.skip_pos {display:inline-block; font-size:0; letter-spacing:-0.05em; margin-top:30px; } .cntskip_set ol.skip_pos li {display:inline-block; vertical-align:middle; font-size:11px;} .cntskip_set ol.skip_pos li a {display:block; padding:7px; font-family:돋움;} .cntskip_set ol.skip_pos li a.pg_al {border:1px solid transparent; color:#000000;} .cntskip_set ol.skip_pos li a.pg_al:hover {color:#ef386c; } .cntskip_set ol.skip_pos li a.pg_al:after {content: "이전";} .cntskip_set ol.skip_pos li a.pg_al_not {border:1px solid transparent; color:#dddddd; cursor:default;} .cntskip_set ol.skip_pos li a.pg_al_not:after {content: "이전";} .cntskip_set ol.skip_pos li a.all_l {border:1px solid transparent; color:#000000;} .cntskip_set ol.skip_pos li a.all_l:hover {color:#ef386c; } .cntskip_set ol.skip_pos li a.all_l:after {content: "처음";} .cntskip_set ol.skip_pos li a.pg_ar {border:1px solid transparent; color:#000000;} .cntskip_set ol.skip_pos li a.pg_ar:hover {color:#ef386c; } .cntskip_set ol.skip_pos li a.pg_ar:after {content: "다음";} .cntskip_set ol.skip_pos li a.pg_ar_not {border:1px solid transparent; color:#dddddd; cursor:default;} .cntskip_set ol.skip_pos li a.pg_ar_not:after {content: "다음";} .cntskip_set ol.skip_pos li a.all_r {border:1px solid transparent; color:#000000;} .cntskip_set ol.skip_pos li a.all_r:hover {color:#ef386c; } .cntskip_set ol.skip_pos li a.all_r:after {content: "마지막";} .cntskip_set ol.skip_pos li.pps_hset {margin:0px 15px;} .cntskip_hset {margin:0px 15px;} ol.skippage_no {line-height:160%;} ol.skippage_no li {display:inline-block; vertical-align:middle;} ol.skippage_no li.now {color:#ef386c; padding:10px 15px; font-size:13px; font-family:tahoma;border:1px solid #e6e6e6; background:white;} ol.skippage_no li a {display:block; color:#898989; padding:7px 10px; font-size:13px; font-family:tahoma !important;border:1px solid transparent; background:transparent !important;} ol.skippage_no li a:hover {color:#ef386c; } @media screen and (max-width : 1260px){ .cntskip_set ol.skip_pos {margin-top:10px; } } @media screen and (max-width : 900px){ .cntskip_set ol.skip_pos {margin-top:10px; } } @media screen and (max-width : 650px){ .cntskip_set ol.skip_pos {margin-top:15px; } .cntskip_hset .skippage_no {display:none;} }