@charset "utf-8";

/* 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, 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;
    font-size:17px;
    font-family:'NotoKrR', '맑은 고딕', Dotum, '돋움', AppleSDGothicNeo, arial, sans-serif;
    vertical-align:middle;
    /*letter-spacing:-1px;*/
    color:#555555;
    line-height:1.3;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

/*
html{overflow-y:scroll !important;}
#ib-container{overflow:hidden;}
*/

body{
    line-height:1;
}
ol, ul {
    list-style:none;
}
i {
    font-style:normal;
    color:#555555;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a, a:focus, a:active, a:hover{
    text-decoration:none
}
table {
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
}
textarea, select, input{
	margin:0;
    box-sizing:border-box;
    vertical-align:middle;
    color:#555555;background: #fff;
    font-size:17px;
    font-family:'NotoKrR', '맑은 고딕', Dotum, '돋움', AppleSDGothicNeo, arial, sans-serif;
}
select{background: #fff;-webkit-background: #fff;
    border:1px solid #9c9c9c;
}
textarea{border: 1px solid #b9b9b9;-webkit-background: #fff;
    border-radius: 10px;
    padding: 12px;}
input[type="text"],
input[type="password"],
input[type="date"]{background: #fff;
    border:1px solid #b9b9b9;
}
input[type="date"]{
	background:url(../../img/portal/icon_calendar.png) no-repeat right center;
}
label {
    vertical-align:middle;
    color:#555555;
}
html body label{
	margin:0 0 0 3px;
}
img {
    border:0 none;
    vertical-align:middle;
}
textarea {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
}
button {
    border:0;
    padding:0;
    cursor:pointer;
    -webkit-appearance:none;
    color:#555555;
    font-size:14px;
    font-family:'NotoKrR', '맑은 고딕', Dotum, '돋움', AppleSDGothicNeo, arial, sans-serif;
}
input[type="button"],
input[type="email"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"] {   -webkit-appearance: none;}

legend {    
    position:absolute;
    top:-500000em;
    left:-500000em;
    text-shadow:none;
    z-index:-1;
    background:transparent;
}
caption {
    overflow:hidden;
    width:0;
    height:0;
    font-size:0;
    line-height:0
}
mark {
    background:transparent;
    display:block;
}
sup{
    font-size:9px;
}
strong, b{
    font-weight:normal;
    font-family:"NotoKrM", '맑은 고딕', Dotum, '돋움', AppleSDGothicNeo, arial, sans-serif;
}

address{font-style:normal;}

ol:after{
    display:block;
    height:0;
    content:"";
    float:none;
    clear:both;
}

.blind{
    position:absolute;
    top:-500000em;
    left:-500000em;
    text-shadow:none;
    z-index:-1;
    background:transparent;
}


/* Noto font */
@font-face {
    font-family: 'NotoKrL';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Light'), local('NotoSans-Light'), url(../../font/portal/notokr-demilight.eot);
    src: url(../../font/portal/notokr-demilight.eot?#iefix) format('embedded-opentype'),
         url(../../font/portal/notokr-demilight.woff2) format('woff2'),
         url(../../font/portal/notokr-demilight.woff) format('woff');
}

@font-face {
    font-family: 'NotoKrR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(../../font/portal/notokr-regular.eot);
    src: url(../../font/portal/notokr-regular.eot?#iefix) format('embedded-opentype'),
         url(../../font/portal/notokr-regular.woff2) format('woff2'),
         url(../../font/portal/notokr-regular.woff) format('woff');
}

@font-face {
    font-family: 'NotoKrM';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(../../font/portal/notokr-medium.eot);
    src: url(../../font/portal/notokr-medium.eot?#iefix) format('embedded-opentype'),
         url(../../font/portal/notokr-medium.woff2) format('woff2'),
         url(../../font/portal/notokr-medium.woff) format('woff');
}

@font-face {
    font-family: 'NotoKrB';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../../font/portal/notokr-bold.eot);
    src: url(../../font/portal/notokr-bold.eot?#iefix) format('embedded-opentype'),
         url(../../font/portal/notokr-bold.woff2) format('woff2'),
         url(../../font/portal/notokr-bold.woff) format('woff');
}

/* NEXON Lv2 Gothic */
@font-face {
    font-family: 'nx';
    src: url('../../font/portal/NEXON Lv2 Gothic.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nxL';
    src: url('../../font/portal/NEXON Lv2 Gothic Light.ttf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'nxM';
    src: url('../../font/portal/NEXON Lv2 Gothic Medium.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nxB';
    src: url('../../font/portal/NEXON Lv2 Gothic Bold.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* 배스킨라빈스 */
@font-face {
    font-family: 'brR';
    src: url('../../font/portal/배스킨라빈스 R.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brB';
    src: url('../../font/portal/배스킨라빈스 B.ttf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

/* Pretendard */

@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    font-display: swap;
    src: local("Pretendard Black"), url(../../font/portal/Pretendard-Black.woff2) format("woff2"), url(../../font/portal/Pretendard-Black.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    font-display: swap;
    src: local("Pretendard ExtraBold"), url(../../font/portal/Pretendard-ExtraBold.woff2) format("woff2"), url(../../font/portal/Pretendard-ExtraBold.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    font-display: swap;
    src: local("Pretendard Bold"), url(../../font/portal/Pretendard-Bold.woff2) format("woff2"), url(../../font/portal/Pretendard-Bold.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    font-display: swap;
    src: local("Pretendard SemiBold"), url(../../font/portal/Pretendard-SemiBold.woff2) format("woff2"), url(../../font/portal/Pretendard-SemiBold.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    font-display: swap;
    src: local("Pretendard Medium"), url(../../font/portal/Pretendard-Medium.woff2) format("woff2"), url(../../font/portal/Pretendard-Medium.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    font-display: swap;
    src: local("Pretendard Regular"), url(../../font/portal/Pretendard-Regular.woff2) format("woff2"), url(../../font/portal/Pretendard-Regular.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    font-display: swap;
    src: local("Pretendard Light"), url(../../font/portal/Pretendard-Light.woff2) format("woff2"), url(../../font/portal/Pretendard-Light.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    font-display: swap;
    src: local("Pretendard ExtraLight"), url(../../font/portal/Pretendard-ExtraLight.woff2) format("woff2"), url(../../font/portal/Pretendard-ExtraLight.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    font-display: swap;
    src: local("Pretendard Thin"), url(../../font/portal/Pretendard-Thin.woff2) format("woff2"), url(../../font/portal/Pretendard-Thin.woff) format("woff");
}


.align_left{text-align:left !important;}
.align_center{text-align:center !important;}
.align_right{text-align:right !important;}
.align_center td{text-align:center;}

.fl_left{float:left !important;}
.fl_right{float:right !important;}

.m0{margin:0 !important;}

.mr3{margin-right:3px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.pt0{padding-top:0 !important;}
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt6{margin-top:6px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb-10{margin-bottom:-10px !important;}

.w10{width:10px !important;}
.w20{width:20px !important;}
.w30{width:30px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w110{width:110px !important;}
.w115{width:115px !important;}
.w118{width:118px !important;}
.w120{width:120px !important;}
.w122{width:122px !important;}
.w130{width:130px !important;}
.w140{width:140px !important;}
.w145{width:145px !important;}
.w146{width:146px !important;}
.w150{width:150px !important;}
.w152{width:152px !important;}
.w160{width:160px !important;}
.w170{width:170px !important;}
.w180{width:180px !important;}
.w190{width:190px !important;}
.w200{width:200px !important;}
.w210{width:210px !important;}
.w220{width:220px !important;}
.w222{width:222px !important;}
.w224{width:224px !important;}
.w230{width:230px !important;}
.w240{width:240px !important;}
.w250{width:250px !important;}
.w260{width:260px !important;}
.w270{width:270px !important;}
.w280{width:280px !important;}
.w290{width:290px !important;}
.w300{width:300px !important;}
.w312{width:312px !important;}
.w360{width:360px !important;}
.w410{width:410px !important;}
.w480{width:480px !important;}
.w600{width:600px !important;}

.w50p{width:50% !important;}
.w100p{width:100% !important;}

.vat{vertical-align:top;margin-right:2px;}
.vam{vertical-align:middle;}
.ovh{overflow:hidden;}

.pr{position:relative;}
.pr0{right:0 !important;}

/* Jquery Validation Error Showing */
label.error {
    margin-left: 10px;
    color: #f44336;
}

/* 스킵네비게이션 */
.skip-navigation{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
.skip-navigation a {
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    text-align: center;
    top: -500000px;
    left: 0;
    z-index: 1000000;
}

.skip-navigation a:active,
.skip-navigation a:focus {
    position: absolute;
    top: 0;
    left:0;
    padding: 15px 0;
    font-weight: bold;
    color: #fff;
    background: #000;
    width:100%
}

*:focus-visible{outline:2px dotted red;outline-offset:-2px;}
input[type="checkbox"]:focus, input[type="radio"]:focus {outline: 3px dotted red;outline-offset: 2px;}