@charset "utf-8";

/* fonts */
/* Pretendard https://github.com/orioncactus/pretendard
 */
 
@font-face {
  font-family: 'pretendard';
  font-style: normal;
  font-weight: 300;
  src: local(※), url("../fonts/Pretendard-Light.woff2") format('woff2'),
       url("../fonts/Pretendard-Light.woff") format('woff'),
       url("../fonts/Pretendard-Light.otf") format('opentype');
}
@font-face {
   font-family: 'pretendard';
   font-style: normal;
   font-weight: 400;
   src: local(※), url("../fonts/Pretendard-Regular.woff2") format('woff2'),
        url("../fonts/Pretendard-Regular.woff") format('woff'),
        url("../fonts/Pretendard-Regular.otf") format('opentype');
 }
@font-face {
   font-family: 'pretendard';
   font-style: normal;
   font-weight: 500;
   src: local(※), url("../fonts/Pretendard-Medium.woff2") format('woff2'),
        url("../fonts/Pretendard-Medium.woff") format('woff'),
        url("../fonts/Pretendard-Medium.otf") format('opentype');
 }
@font-face {
   font-family: 'pretendard';
   font-style: normal;
   font-weight: 600;
   src: local(※), url("../fonts/Pretendard-SemiBold.woff2") format('woff2'),
        url("../fonts/Pretendard-SemiBold.woff") format('woff'),
        url("../fonts/Pretendard-SemiBold.otf") format('opentype');
 }

 @font-face {
     font-family: 'pretendard';
     font-style: normal;
     font-weight: 400;
     src: local(※), url("../fonts/NanumSquareR.woff") format('woff'),
          url("../fonts/NanumSquareR.otf") format('opentype'),
          url("../fonts/NanumSquareR.ttf") format('truetype');
     unicode-range: U+0030-0039;
}

@font-face {
     font-family: 'pretendard';
     font-style: normal;
     font-weight: 600;
     src: local(※), url("../fonts/NanumSquareB.woff") format('woff'),
          url("../fonts/NanumSquareB.otf") format('opentype'),
          url("../fonts/NanumSquareB.ttf") format('truetype');
     unicode-range: U+0030-0039;
}

/*reset*/
body{margin:0;}

.login_container * {margin:0; padding:0; border:0; outline: 0; text-decoration: none; font-family: 'pretendard', sans-serif; font-weight: 400; font-size: 16px; color: #03102B; letter-spacing: -0.04em;}
.login_container body {margin:0;padding:0;}
.login_container body:after{clear:both; display:block; content:"";}
.login_container img {border:0;vertical-align:middle;}
.login_container label {vertical-align: middle;}		
.login_container h1, .login_container h2, .login_container h3, .login_container h4, .login_container h5, .login_container h6 {margin:0;padding:0;}
.login_container dl, .login_container dt, .login_container dd, .login_container ul, .login_container ol, .login_container li {list-style:none;margin:0;padding:0;}
.login_container em, .login_container i, .login_container address {font-style:normal;}
.login_container table {display:table; border-spacing:0px; border-collapse:collapse; table-layout:fixed;}
.login_container caption {overflow:hidden; height:0; font-size:0; line-height:0;}
.login_container hr {border:1px; border-collapse:collapse;}
.login_container form, .login_container fieldset {margin:0; padding:0; border:0;}
.login_container textarea, .login_container input, .login_container button, .login_container select {vertical-align:middle; box-sizing: border-box;}
.login_container textarea {display: block;}
.login_container select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} /*select box 화살표 안보이게*/
.login_container select::-ms-expand {display: none;} /*IE select box 화살표 안보이게*/
.login_container img,.login_container input[type=checkbox],.login_container input[type=radio] {vertical-align:middle;}
.login_container input:focus {outline: none;}
.login_container input:focus {outline: none;}
.login_container input::placeholder {color: #8D8D8D; font-weight:400;}
.login_container iframe {width:100%; color: #fff;}
.login_container button {display: inline-block; vertical-align: middle; background-color: transparent; cursor: pointer;} 

.main_container * {margin:0; padding:0; border:0; outline: 0; text-decoration: none; font-family: 'pretendard', sans-serif; font-weight: 400; font-size: 16px; color: #03102B; letter-spacing: -0.04em;}
.main_container body {margin:0;padding:0;}
.main_container body:after{clear:both; display:block; content:"";}
.main_container img {border:0;vertical-align:middle;}
.main_container label {vertical-align: middle;}		
.main_container h1, .main_container h2, .main_container h3, .main_container h4, .main_container h5, .main_container h6 {margin:0;padding:0;}
.main_container dl, .main_container dt, .main_container dd, .main_container ul, .main_container ol, .main_container li {list-style:none;margin:0;padding:0;}
.main_container em, .main_container i, .main_container address {font-style:normal;}
.main_container table {display:table; border-spacing:0px; border-collapse:collapse; table-layout:fixed;}
.main_container caption {overflow:hidden; height:0; font-size:0; line-height:0;}
.main_container hr {border:1px; border-collapse:collapse;}
.main_container form, .main_container fieldset {margin:0; padding:0; border:0;}
.main_container textarea, .main_container input, .main_container button, .main_container select {vertical-align:middle; box-sizing: border-box;}
.main_container textarea {display: block;}
.main_container select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} /*select box 화살표 안보이게*/
.main_container select::-ms-expand {display: none;} /*IE select box 화살표 안보이게*/
.main_container img,.main_container input[type=checkbox],.main_container input[type=radio] {vertical-align:middle;}
.main_container input:focus {outline: none;}
.main_container input:focus {outline: none;}
.main_container input::placeholder {color: #8D8D8D; font-weight:400;}
.main_container iframe {width:100%; color: #fff;}
.main_container button {display: inline-block; vertical-align: middle; background-color: transparent; cursor: pointer;} 

.sub_container * {margin:0; padding:0; border:0; outline: 0; text-decoration: none; font-family: 'pretendard', sans-serif; font-weight: 400; font-size: 16px; color: #03102B; letter-spacing: -0.04em;}
.sub_container body {margin:0;padding:0;}
.sub_container body:after{clear:both; display:block; content:"";}
.sub_container img {border:0;vertical-align:middle;}
.sub_container label {vertical-align: middle;}		
.sub_container h1, .sub_container h2, .sub_container h3, .sub_container h4, .sub_container h5, .sub_container h6 {margin:0;padding:0;}
.sub_container dl, .sub_container dt, .sub_container dd, .sub_container ul, .sub_container ol, .sub_container li {list-style:none;margin:0;padding:0;}
.sub_container em, .sub_container i, .sub_container address {font-style:normal;}
.sub_container table {display:table; border-spacing:0px; border-collapse:collapse; table-layout:fixed;}
.sub_container caption {overflow:hidden; height:0; font-size:0; line-height:0;}
.sub_container hr {border:1px; border-collapse:collapse;}
.sub_container form, .sub_container fieldset {margin:0; padding:0; border:0;}
.sub_container textarea, .sub_container input, .sub_container button, .sub_container select {vertical-align:middle; box-sizing: border-box;}
.sub_container textarea {display: block;}
.sub_container select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} /*select box 화살표 안보이게*/
.sub_container select::-ms-expand {display: none;} /*IE select box 화살표 안보이게*/
.sub_container img,.sub_container input[type=checkbox],.sub_container input[type=radio] {vertical-align:middle;}
.sub_container input:focus {outline: none;}
.sub_container input:focus {outline: none;}
.sub_container input::placeholder {color: #8D8D8D; font-weight:400;}
.sub_container iframe {width:100%; color: #fff;}
.sub_container button {display: inline-block; vertical-align: middle; background-color: transparent; cursor: pointer;} 

/* 정렬 */
.L {text-align:left;}
.C {text-align:center;}
.R {text-align:right;}
.fl {float: left;}
.fr {float: right;}
.cf::after {content: ""; clear: both; display: block;}

/*width*/
.w5per {width: 5%;}
.w10per {width: 10%;}
.w15per {width: 15%;}
.w20per {width: 20%;}
.w25per {width: 25%;}
.w30per {width: 30%;}
.w35per {width: 35%;}
.w40per {width: 40%;}
.w45per {width: 45%;}
.w50per {width: 50%;}
.w55per {width: 55%;}
.w60per {width: 60%;}
.w65per {width: 65%;}
.w70per {width: 70%;}
.w75per {width: 75%;}
.w80per {width: 80%;}
.w85per {width: 85%;}
.w90per {width: 90%;}
.w95per {width: 95%;}
.w100per {width: 100%;}
.w120px {width: 120px;}
.w130px {width: 130px;}

/* margin */
.MT10 {margin-top: 10px;}
.MT20 {margin-top: 20px;}
.MT30 {margin-top: 30px;}
.MT50 {margin-top: 50px;}

/* button style */
.btn_25 {display: inline-block; height: 25px; box-sizing: border-box; padding: 0 10px; border-radius: 999px; text-align: center; line-height:25px;}
.btn_25 span {line-height: 25px; font-size: 14px; font-family: 'pretendard', sans-serif;}
.btn_25.line span {line-height: 23px;}
.btn_35 {display: inline-block; height: 35px; box-sizing: border-box; padding: 0 20px; border-radius: 999px; text-align: center;}
.btn_35 span {line-height: 35px; font-family: 'pretendard', sans-serif;}
.btn_35.line span {line-height: 33px; font-family: 'pretendard', sans-serif;}
.btn_40 {display: inline-block; height: 40px; box-sizing: border-box; padding: 0 20px; border-radius: 999px; text-align: center;}
.btn_40 span {line-height: 40px; font-weight: 400; font-family: 'pretendard', sans-serif;}
.btn_40.line span {line-height: 38px; font-family: 'pretendard', sans-serif;}
.btn_44 {display: inline-block; height: 44px; box-sizing: border-box; padding: 0 20px; border-radius: 999px;}
.btn_44 span {line-height: 44px; font-weight: 400; font-size: 15px;}
.btn_44.line span {line-height: 42px; font-family: 'pretendard', sans-serif;}
.btn_70 {display: inline-block; height: 70px; box-sizing: border-box; padding: 0 20px; border-radius: 999px; text-align: center; border-radius:0;}
.btn_70 span {line-height: 70px; font-family: 'pretendard', sans-serif;}


/* portlet background */
.portlet {background-color: #fff; display: flex; flex-direction: column;}

/* background color */
.yellow {background-color: #F6A122;}
.yellow_L_200 {background-color: #F7B34E;}
.yellow_L_900 {background-color: #FEF5E8;}
.blue {background-color: #61A0FF;}
.blue_L_200 {background-color: #80B3FF;}
.blue_L_900 {background-color: #EFF5FF;}
.green {background-color: #45E2B7;}
.green_L_200 {background-color: #6AE7C5;}
.green_L_900 {background-color: #EDFDF8;}
.indigo {background-color: #616CFF;}
.indigo_L_100 {background-color: #707AFF;}
.indigo_L_200 {background-color: #8089FF;}
.indigo_L_900 {background-color: #EFF0FF;}
.indigo_D_800 {background-color: #3B485D;}
.purple {background-color: #9953D6;}
.purple_L_200 {background-color: #AD75DE;}
.purple_L_900 {background-color: #F5EDFB;}
.white {background-color: #fff;}
.white_line {background-color: #fff; border: 1px solid #E5E5E5;}
.gray_100 {background-color: #FBFBFB;}
.gray_200 {background-color: #E1E1E1;}
.gray_300 {background-color: #C7C7C7;}
.gray_400 {background-color: #A1A1A1;}
.gray_500 {background-color: #7E7E7E;}
.gray_600 {background-color: #6A6A6A;}
.gray_700 {background-color: #4D4D4D;}
.gray_800 {background-color: #363636;}
.gray_900 {background-color: #1E1E1E;}
.black {background-color: #000;}
.lime {background-color: #2AD936;}
.midblue {background-color: #3D9EFF;}
.red {background-color: #E94321;}
.red_L_200 {background-color: #ED684D;}
.red_L_900 {background-color: #FDECE8;}

/* font color */
.t_white {color: #fff;}
.t_gray_100 {color: #FBFBFB;}
.t_gray_200 {color: #E1E1E1;}
.t_gray_300 {color: #C7C7C7;}
.t_gray_400 {color: #A1A1A1;}
.t_gray_500 {color: #7E7E7E;}
.t_gray_600 {color: #6A6A6A;}
.t_gray_700 {color: #4D4D4D;}
.t_gray_800 {color: #363636;}
.t_gray_900 {color: #1E1E1E;}
.t_black {color: #000;}
.t_yellow {color: #F6A122;}
.t_blue {color: #61A0FF;}
.t_green {color: #45E2B7;}
.t_indigo {color: #616CFF;}
.t_purple {color: #9953D6;}
.t_darkgreen {color: #1D6B41;}

/* button border color */
.line {box-sizing: border-box; background-color: #fff; border: 1px solid;}
.line.gray_200 {border-color: #E1E1E1;}
.line.gray_400 {border-color: #A1A1A1;}