@charset "UTF-8";

/* 테두리를 기준으로 크기를 정합니다. */
*,
*::before,
*::after { box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border; -o-box-sizing:border-box; }

/* 텍스트 마우스 드래그시 색상 변경방법 */
::selection,
::-moz-selection { background-color:#39f; color:#fff; text-shadow:none; }

/* 태그 마진&패팅 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

html {
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "NanumGothic", "NanumSquare", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* `font` 속성 리셋 */
  font-size:16px;
  /* 기본 글골 사이즈 정의  16x => 1rem */
  font-weight:normal; line-height:1.5; background-color:#fff; color:#4d5058;
  /* 글꼴 크기 조정을 방지 */
  -webkit-text-size-adjust:100%;
  /* 폰트를 부드럽게 */
  -webkit-font-smoothing:antialiased; 
  -moz-osx-font-smoothing:grayscale;
  /* 웹킷 마음대로 눌림 하이라이트 막음 */
  -webkit-tap-highlight-color:transparent;
}

/* 레이아웃 초기화 */
body { line-height:1; }

html { min-height:100%; position:relative; }
html[lang="ko"] * { font-family:'NanumGothic', fontawesome, sans-serif; }

/* a 태그 초기화 */
a { color:#000; text-decoration:none; cursor:pointer; margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } 
a:hover { color:#0f6ecd; text-decoration: underline; }
a:active,
a:hover { outline:none; }

/* b 태그 초기화 */
b,
strong { font-weight:600; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

/* 기본 셋업 */
header,section,article,aside,footer,main,a,button,input,textarea,img,nav,ul,ol,li,p,h1,h2,h3,h4,h5,h6,div,span{
  margin   : 0;
  padding  : 0;
  /* 폰트 크기 상속 */
  font-size: inherit;
}

html { height:100%; }
body { height:100%; min-height:100%; }

.content-hide { position:absolute; top:-999999px; left:0; width:1px; height:1px; }
.ellipsis { word-wrap:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.scroll-disable { overflow-y:hidden !important; }

a { color:#333; }
ul,
ol,
li { list-style:none; }

/* select box arrow custom */
select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('/res/home/img/common/image_bg_selectbox.png') no-repeat 95% 50%; }
select::-ms-expand { display:none; }

select { width: 130px; padding-left:5px; border: 1px solid #000; border-radius: 0px; }

/* input, select, textarea disabled */
input:disabled,
select:disabled,
textarea:disabled { background-color:#f1f1f1 !important; }

select:disabled { color:rgba(0,0,0,1) !important; }

/* width 1% ~ 100% */
.w-1 { width:1%; } .w-2 { width:2%; } .w-3 { width:3%; } .w-4 { width:4%; } .w-5 { width:5%; } .w-6 { width:6%; } .w-7 { width:7%; } .w-8 { width:8%; } .w-9 { width:9%; } .w-10 { width:10%; } .w-11 { width:11%; } .w-12 { width:12%; } .w-13 { width:13%; } .w-14 { width:14%; } .w-15 { width:15%; } .w-16 { width:16%; } .w-17 { width:17%; } .w-18 { width:18%; } .w-19 { width:19%; } .w-20 { width:20%; } .w-21 { width:21%; } .w-22 { width:22%; } .w-23 { width:23%; } .w-24 { width:24%; } .w-25 { width:25%; } .w-26 { width:26%; } .w-27 { width:27%; } .w-28 { width:28%; } .w-29 { width:29%; } .w-30 { width:30%; } .w-31 { width:31%; } .w-32 { width:32%; } .w-33 { width:33%; } .w-34 { width:34%; } .w-35 { width:35%; } .w-36 { width:36%; } .w-37 { width:37%; } .w-38 { width:38%; } .w-39 { width:39%; } .w-40 { width:40%; } .w-41 { width:41%; } .w-42 { width:42%; } .w-43 { width:43%; } .w-44 { width:44%; } .w-45 { width:45%; } .w-46 { width:46%; } .w-47 { width:47%; } .w-48 { width:48%; } .w-49 { width:49%; } .w-50 { width:50%; } .w-51 { width:51%; } .w-52 { width:52%; } .w-53 { width:53%; } .w-54 { width:54%; } .w-55 { width:55%; } .w-56 { width:56%; } .w-57 { width:57%; } .w-58 { width:58%; } .w-59 { width:59%; } .w-60 { width:60%; } .w-61 { width:61%; } .w-62 { width:62%; } .w-63 { width:63%; } .w-64 { width:64%; } .w-65 { width:65%; } .w-66 { width:66%; } .w-67 { width:67%; } .w-68 { width:68%; } .w-69 { width:69%; } .w-70 { width:70%; } .w-71 { width:71%; } .w-72 { width:72%; } .w-73 { width:73%; } .w-74 { width:74%; } .w-75 { width:75%; } .w-76 { width:76%; } .w-77 { width:77%; } .w-78 { width:78%; } .w-79 { width:79%; } .w-80 { width:80%; } .w-81 { width:81%; } .w-82 { width:82%; } .w-83 { width:83%; } .w-84 { width:84%; } .w-85 { width:85%; } .w-86 { width:86%; } .w-87 { width:87%; } .w-88 { width:88%; } .w-89 { width:89%; } .w-90 { width:90%; } .w-91 { width:91%; } .w-92 { width:92%; } .w-93 { width:93%; } .w-94 { width:94%; } .w-95 { width:95%; } .w-96 { width:96%; } .w-97 { width:97%; } .w-98 { width:98%; } .w-99 { width:99%; } .w-100 { width:100%; }  

/* margin 1px ~ 100px */
.mt-1 { margin-top:1px; } .mt-2 { margin-top:2px; } .mt-3 { margin-top:3px; } .mt-4 { margin-top:4px; } .mt-5 { margin-top:5px; } .mt-6 { margin-top:6px; } .mt-7 { margin-top:7px; } .mt-8 { margin-top:8px; } .mt-9 { margin-top:9px; } .mt-10 { margin-top:10px; } .mt-11 { margin-top:11px; } .mt-12 { margin-top:12px; } .mt-13 { margin-top:13px; } .mt-14 { margin-top:14px; } .mt-15 { margin-top:15px; } .mt-16 { margin-top:16px; } .mt-17 { margin-top:17px; } .mt-18 { margin-top:18px; } .mt-19 { margin-top:19px; } .mt-20 { margin-top:20px; } .mt-21 { margin-top:21px; } .mt-22 { margin-top:22px; } .mt-23 { margin-top:23px; } .mt-24 { margin-top:24px; } .mt-25 { margin-top:25px; } .mt-26 { margin-top:26px; } .mt-27 { margin-top:27px; } .mt-28 { margin-top:28px; } .mt-29 { margin-top:29px; } .mt-30 { margin-top:30px; } .mt-31 { margin-top:31px; } .mt-32 { margin-top:32px; } .mt-33 { margin-top:33px; } .mt-34 { margin-top:34px; } .mt-35 { margin-top:35px; } .mt-36 { margin-top:36px; } .mt-37 { margin-top:37px; } .mt-38 { margin-top:38px; } .mt-39 { margin-top:39px; } .mt-40 { margin-top:40px; } .mt-41 { margin-top:41px; } .mt-42 { margin-top:42px; } .mt-43 { margin-top:43px; } .mt-44 { margin-top:44px; } .mt-45 { margin-top:45px; } .mt-46 { margin-top:46px; } .mt-47 { margin-top:47px; } .mt-48 { margin-top:48px; } .mt-49 { margin-top:49px; } .mt-50 { margin-top:50px; } .mt-51 { margin-top:51px; } .mt-52 { margin-top:52px; } .mt-53 { margin-top:53px; } .mt-54 { margin-top:54px; } .mt-55 { margin-top:55px; } .mt-56 { margin-top:56px; } .mt-57 { margin-top:57px; } .mt-58 { margin-top:58px; } .mt-59 { margin-top:59px; } .mt-60 { margin-top:60px; } .mt-61 { margin-top:61px; } .mt-62 { margin-top:62px; } .mt-63 { margin-top:63px; } .mt-64 { margin-top:64px; } .mt-65 { margin-top:65px; } .mt-66 { margin-top:66px; } .mt-67 { margin-top:67px; } .mt-68 { margin-top:68px; } .mt-69 { margin-top:69px; } .mt-70 { margin-top:70px; } .mt-71 { margin-top:71px; } .mt-72 { margin-top:72px; } .mt-73 { margin-top:73px; } .mt-74 { margin-top:74px; } .mt-75 { margin-top:75px; } .mt-76 { margin-top:76px; } .mt-77 { margin-top:77px; } .mt-78 { margin-top:78px; } .mt-79 { margin-top:79px; } .mt-80 { margin-top:80px; } .mt-81 { margin-top:81px; } .mt-82 { margin-top:82px; } .mt-83 { margin-top:83px; } .mt-84 { margin-top:84px; } .mt-85 { margin-top:85px; } .mt-86 { margin-top:86px; } .mt-87 { margin-top:87px; } .mt-88 { margin-top:88px; } .mt-89 { margin-top:89px; } .mt-90 { margin-top:90px; } .mt-91 { margin-top:91px; } .mt-92 { margin-top:92px; } .mt-93 { margin-top:93px; } .mt-94 { margin-top:94px; } .mt-95 { margin-top:95px; } .mt-96 { margin-top:96px; } .mt-97 { margin-top:97px; } .mt-98 { margin-top:98px; } .mt-99 { margin-top:99px; } .mt-100 { margin-top:100px; }  
.mr-1 { margin-right:1px; } .mr-2 { margin-right:2px; } .mr-3 { margin-right:3px; } .mr-4 { margin-right:4px; } .mr-5 { margin-right:5px; } .mr-6 { margin-right:6px; } .mr-7 { margin-right:7px; } .mr-8 { margin-right:8px; } .mr-9 { margin-right:9px; } .mr-10 { margin-right:10px; } .mr-11 { margin-right:11px; } .mr-12 { margin-right:12px; } .mr-13 { margin-right:13px; } .mr-14 { margin-right:14px; } .mr-15 { margin-right:15px; } .mr-16 { margin-right:16px; } .mr-17 { margin-right:17px; } .mr-18 { margin-right:18px; } .mr-19 { margin-right:19px; } .mr-20 { margin-right:20px; } .mr-21 { margin-right:21px; } .mr-22 { margin-right:22px; } .mr-23 { margin-right:23px; } .mr-24 { margin-right:24px; } .mr-25 { margin-right:25px; } .mr-26 { margin-right:26px; } .mr-27 { margin-right:27px; } .mr-28 { margin-right:28px; } .mr-29 { margin-right:29px; } .mr-30 { margin-right:30px; } .mr-31 { margin-right:31px; } .mr-32 { margin-right:32px; } .mr-33 { margin-right:33px; } .mr-34 { margin-right:34px; } .mr-35 { margin-right:35px; } .mr-36 { margin-right:36px; } .mr-37 { margin-right:37px; } .mr-38 { margin-right:38px; } .mr-39 { margin-right:39px; } .mr-40 { margin-right:40px; } .mr-41 { margin-right:41px; } .mr-42 { margin-right:42px; } .mr-43 { margin-right:43px; } .mr-44 { margin-right:44px; } .mr-45 { margin-right:45px; } .mr-46 { margin-right:46px; } .mr-47 { margin-right:47px; } .mr-48 { margin-right:48px; } .mr-49 { margin-right:49px; } .mr-50 { margin-right:50px; } .mr-51 { margin-right:51px; } .mr-52 { margin-right:52px; } .mr-53 { margin-right:53px; } .mr-54 { margin-right:54px; } .mr-55 { margin-right:55px; } .mr-56 { margin-right:56px; } .mr-57 { margin-right:57px; } .mr-58 { margin-right:58px; } .mr-59 { margin-right:59px; } .mr-60 { margin-right:60px; } .mr-61 { margin-right:61px; } .mr-62 { margin-right:62px; } .mr-63 { margin-right:63px; } .mr-64 { margin-right:64px; } .mr-65 { margin-right:65px; } .mr-66 { margin-right:66px; } .mr-67 { margin-right:67px; } .mr-68 { margin-right:68px; } .mr-69 { margin-right:69px; } .mr-70 { margin-right:70px; } .mr-71 { margin-right:71px; } .mr-72 { margin-right:72px; } .mr-73 { margin-right:73px; } .mr-74 { margin-right:74px; } .mr-75 { margin-right:75px; } .mr-76 { margin-right:76px; } .mr-77 { margin-right:77px; } .mr-78 { margin-right:78px; } .mr-79 { margin-right:79px; } .mr-80 { margin-right:80px; } .mr-81 { margin-right:81px; } .mr-82 { margin-right:82px; } .mr-83 { margin-right:83px; } .mr-84 { margin-right:84px; } .mr-85 { margin-right:85px; } .mr-86 { margin-right:86px; } .mr-87 { margin-right:87px; } .mr-88 { margin-right:88px; } .mr-89 { margin-right:89px; } .mr-90 { margin-right:90px; } .mr-91 { margin-right:91px; } .mr-92 { margin-right:92px; } .mr-93 { margin-right:93px; } .mr-94 { margin-right:94px; } .mr-95 { margin-right:95px; } .mr-96 { margin-right:96px; } .mr-97 { margin-right:97px; } .mr-98 { margin-right:98px; } .mr-99 { margin-right:99px; } .mr-100 { margin-right:100px; }  
.mb-1 { margin-bottom:1px; } .mb-2 { margin-bottom:2px; } .mb-3 { margin-bottom:3px; } .mb-4 { margin-bottom:4px; } .mb-5 { margin-bottom:5px; } .mb-6 { margin-bottom:6px; } .mb-7 { margin-bottom:7px; } .mb-8 { margin-bottom:8px; } .mb-9 { margin-bottom:9px; } .mb-10 { margin-bottom:10px; } .mb-11 { margin-bottom:11px; } .mb-12 { margin-bottom:12px; } .mb-13 { margin-bottom:13px; } .mb-14 { margin-bottom:14px; } .mb-15 { margin-bottom:15px; } .mb-16 { margin-bottom:16px; } .mb-17 { margin-bottom:17px; } .mb-18 { margin-bottom:18px; } .mb-19 { margin-bottom:19px; } .mb-20 { margin-bottom:20px; } .mb-21 { margin-bottom:21px; } .mb-22 { margin-bottom:22px; } .mb-23 { margin-bottom:23px; } .mb-24 { margin-bottom:24px; } .mb-25 { margin-bottom:25px; } .mb-26 { margin-bottom:26px; } .mb-27 { margin-bottom:27px; } .mb-28 { margin-bottom:28px; } .mb-29 { margin-bottom:29px; } .mb-30 { margin-bottom:30px; } .mb-31 { margin-bottom:31px; } .mb-32 { margin-bottom:32px; } .mb-33 { margin-bottom:33px; } .mb-34 { margin-bottom:34px; } .mb-35 { margin-bottom:35px; } .mb-36 { margin-bottom:36px; } .mb-37 { margin-bottom:37px; } .mb-38 { margin-bottom:38px; } .mb-39 { margin-bottom:39px; } .mb-40 { margin-bottom:40px; } .mb-41 { margin-bottom:41px; } .mb-42 { margin-bottom:42px; } .mb-43 { margin-bottom:43px; } .mb-44 { margin-bottom:44px; } .mb-45 { margin-bottom:45px; } .mb-46 { margin-bottom:46px; } .mb-47 { margin-bottom:47px; } .mb-48 { margin-bottom:48px; } .mb-49 { margin-bottom:49px; } .mb-50 { margin-bottom:50px; } .mb-51 { margin-bottom:51px; } .mb-52 { margin-bottom:52px; } .mb-53 { margin-bottom:53px; } .mb-54 { margin-bottom:54px; } .mb-55 { margin-bottom:55px; } .mb-56 { margin-bottom:56px; } .mb-57 { margin-bottom:57px; } .mb-58 { margin-bottom:58px; } .mb-59 { margin-bottom:59px; } .mb-60 { margin-bottom:60px; } .mb-61 { margin-bottom:61px; } .mb-62 { margin-bottom:62px; } .mb-63 { margin-bottom:63px; } .mb-64 { margin-bottom:64px; } .mb-65 { margin-bottom:65px; } .mb-66 { margin-bottom:66px; } .mb-67 { margin-bottom:67px; } .mb-68 { margin-bottom:68px; } .mb-69 { margin-bottom:69px; } .mb-70 { margin-bottom:70px; } .mb-71 { margin-bottom:71px; } .mb-72 { margin-bottom:72px; } .mb-73 { margin-bottom:73px; } .mb-74 { margin-bottom:74px; } .mb-75 { margin-bottom:75px; } .mb-76 { margin-bottom:76px; } .mb-77 { margin-bottom:77px; } .mb-78 { margin-bottom:78px; } .mb-79 { margin-bottom:79px; } .mb-80 { margin-bottom:80px; } .mb-81 { margin-bottom:81px; } .mb-82 { margin-bottom:82px; } .mb-83 { margin-bottom:83px; } .mb-84 { margin-bottom:84px; } .mb-85 { margin-bottom:85px; } .mb-86 { margin-bottom:86px; } .mb-87 { margin-bottom:87px; } .mb-88 { margin-bottom:88px; } .mb-89 { margin-bottom:89px; } .mb-90 { margin-bottom:90px; } .mb-91 { margin-bottom:91px; } .mb-92 { margin-bottom:92px; } .mb-93 { margin-bottom:93px; } .mb-94 { margin-bottom:94px; } .mb-95 { margin-bottom:95px; } .mb-96 { margin-bottom:96px; } .mb-97 { margin-bottom:97px; } .mb-98 { margin-bottom:98px; } .mb-99 { margin-bottom:99px; } .mb-100 { margin-bottom:100px; }  
.ml-1 { margin-left:1px; } .ml-2 { margin-left:2px; } .ml-3 { margin-left:3px; } .ml-4 { margin-left:4px; } .ml-5 { margin-left:5px; } .ml-6 { margin-left:6px; } .ml-7 { margin-left:7px; } .ml-8 { margin-left:8px; } .ml-9 { margin-left:9px; } .ml-10 { margin-left:10px; } .ml-11 { margin-left:11px; } .ml-12 { margin-left:12px; } .ml-13 { margin-left:13px; } .ml-14 { margin-left:14px; } .ml-15 { margin-left:15px; } .ml-16 { margin-left:16px; } .ml-17 { margin-left:17px; } .ml-18 { margin-left:18px; } .ml-19 { margin-left:19px; } .ml-20 { margin-left:20px; } .ml-21 { margin-left:21px; } .ml-22 { margin-left:22px; } .ml-23 { margin-left:23px; } .ml-24 { margin-left:24px; } .ml-25 { margin-left:25px; } .ml-26 { margin-left:26px; } .ml-27 { margin-left:27px; } .ml-28 { margin-left:28px; } .ml-29 { margin-left:29px; } .ml-30 { margin-left:30px; } .ml-31 { margin-left:31px; } .ml-32 { margin-left:32px; } .ml-33 { margin-left:33px; } .ml-34 { margin-left:34px; } .ml-35 { margin-left:35px; } .ml-36 { margin-left:36px; } .ml-37 { margin-left:37px; } .ml-38 { margin-left:38px; } .ml-39 { margin-left:39px; } .ml-40 { margin-left:40px; } .ml-41 { margin-left:41px; } .ml-42 { margin-left:42px; } .ml-43 { margin-left:43px; } .ml-44 { margin-left:44px; } .ml-45 { margin-left:45px; } .ml-46 { margin-left:46px; } .ml-47 { margin-left:47px; } .ml-48 { margin-left:48px; } .ml-49 { margin-left:49px; } .ml-50 { margin-left:50px; } .ml-51 { margin-left:51px; } .ml-52 { margin-left:52px; } .ml-53 { margin-left:53px; } .ml-54 { margin-left:54px; } .ml-55 { margin-left:55px; } .ml-56 { margin-left:56px; } .ml-57 { margin-left:57px; } .ml-58 { margin-left:58px; } .ml-59 { margin-left:59px; } .ml-60 { margin-left:60px; } .ml-61 { margin-left:61px; } .ml-62 { margin-left:62px; } .ml-63 { margin-left:63px; } .ml-64 { margin-left:64px; } .ml-65 { margin-left:65px; } .ml-66 { margin-left:66px; } .ml-67 { margin-left:67px; } .ml-68 { margin-left:68px; } .ml-69 { margin-left:69px; } .ml-70 { margin-left:70px; } .ml-71 { margin-left:71px; } .ml-72 { margin-left:72px; } .ml-73 { margin-left:73px; } .ml-74 { margin-left:74px; } .ml-75 { margin-left:75px; } .ml-76 { margin-left:76px; } .ml-77 { margin-left:77px; } .ml-78 { margin-left:78px; } .ml-79 { margin-left:79px; } .ml-80 { margin-left:80px; } .ml-81 { margin-left:81px; } .ml-82 { margin-left:82px; } .ml-83 { margin-left:83px; } .ml-84 { margin-left:84px; } .ml-85 { margin-left:85px; } .ml-86 { margin-left:86px; } .ml-87 { margin-left:87px; } .ml-88 { margin-left:88px; } .ml-89 { margin-left:89px; } .ml-90 { margin-left:90px; } .ml-91 { margin-left:91px; } .ml-92 { margin-left:92px; } .ml-93 { margin-left:93px; } .ml-94 { margin-left:94px; } .ml-95 { margin-left:95px; } .ml-96 { margin-left:96px; } .ml-97 { margin-left:97px; } .ml-98 { margin-left:98px; } .ml-99 { margin-left:99px; } .ml-100 { margin-left:100px; }  

/* padding 1px ~ 100px */
.pt-1 { padding-top:1px; } .pt-2 { padding-top:2px; } .pt-3 { padding-top:3px; } .pt-4 { padding-top:4px; } .pt-5 { padding-top:5px; } .pt-6 { padding-top:6px; } .pt-7 { padding-top:7px; } .pt-8 { padding-top:8px; } .pt-9 { padding-top:9px; } .pt-10 { padding-top:10px; } .pt-11 { padding-top:11px; } .pt-12 { padding-top:12px; } .pt-13 { padding-top:13px; } .pt-14 { padding-top:14px; } .pt-15 { padding-top:15px; } .pt-16 { padding-top:16px; } .pt-17 { padding-top:17px; } .pt-18 { padding-top:18px; } .pt-19 { padding-top:19px; } .pt-20 { padding-top:20px; } .pt-21 { padding-top:21px; } .pt-22 { padding-top:22px; } .pt-23 { padding-top:23px; } .pt-24 { padding-top:24px; } .pt-25 { padding-top:25px; } .pt-26 { padding-top:26px; } .pt-27 { padding-top:27px; } .pt-28 { padding-top:28px; } .pt-29 { padding-top:29px; } .pt-30 { padding-top:30px; } .pt-31 { padding-top:31px; } .pt-32 { padding-top:32px; } .pt-33 { padding-top:33px; } .pt-34 { padding-top:34px; } .pt-35 { padding-top:35px; } .pt-36 { padding-top:36px; } .pt-37 { padding-top:37px; } .pt-38 { padding-top:38px; } .pt-39 { padding-top:39px; } .pt-40 { padding-top:40px; } .pt-41 { padding-top:41px; } .pt-42 { padding-top:42px; } .pt-43 { padding-top:43px; } .pt-44 { padding-top:44px; } .pt-45 { padding-top:45px; } .pt-46 { padding-top:46px; } .pt-47 { padding-top:47px; } .pt-48 { padding-top:48px; } .pt-49 { padding-top:49px; } .pt-50 { padding-top:50px; } .pt-51 { padding-top:51px; } .pt-52 { padding-top:52px; } .pt-53 { padding-top:53px; } .pt-54 { padding-top:54px; } .pt-55 { padding-top:55px; } .pt-56 { padding-top:56px; } .pt-57 { padding-top:57px; } .pt-58 { padding-top:58px; } .pt-59 { padding-top:59px; } .pt-60 { padding-top:60px; } .pt-61 { padding-top:61px; } .pt-62 { padding-top:62px; } .pt-63 { padding-top:63px; } .pt-64 { padding-top:64px; } .pt-65 { padding-top:65px; } .pt-66 { padding-top:66px; } .pt-67 { padding-top:67px; } .pt-68 { padding-top:68px; } .pt-69 { padding-top:69px; } .pt-70 { padding-top:70px; } .pt-71 { padding-top:71px; } .pt-72 { padding-top:72px; } .pt-73 { padding-top:73px; } .pt-74 { padding-top:74px; } .pt-75 { padding-top:75px; } .pt-76 { padding-top:76px; } .pt-77 { padding-top:77px; } .pt-78 { padding-top:78px; } .pt-79 { padding-top:79px; } .pt-80 { padding-top:80px; } .pt-81 { padding-top:81px; } .pt-82 { padding-top:82px; } .pt-83 { padding-top:83px; } .pt-84 { padding-top:84px; } .pt-85 { padding-top:85px; } .pt-86 { padding-top:86px; } .pt-87 { padding-top:87px; } .pt-88 { padding-top:88px; } .pt-89 { padding-top:89px; } .pt-90 { padding-top:90px; } .pt-91 { padding-top:91px; } .pt-92 { padding-top:92px; } .pt-93 { padding-top:93px; } .pt-94 { padding-top:94px; } .pt-95 { padding-top:95px; } .pt-96 { padding-top:96px; } .pt-97 { padding-top:97px; } .pt-98 { padding-top:98px; } .pt-99 { padding-top:99px; } .pt-100 { padding-top:100px; }  
.pr-1 { padding-right:1px; } .pr-2 { padding-right:2px; } .pr-3 { padding-right:3px; } .pr-4 { padding-right:4px; } .pr-5 { padding-right:5px; } .pr-6 { padding-right:6px; } .pr-7 { padding-right:7px; } .pr-8 { padding-right:8px; } .pr-9 { padding-right:9px; } .pr-10 { padding-right:10px; } .pr-11 { padding-right:11px; } .pr-12 { padding-right:12px; } .pr-13 { padding-right:13px; } .pr-14 { padding-right:14px; } .pr-15 { padding-right:15px; } .pr-16 { padding-right:16px; } .pr-17 { padding-right:17px; } .pr-18 { padding-right:18px; } .pr-19 { padding-right:19px; } .pr-20 { padding-right:20px; } .pr-21 { padding-right:21px; } .pr-22 { padding-right:22px; } .pr-23 { padding-right:23px; } .pr-24 { padding-right:24px; } .pr-25 { padding-right:25px; } .pr-26 { padding-right:26px; } .pr-27 { padding-right:27px; } .pr-28 { padding-right:28px; } .pr-29 { padding-right:29px; } .pr-30 { padding-right:30px; } .pr-31 { padding-right:31px; } .pr-32 { padding-right:32px; } .pr-33 { padding-right:33px; } .pr-34 { padding-right:34px; } .pr-35 { padding-right:35px; } .pr-36 { padding-right:36px; } .pr-37 { padding-right:37px; } .pr-38 { padding-right:38px; } .pr-39 { padding-right:39px; } .pr-40 { padding-right:40px; } .pr-41 { padding-right:41px; } .pr-42 { padding-right:42px; } .pr-43 { padding-right:43px; } .pr-44 { padding-right:44px; } .pr-45 { padding-right:45px; } .pr-46 { padding-right:46px; } .pr-47 { padding-right:47px; } .pr-48 { padding-right:48px; } .pr-49 { padding-right:49px; } .pr-50 { padding-right:50px; } .pr-51 { padding-right:51px; } .pr-52 { padding-right:52px; } .pr-53 { padding-right:53px; } .pr-54 { padding-right:54px; } .pr-55 { padding-right:55px; } .pr-56 { padding-right:56px; } .pr-57 { padding-right:57px; } .pr-58 { padding-right:58px; } .pr-59 { padding-right:59px; } .pr-60 { padding-right:60px; } .pr-61 { padding-right:61px; } .pr-62 { padding-right:62px; } .pr-63 { padding-right:63px; } .pr-64 { padding-right:64px; } .pr-65 { padding-right:65px; } .pr-66 { padding-right:66px; } .pr-67 { padding-right:67px; } .pr-68 { padding-right:68px; } .pr-69 { padding-right:69px; } .pr-70 { padding-right:70px; } .pr-71 { padding-right:71px; } .pr-72 { padding-right:72px; } .pr-73 { padding-right:73px; } .pr-74 { padding-right:74px; } .pr-75 { padding-right:75px; } .pr-76 { padding-right:76px; } .pr-77 { padding-right:77px; } .pr-78 { padding-right:78px; } .pr-79 { padding-right:79px; } .pr-80 { padding-right:80px; } .pr-81 { padding-right:81px; } .pr-82 { padding-right:82px; } .pr-83 { padding-right:83px; } .pr-84 { padding-right:84px; } .pr-85 { padding-right:85px; } .pr-86 { padding-right:86px; } .pr-87 { padding-right:87px; } .pr-88 { padding-right:88px; } .pr-89 { padding-right:89px; } .pr-90 { padding-right:90px; } .pr-91 { padding-right:91px; } .pr-92 { padding-right:92px; } .pr-93 { padding-right:93px; } .pr-94 { padding-right:94px; } .pr-95 { padding-right:95px; } .pr-96 { padding-right:96px; } .pr-97 { padding-right:97px; } .pr-98 { padding-right:98px; } .pr-99 { padding-right:99px; } .pr-100 { padding-right:100px; }  
.pb-1 { padding-bottom:1px; } .pb-2 { padding-bottom:2px; } .pb-3 { padding-bottom:3px; } .pb-4 { padding-bottom:4px; } .pb-5 { padding-bottom:5px; } .pb-6 { padding-bottom:6px; } .pb-7 { padding-bottom:7px; } .pb-8 { padding-bottom:8px; } .pb-9 { padding-bottom:9px; } .pb-10 { padding-bottom:10px; } .pb-11 { padding-bottom:11px; } .pb-12 { padding-bottom:12px; } .pb-13 { padding-bottom:13px; } .pb-14 { padding-bottom:14px; } .pb-15 { padding-bottom:15px; } .pb-16 { padding-bottom:16px; } .pb-17 { padding-bottom:17px; } .pb-18 { padding-bottom:18px; } .pb-19 { padding-bottom:19px; } .pb-20 { padding-bottom:20px; } .pb-21 { padding-bottom:21px; } .pb-22 { padding-bottom:22px; } .pb-23 { padding-bottom:23px; } .pb-24 { padding-bottom:24px; } .pb-25 { padding-bottom:25px; } .pb-26 { padding-bottom:26px; } .pb-27 { padding-bottom:27px; } .pb-28 { padding-bottom:28px; } .pb-29 { padding-bottom:29px; } .pb-30 { padding-bottom:30px; } .pb-31 { padding-bottom:31px; } .pb-32 { padding-bottom:32px; } .pb-33 { padding-bottom:33px; } .pb-34 { padding-bottom:34px; } .pb-35 { padding-bottom:35px; } .pb-36 { padding-bottom:36px; } .pb-37 { padding-bottom:37px; } .pb-38 { padding-bottom:38px; } .pb-39 { padding-bottom:39px; } .pb-40 { padding-bottom:40px; } .pb-41 { padding-bottom:41px; } .pb-42 { padding-bottom:42px; } .pb-43 { padding-bottom:43px; } .pb-44 { padding-bottom:44px; } .pb-45 { padding-bottom:45px; } .pb-46 { padding-bottom:46px; } .pb-47 { padding-bottom:47px; } .pb-48 { padding-bottom:48px; } .pb-49 { padding-bottom:49px; } .pb-50 { padding-bottom:50px; } .pb-51 { padding-bottom:51px; } .pb-52 { padding-bottom:52px; } .pb-53 { padding-bottom:53px; } .pb-54 { padding-bottom:54px; } .pb-55 { padding-bottom:55px; } .pb-56 { padding-bottom:56px; } .pb-57 { padding-bottom:57px; } .pb-58 { padding-bottom:58px; } .pb-59 { padding-bottom:59px; } .pb-60 { padding-bottom:60px; } .pb-61 { padding-bottom:61px; } .pb-62 { padding-bottom:62px; } .pb-63 { padding-bottom:63px; } .pb-64 { padding-bottom:64px; } .pb-65 { padding-bottom:65px; } .pb-66 { padding-bottom:66px; } .pb-67 { padding-bottom:67px; } .pb-68 { padding-bottom:68px; } .pb-69 { padding-bottom:69px; } .pb-70 { padding-bottom:70px; } .pb-71 { padding-bottom:71px; } .pb-72 { padding-bottom:72px; } .pb-73 { padding-bottom:73px; } .pb-74 { padding-bottom:74px; } .pb-75 { padding-bottom:75px; } .pb-76 { padding-bottom:76px; } .pb-77 { padding-bottom:77px; } .pb-78 { padding-bottom:78px; } .pb-79 { padding-bottom:79px; } .pb-80 { padding-bottom:80px; } .pb-81 { padding-bottom:81px; } .pb-82 { padding-bottom:82px; } .pb-83 { padding-bottom:83px; } .pb-84 { padding-bottom:84px; } .pb-85 { padding-bottom:85px; } .pb-86 { padding-bottom:86px; } .pb-87 { padding-bottom:87px; } .pb-88 { padding-bottom:88px; } .pb-89 { padding-bottom:89px; } .pb-90 { padding-bottom:90px; } .pb-91 { padding-bottom:91px; } .pb-92 { padding-bottom:92px; } .pb-93 { padding-bottom:93px; } .pb-94 { padding-bottom:94px; } .pb-95 { padding-bottom:95px; } .pb-96 { padding-bottom:96px; } .pb-97 { padding-bottom:97px; } .pb-98 { padding-bottom:98px; } .pb-99 { padding-bottom:99px; } .pb-100 { padding-bottom:100px; }  
.pl-1 { padding-left:1px; } .pl-2 { padding-left:2px; } .pl-3 { padding-left:3px; } .pl-4 { padding-left:4px; } .pl-5 { padding-left:5px; } .pl-6 { padding-left:6px; } .pl-7 { padding-left:7px; } .pl-8 { padding-left:8px; } .pl-9 { padding-left:9px; } .pl-10 { padding-left:10px; } .pl-11 { padding-left:11px; } .pl-12 { padding-left:12px; } .pl-13 { padding-left:13px; } .pl-14 { padding-left:14px; } .pl-15 { padding-left:15px; } .pl-16 { padding-left:16px; } .pl-17 { padding-left:17px; } .pl-18 { padding-left:18px; } .pl-19 { padding-left:19px; } .pl-20 { padding-left:20px; } .pl-21 { padding-left:21px; } .pl-22 { padding-left:22px; } .pl-23 { padding-left:23px; } .pl-24 { padding-left:24px; } .pl-25 { padding-left:25px; } .pl-26 { padding-left:26px; } .pl-27 { padding-left:27px; } .pl-28 { padding-left:28px; } .pl-29 { padding-left:29px; } .pl-30 { padding-left:30px; } .pl-31 { padding-left:31px; } .pl-32 { padding-left:32px; } .pl-33 { padding-left:33px; } .pl-34 { padding-left:34px; } .pl-35 { padding-left:35px; } .pl-36 { padding-left:36px; } .pl-37 { padding-left:37px; } .pl-38 { padding-left:38px; } .pl-39 { padding-left:39px; } .pl-40 { padding-left:40px; } .pl-41 { padding-left:41px; } .pl-42 { padding-left:42px; } .pl-43 { padding-left:43px; } .pl-44 { padding-left:44px; } .pl-45 { padding-left:45px; } .pl-46 { padding-left:46px; } .pl-47 { padding-left:47px; } .pl-48 { padding-left:48px; } .pl-49 { padding-left:49px; } .pl-50 { padding-left:50px; } .pl-51 { padding-left:51px; } .pl-52 { padding-left:52px; } .pl-53 { padding-left:53px; } .pl-54 { padding-left:54px; } .pl-55 { padding-left:55px; } .pl-56 { padding-left:56px; } .pl-57 { padding-left:57px; } .pl-58 { padding-left:58px; } .pl-59 { padding-left:59px; } .pl-60 { padding-left:60px; } .pl-61 { padding-left:61px; } .pl-62 { padding-left:62px; } .pl-63 { padding-left:63px; } .pl-64 { padding-left:64px; } .pl-65 { padding-left:65px; } .pl-66 { padding-left:66px; } .pl-67 { padding-left:67px; } .pl-68 { padding-left:68px; } .pl-69 { padding-left:69px; } .pl-70 { padding-left:70px; } .pl-71 { padding-left:71px; } .pl-72 { padding-left:72px; } .pl-73 { padding-left:73px; } .pl-74 { padding-left:74px; } .pl-75 { padding-left:75px; } .pl-76 { padding-left:76px; } .pl-77 { padding-left:77px; } .pl-78 { padding-left:78px; } .pl-79 { padding-left:79px; } .pl-80 { padding-left:80px; } .pl-81 { padding-left:81px; } .pl-82 { padding-left:82px; } .pl-83 { padding-left:83px; } .pl-84 { padding-left:84px; } .pl-85 { padding-left:85px; } .pl-86 { padding-left:86px; } .pl-87 { padding-left:87px; } .pl-88 { padding-left:88px; } .pl-89 { padding-left:89px; } .pl-90 { padding-left:90px; } .pl-91 { padding-left:91px; } .pl-92 { padding-left:92px; } .pl-93 { padding-left:93px; } .pl-94 { padding-left:94px; } .pl-95 { padding-left:95px; } .pl-96 { padding-left:96px; } .pl-97 { padding-left:97px; } .pl-98 { padding-left:98px; } .pl-99 { padding-left:99px; } .pl-100 { padding-left:100px; }


/* 폼에 관한 태그들 초기화 */
button,
[type="button"],
[type="reset"],
[type="submit"] { -webkit-appearance: button; }

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) { cursor: pointer; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner { padding:0; border-style:none; }

input[type="radio"],
input[type="checkbox"] { box-sizing:border-box; padding:0; }

textarea { overflow:auto; resize:vertical; }

fieldset { min-width:0; padding:0; margin:0; border:0; }

legend { display:block; width:100%; max-width:100%; padding:0; margin-bottom:.5rem; font-size:1.5rem; line-height:inherit; color:inherit; white-space:normal; }

/*********** 플랫폼 로그인 페이지 ***********/
.wrapper { display:block; width:100%; height:100%; }

@font-face {
	font-family:'SEBANG_Gothic_Bold';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'SEBANG_Gothic_Regular';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Regular.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}

.ffl-wrapper {
	display:block;
	width:100%;
	position:relative;
	margin-bottom:15px;
}
	.ffl-wrapper .ffl-label {
		max-width:100%;
		transition:0.2s all ease-in-out;
		transition-delay:0s;
		position:absolute;
		top:1.4rem;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
		pointer-events:none;
		font-weight:600;
		color:rgba(0,0,0,.5);
		font-size:0.80rem;
	}
	
	.ffl-wrapper.ffl-floated .ffl-label {
		top:0px;
		font-size:0.7rem;
		color:#000;
	}
	
	.ffl-wrapper .form-control {
		display:block;
		width:100%;
		height:55px;
		padding:0;
		background-color:transparent;
		border:0px;
		border-bottom:1px solid rgba(0,0,0,.5);
		transition:border-bottom 100ms ease;
		outline:0;
	}
	
	.ffl-wrapper.ffl-floated .form-control {
		border-bottom-color:rgba(0,0,0,1);
		color:rgba(0,0,0,.65);
	}

input {
	font-size:0.85rem;
	font-weight:600;
}

input::placeholder { color:rgba(0,0,0,.6) !important; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
	-webkit-text-fill-color:rgba(0,0,0,.65) !important;
	caret-color:rgba(0,0,0,.65) !important;
}

.login-frame {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	background-image:url('/res/platform/media/login/image_platform_login_bg.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
	.login-frame .login-content {
		display:flex;
		justify-content:flex-start;
	}
			.login-frame .login-content .left-area .top-text--frame,
			.login-frame .login-content .left-area .bottom-text--frame {
				display:block;
				width:100%;
			}
		
		.login-frame .login-content .right-area {
			display:flex;
			justify-content:center;
			align-items:center;
			padding:60px;
			background-color:#fff;
		}
			.login-frame .login-content .right-area .v-align {
				display:block;
				width:100%;
			}
				.login-frame .login-content .right-area .text--frame {
					display:block;
					width:100%;
				}
					.login-frame .login-content .right-area .logo {
						display:block;
						width:100%;
						text-align:center;
					}
						.login-frame .login-content .right-area .logo img {
							max-width:100%;
							vertical-align:top;
						}
					
					.login-frame .login-content .right-area .title {
						display:block;
					    width:100%;
					    margin-top:25px;
					    font-family:'SEBANG_Gothic_Regular', sans-serif;
					    font-size:1.5rem;
					    font-weight:300;
					    letter-spacing:-1.2px;
					    text-align:center;
					    color:#000;
					}
		
				.login-frame .login-content .right-area .form--frame {
					display:block;
					width:100%;
					margin-top:20px;
				} 
		
					.login-frame .login-content .right-area .chk-box {}
							
						.login-frame .login-content .right-area .chk {
							display:inline-block;
						    padding-left:30px;
						    padding-top:3px;
						    margin-bottom:10px;
						    position:relative;
						    font-size:0.75rem;
						    font-weight:600;
						    text-align:left;
						    cursor:pointer;
						    -webkit-transition:all 0.3s ease;
						    transition:all 0.3s ease;
						}
						
							.login-frame .login-content .right-area .chk-shape {
							    width:18px;
							    height:18px;
								background:none;
								border:1px solid #b2b2b2;
							    position:absolute;
							    top:1px;
							    left:0;
							}
							
							.login-frame .login-content .right-area .chk-shape:after {
							    content:'';
							    position:absolute;
							    display:none;
							    top:50%;
							    left:50%;
							    margin-left:-2px;
							    margin-top:-6px;
							    width:5px;
							    height:10px;
							    border-width:0 2px 2px 0 /*rtl:ignore*/ !important;
							    -webkit-transform:rotate(45deg) /*rtl:ignore*/;
							    transform:rotate(45deg) /*rtl:ignore*/;
							}
							
							.login-frame .login-content .right-area .chk input:checked ~ .chk-shape { border-color:#3787a8; }
							.login-frame .login-content .right-area .chk input:checked ~ .chk-shape:after { display: block; }
			
							.login-frame .login-content .right-area .chk-shape:after { border:solid #3787a8; }
							
							.login-frame .login-content .right-area .chk-box input[type="checkbox"] {
								position:absolute;
								z-index:-1;
								opacity:1;
							}
			
					.login-frame .login-content .right-area .btn--frame {
						display:block;
						width:100%;
						margin-top:30px;
					}
						.login-frame .login-content .right-area .btn--frame .login-btn {
							display:block;
							width:100%;
							padding:15px;
							background-color:#3787a8;
							border:0px;
							border-radius:5px;
							font-weight:600;
							font-size:0.91rem;
							color:#fff;
						}
						
					.login-frame .login-content .right-area .m-join--frame {
						display:flex;
						justify-content:space-between;
						align-items:center;
						width:100%;
						margin-top:30px;
					}
						.login-frame .login-content .right-area .m-join--frame .text,
						.login-frame .login-content .right-area .m-join--frame .link {
							display:block;
							width:auto;
							font-size:0.8rem;
							font-weight:600;
						}
						
						.login-frame .login-content .right-area .m-join--frame .text { color:rgba(0,0,0,.8); }						
						.login-frame .login-content .right-area .m-join--frame .link { color:rgba(0,0,0,.5); }
						
						.login-frame .login-content .right-area .m-join--frame .link:hover,
						.login-frame .login-content .right-area .m-join--frame .link:focus {
							text-decoration:none;
							color:#3787a8;
						}

@media screen and (min-width: 1px) and (max-width: 639px) {
	/*********** 플랫폼 로그인 페이지 ***********/
	.login-frame .login-content .right-area { padding:50px 30px; }
}

@media screen and (min-width: 1px) and (max-width: 1099px) {
	/*********** 플랫폼 로그인 페이지 ***********/
	.login-frame .login-content {
		width:100%;
	}
		.login-frame .login-content .left-area { display:none; }
		
		.login-frame .login-content .right-area {
			width:100%;
		}
}

@media screen and (min-width: 640px) and (max-width: 1099px) {
	/*********** 플랫폼 로그인 페이지 ***********/
	.login-frame .login-content {
		padding-left:40px;
		padding-right:40px;
	}
		.login-frame .login-content .right-area {
			border-radius:10px;
		}
}

@media screen and (min-width: 640px) {
	/*********** 플랫폼 로그인 페이지 ***********/
	
}

@media screen and (min-width: 1100px) {
	/*********** 플랫폼 로그인 페이지 ***********/
	.login-frame .login-content {
		width:1100px;
		margin-left:auto;
		margin-right:auto;
	}
		.login-frame .login-content .left-area {
			display:flex;
			flex-direction:column;
			justify-content:space-between;
			width:650px;
			padding:60px;
			border-radius:10px 0 0 10px;
			overflow:hidden;
			background-image:url('/res/platform/media/login/image_platform_login_sub_bg.jpg');
			background-repeat:no-repeat;
			background-size:cover;
		}
		
		.login-frame .login-content .right-area {
			width:calc(100% - 650px);
			min-height:650px;
			border-radius:0 10px 10px 0;
		}
}