@charset "utf-8"; /* fonts */ @font-face { font-family: 'Pretendard'; font-weight: 900; src: url('../../fonts/Pretendard-Black.woff') format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 800; src: url('../../fonts/Pretendard-ExtraBold.woff') format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 700; src: url('../../fonts/Pretendard-Bold.woff') format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 600; src: url('../../fonts/Pretendard-SemiBold.woff') format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 500; src: url('../../fonts/Pretendard-Medium.woff') format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 400; src: url('../../fonts/Pretendard-Regular.woff') format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 300; src: url('../../fonts/Pretendard-Light.woff') format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 200; src: url('../../fonts/Pretendard-ExtraLight.woff') format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 100; src: url('../../fonts/Pretendard-Thin.woff') format('woff'); } @font-face { font-family: 'NEXONFootballGothicL'; src: url('../../fonts/NEXONFootballGothicLA1.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NEXONFootballGothicB'; src: url('../../fonts/NEXONFootballGothicBA1.woff') format('woff'); font-weight: normal; font-style: normal; } /* Common */ html{ height:100%; font-size: 10px; } @media all and (max-width: 1400px) { html {} } @media all and (max-width: 1200px) { html {} } @media all and (max-width: 600px) { html {} } body { height:100%; text-align: left; color: #555; line-height: 1.5; font-weight: 400; letter-spacing: -1px; font-family: 'Pretendard', sans-serif; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, span, form, fieldset, p, button, address, table, tbody, tfoot, thead, th, tr, tdvideo, tt { margin: 0; padding: 0; box-sizing: border-box; letter-spacing: -1px; } header, article, aside, canvas, details, figcaption, figure, footer, hgroup, menu, nav, section, summary, mark { display: block; margin: 0; padding: 0; box-sizing: border-box; } h1, h2, h3, h4, h5, h6, input, button, textarea, select, table { font-size: 15px; box-sizing: border-box; } input, button, textarea, select { box-sizing: border-box; } /*-webkit-appearance: none*/ button, textarea { -webkit-appearance: none } img, fieldset, iframe { border: 0 none } li { list-style: none } img, input, select, button, textarea { vertical-align: middle; box-sizing: border-box; } img { max-width: 100% } em, address, optgroup { font-style: normal } label, button { cursor: pointer } label { position: relative; } button { margin: 0; padding: 0; border: 0; background: none } a, ::after, ::before { box-sizing: border-box } a { text-decoration: none; color: #555; color: inherit; } hr { display: none } legend, caption { font-size: 0; width: 0; height: 0; line-height: 0; overflow: hidden; text-indent: -9999px } p { text-align: left; word-break: keep-all } dt, dd, li { ; word-break: keep-all } table { width: 100%; font-weight: 400; border-spacing: 0 } /* hidden contents */ .skip, .hidden { position: absolute; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden; z-index: -1 } #skip_navi { position: absolute; top: 0; height: 0px; width: 100%; z-index: 150; } #skip_navi a { display: block; height: 1px; width: 1px; margin-bottom: -1px; overflow: hidden; text-align: center; color: #fff; white-space: nowrap; } #skip_navi a:focus, #skip_navi a:active { display: block; top: 0; width: 100%; height: 45px; padding: 10px 0; background: #021b87; } .inner { position: relative; width: 1415px; margin: 0 auto; } /*#subcontent .inner {position:relative; max-width:1200px; margin:0 auto;}*/ /* blind */ .blind { position: absolute; left: -9999px; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden; /* opacity:0;filter:alpha(opacity=0); */ } * + html .blind { height: 0; } caption.blind { position: relative; } .pd0{ padding:0 !important; } .ptb40{ padding:40px 0; } .pt3 { padding-top: 0.3rem !important; } .pt5 { padding-top: 5rem !important; } .pt10 { padding-top: 1rem !important; } .pt15 { padding-top: 1.5rem !important; } .pt20 { padding-top: 2rem !important; } .pt25 { padding-top: 2.5rem !important; } .pt30 { padding-top: 3rem !important; } .pt35 { padding-top: 3.5rem !important; } .pt40 { padding-top: 4rem !important; } .pt45 { padding-top: 4.5rem !important; } .pt50 { padding-top: 5rem !important; } .pr5 { padding-right: 0.5rem !important; } .pr10 { padding-right: 1rem !important; } .pr15 { padding-right: 1.5rem !important; } .pr20 { padding-right: 2rem !important; } .pr25 { padding-right: 2.5rem !important; } .pr30 { padding-right: 3rem !important; } .pr35 { padding-right: 3.5rem !important; } .pr40 { padding-right: 4rem !important; } .pr45 { padding-right: 4.5rem !important; } .pr50 { padding-right: 5rem !important; } .pb5 { padding-bottom: 5rem !important; } .pb10 { padding-bottom: 1rem !important; } .pb15 { padding-bottom: 1.5rem !important; } .pb20 { padding-bottom: 2rem !important; } .pb25 { padding-bottom: 2.5rem !important; } .pb30 { padding-bottom: 3rem !important; } .pb35 { padding-bottom: 3.5rem !important; } .pb40 { padding-bottom: 4rem !important; } .pb45 { padding-bottom: 4.5rem !important; } .pb50 { padding-bottom: 5rem !important; } .pl0 { padding-left: 0 !important; } .pl5 { padding-left: 0.5rem !important; } .pl10 { padding-left: 1rem !important; } .pl15 { padding-left: 1.5rem !important; } .pl20 { padding-left: 2rem !important; } .pl25 { padding-left: 2.5rem !important; } .pl30 { padding-left: 3rem !important; } .pl35 { padding-left: 3.5rem !important; } .pl40 { padding-left: 4rem !important; } .pl45 { padding-left: 4.5rem !important; } .pl50 { padding-left: 5rem !important; } .pppp10 { padding: 1rem !important; } .pppp15 { padding: 1.5rem !important; } .pppp20 { padding: 2rem !important; } .pppp30 { padding: 3rem 4rem !important; } /* margin */ .mt-25 { margin-top: -2.5rem !important; } .mt-40 { margin-top: -4rem !important; } .mt0 { margin-top: 0 !important; } .mt5 { margin-top: 0.5rem !important; } .mt10 { margin-top: 1rem !important; } .mt15 { margin-top: 1.5rem !important; } .mt20 { margin-top: 2rem !important; } .mt25 { margin-top: 2.5rem !important; } .mt30 { margin-top: 3rem !important; } .mt35 { margin-top: 3.5rem !important; } .mt40 { margin-top: 4rem !important; } .mt45 { margin-top: 4.5rem !important; } .mt50 { margin-top: 5rem !important; } .mt60 { margin-top: 6rem !important; } .mt100 { margin-top: 10rem !important; } .mr5 { margin-right: 0.5rem !important; } .mr8 { margin-right: 0.8rem !important; } .mr10 { margin-right: 1rem !important; } .mr15 { margin-right: 1.5rem !important; } .mr20 { margin-right: 2rem !important; } .mr25 { margin-right: 2.5rem !important; } .mr30 { margin-right: 3rem !important; } .mr35 { margin-right: 3.5rem !important; } .mr40 { margin-right: 4rem !important; } .mr45 { margin-right: 4.5rem !important; } .mr50 { margin-right: 5rem !important; } .mb0 { margin-bottom: 0 !important; } .mb2{ margin-bottom: 0.2rem !important; } .mb5 { margin-bottom: 5rem !important; } .mb10 { margin-bottom: 1rem !important; } .mb15 { margin-bottom: 1.5rem !important; } .mb20 { margin-bottom: 2rem !important; } .mb25 { margin-bottom: 2.5rem !important; } .mb30 { margin-bottom: 3rem !important; } .mb35 { margin-bottom: 3.5rem !important; } .mb40 { margin-bottom: 4rem !important; } .mb45 { margin-bottom: 4.5rem !important; } .mb50 { margin-bottom: 5rem !important; } .mb100 { margin-bottom: 10rem !important; } .ml-20 { margin-left: -2rem !important; } .ml-15 { margin-left: -1.5rem !important; } .ml0 { margin-left: 0 !important; } .ml5 { margin-left: 0.5rem !important; } .ml10 { margin-left: 1rem !important; } .ml15 { margin-left: 1.5rem !important; } .ml20 { margin-left: 2rem !important; } .ml25 { margin-left: 2.5rem !important; } .ml30 { margin-left: 3rem !important; } .ml35 { margin-left: 2.5rem !important; } .ml40 { margin-left: 4rem !important; } .ml45 { margin-left: 4.5rem !important; } .ml50 { margin-left: 5rem !important; } .ml70 { margin-left: 7rem !important; } /* width */ .wid_100p { width: 100% !important; } .wid_50p { width: 50% !important; } .wid_80px { width: 80px; } .wid_100px { width: 100px; } .wid_150px { width: 150px; } .wid_200px { width: 200px; } .wid_215px { width: 215px; } .wid_240px { width: 240px; } .wid_250px { width: 250px; } .wid_285px { width: 285px; } .wid_315px { width: 315px; } .wid_360px { width: 360px; } .wid_395px { width: 395px; } .wid_400px { width: 400px } .wid_420px { width: 420px } .wid_450px { width: 440px } .wid_465px { width: 465px; } .wid_490px { width: 490px; } .wid_500px { width: 500px; } .wid_540px { width: 540px; } .wid_600px { width: 600px; } .wid_650px { width: 650px; } .wid_670px { width: 670px; } .wid_680px { width: 680px; } .wid_690px { width: 690px; } .wid_700px { width: 700px; } .in_line{ display: inline-block; } /* li line-height */ .lin_h30 li { line-height: 30px !important } .li_mb5 li { margin-bottom: 5px !important } .li_mb10 li { margin-bottom: 10px !important } /* float해제 */ .hig100p { height: 100%; overflow: hidden; } .flo_clear:after { display: block; clear: both; content: '' } /* font-size */ .fon_11 { font-size: 11px !important; } .fon_12 { font-size: 12px !important; } .fon_13 { font-size: 13px !important; } .fon_14 { font-size: 14px !important; } .fon_15 { font-size: 15px !important; } .fon_16 { font-size: 16px !important; } .fon_17 { font-size: 17px !important; } .fon_18 { font-size: 18px !important; } .fon_19 { font-size: 19px !important; } .fon_20 { font-size: 20px !important; } .fon_21 { font-size: 21px !important; } .fon_22 { font-size: 22px !important; line-height: 30px !important } /* font-color */ .col_oran, .col_oran a { color: #ff663a !important; } .col_yell { color: #ffff00 !important; } .col_blue { color: #036eb8 !important } .col_blue2 { color: #0e51b8 !important } .col_blue3 { color: #0040B8 !important } .col_green { color: #338001 !important; } .col_gray { color: #8e8c8c !important; } .col_red, .col_red a { color: #a72121 !important; } .col_red2, .col_red2 a { color: #990000 !important; } .col_purple { color: #8055b4 !important; } .col_black { color: #000 !important; } .col_violet { color: #e814af !important; } /* 들려쓰기 */ .txt_ind-15 { text-indent: -15px } .txt_ind15 { text-indent: 15px } /* font-family */ .fon_fam_ver { font-family: "Verdana", Arial, Helvetica, sans-serif; } /* font-weight */ .fon_bold { font-weight: bold !important; } .fon_nor { font-weight: normal !important; } .fon_wei500{ font-weight: 500; } /* letter-spacing */ .ltt_0 { letter-spacing: 0px } .ltt_1 { letter-spacing: -1px } /* underline */ .dec_line { text-decoration: underline; } .dec_line_none { text-decoration: none; } /* line-height */ .line_h20 { line-height: 20px; } /* text-align */ .txt_left { text-align: left !important; } .txt_right { text-align: right !important; } .txt_center { text-align: center !important; } /* clear:both */ .clear_b { clear: both; } /* float:left,right */ .flo_lt { float: left; } .flo_rt { float: right; } /* display */ .dpn{ display: none; } /* background-color */ .bac_blue { background-color: #ecf2fa; } .bac_gray { background-color: #f6f6f6; } /* background-image */ .bac_no { background: none; } /* text vertical-align:middle */ .v_a_top { vertical-align: top } .v_a_mid { vertical-align: middle } .v_a_bot { vertical-align: bottom } /* border */ .bor0 { border: 0; } .bor2 { border: 2px solid #d5d5d5; } .bor1_top { border-top: 1px solid #d5d5d5; } .bor1_btm { border-bottom: 1px solid #d5d5d5; } .brd1 { border: 1px solid #d5d5d5; } .brd1_dotted { border-top: 1px dotted #d5d5d5; } /* common type */ caption { margin: 0; font-weight: 600; line-height: 1.375; text-align: left; } caption .h1 { display: inline-block; padding: 0 0 .5em; } tbody th, tbody td { text-align: left; vertical-align: top; } .horizontal_table th{ width:150px; } /* 버튼모음 */ .btn{ text-align: center; } .btn a.red{ background-color:#b61d1d; } .btn_blue{ display: block; font-size:12px; text-align: center; font-weight: 400; line-height:15px; color:#fff; padding:7px 2px; background-color:#036eb8; box-sizing: border-box; } .btn_blueline{ text-align: center; font-weight: 600; color:#0051bb; border-radius: 5px; border:1px solid #0051bb; box-sizing: border-box; padding:0.625rem 0; } .btn_gray{ text-align: center; font-weight: 400; color:#fff; border-radius: 5px; background-color:#4e5460; box-sizing: border-box; padding:0.625rem 0; } /* boxing */ .boxing { overflow: hidden } .boxing:after { content: ''; display: block; clear: both } .boxing .inline{ display: inline-block; vertical-align: middle; } .boxing .leftbox { float: left; } .boxing .rightbox { float: right; } .boxing .centerbox { float: left }