@charset "UTF-8";

/*-----------------------------------------------------------------------------------------------------
    File   : olim_general.css
    Author : Sunny, 2020-06
    Version: 1.0
    CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding,
    border, background, border-radius, box-shadow, font(font-family, font-size , font-weight, font-style, color, line-height,), opacity, cursor, box-sizing, etc
/*--------------------------------------------------------------------------------------------------------*/


/* ---------------------------------------- */
/* reset */
/* ---------------------------------------- */

/* this project only */
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@400;600;800&display=swap');
@font-face {
  font-family: 'NanumSquareNeo-Variable';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
pre{word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;word-break:break-all;}

/* 기본폰트 지정 */
body,button,input,select,table,textarea,pre{font-family:'Merriweather Sans', 'NanumSquareNeo-Variable', Arial, sans-serif;font-size:15px;font-weight:400;color:#4c4c4c;line-height:1.3;letter-spacing:-.56px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* body,button,input,select,table,textarea,pre{font-family:'Galmuri14','Malgun Gothic',Arial,sans-serif;font-size:15px;font-weight:400;color:#d6ffff;line-height:1.3;letter-spacing:-.56px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} */



body{-webkit-text-size-adjust:none}
button,fieldset,img{border:0 none}
fieldset,img{border:0}
img,li{border:0;vertical-align:top}
li,ol,ul{list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
address,em{font-style:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{color:inherit;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a:active,a:focus,a:hover{text-decoration:none}
button{border:0;background:0 0;cursor:pointer}
table{margin:0;padding:0;border:0;border-spacing:0;border-collapse:collapse;}
input[type="text"],textarea{resize:none;border:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;}
embed,iframe,img,object,video{max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media screen and (max-width:999px){
  html{font-size:10px;font-size:0.625rem;}
  body,button,input,select,table,textarea{font-size:1.6rem;letter-spacing:-0.05rem;}
}
@media screen and (max-width:690px) {
  html{font-size:10px;font-size:0.625rem;-webkit-text-size-adjust: none;}
  body,button,input,select,table,textarea{font-size:1.6rem}
}

/* IE9+IE10 */
@media screen and (min-width:0\0){
  article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
  audio:not([controls]){display:none;height:0;}
  [hidden],template{display:none;}
  svg:not(:root){overflow:hidden;}
}

/* ---------------------------------------- */
/* olim general class */
/* ---------------------------------------- */
/* skip */
.skip a{overflow:hidden;display:block;position:absolute;top:0;left:0;width:1px;height:1px;background:#000;color:#fff;text-align:center}
.skip a:focus,.skip a:active{position:fixed;width:100%;height:auto;padding:10px}
.only_res,.only_tablet,.only_mobile{display:none;}
.ir_text,.blind{overflow:hidden;position:absolute;top:0;left:0;border:0;width:1px;height:1px;clip:rect(1px,1px,1px,1px)}
.word_keep{word-break:keep-all;}

/* breadcrumbs */
.breadcrumbs_list{font-size:0;}
.breadcrumbs.right .breadcrumbs_list{text-align:right;}
.breadcrumbs_item{display:inline-block;font-weight:400;font-size:15px;color:#474747;vertical-align:middle}
.breadcrumbs_item:before{display:inline-block;width:6px;height:11px;background:rgba(255,0,0,.5);vertical-align:middle;content:''}
.breadcrumbs_item:first-child:before{display:none}
.breadcrumbs_item a{display:inline-block;padding:0 8px}
.breadcrumbs_item strong{padding-left:8px;font-weight:400}
/* home을 아이콘으로 표시하고 싶은 경우 home 텍스트를 감싼 영역에 home 클래스 추가 후 아래 주석 사용 */
/* .breadcrumbs_item .home{width:15px;height:15px;margin:0 3px 0 0;background:rgba(255,0,0,.5);} */

/* default button style */

/* default btn */
.common_btn {display: inline-block; padding: 12px 24px; border-radius: 52px; color: #fff; -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3); font-size: 0; vertical-align: middle; outline: 0;}
.common_btn > span {display: inline-block; font-size: 16px; font-weight: 700; letter-spacing: -.9px; line-height: 1.7;}
/* default btn + icon (>) */
.common_btn > span.has_ico{ position: relative; padding-right: 14px; }
.common_btn > span.has_ico:before{ position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-34%); transform: translateY(-34%); width: 7px; height: 12px; background: url(../img/arrow-right.png) no-repeat center center; background-size: cover; content: ''; }

/* top button */
.btn_top_wrap{display:none; position:fixed; z-index:999; bottom:20px; right:20px;}
.btn_top_wrap:before{position:absolute; z-index:-1; width:100%; height:100%; background: #009eb4; background: -webkit-gradient(linear, left top, right top, color-stop(1%, #009eb4), to(#015aaa)); background: linear-gradient(to right, #009eb4 1%, #015aaa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$btn_color1', endColorstr='$btn_color2',GradientType=1 ); opacity:.8; content:''; border-radius: 100%;}
.btn_top_wrap .btn_top{display:block; width:50px; height:50px; background:url(../img/arrow-top.png) no-repeat 50% 50%; background-size: 24px;}

/* common layout direction */
/* absolute center */
.ab_vert{position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);}
.ab_vert_before,.ab_vert_after{position:relative;}
.ab_vert_before:before,.ab_vert_after:after{position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);content:'';}

.ab_hori{position:absolute;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);}
.ab_hori_before,.ab_hori_after{position:relative;}
.ab_hori_before:before,.ab_hori_after:after{position:absolute;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);content:'';}

.ab_cent{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);}
.ab_cent_before,.ab_cent_after{position:relative;}
.ab_cent_before:before,.ab_cent_after:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);content:'';}

/* design form */
.inp_custom input,.inp_custom select,.inp_custom textarea{border:0;background:0;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none}
.inp_custom .inp_chk, .inp_custom .inp_rdo{overflow:hidden;position:absolute;top:0;left:0;border:0;width:1px;height:1px;clip:rect(1px,1px,1px,1px)}
.inp_txt_wrap{position:relative;height:40px;border:1px solid #dadada;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box}
.inp_txt_wrap .inp_txt{width:100%;height:100%;padding:0 20px;font-size:15px;color:#656565;box-sizing:border-box}
.inp_txt_wrap .inp_txt.focus{position:relative;z-index:5;background:#fff}
.inp_txt_wrap label{position:absolute;top:50%;left:20px;font-size:14px;color:#656565;line-height:17px;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}

.inp_txt_wrap-left{position:relative;z-index:1;height:40px;padding-left:120px}
.inp_txt_wrap-left label{position:absolute;top:0;left:0;width:120px;font-size:15px;color:#212121;line-height:40px;cursor:pointer}
.inp_txt_wrap-left .placeholder{position:absolute;top:50%;left:140px;z-index:-1;font-size:15px;color:#656565;line-height:17px;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}
.inp_txt_wrap-left .inp_txt{position:static;z-index:1;width:100%;height:100%;padding:0 20px;border:1px solid #dadada;background:transparent;font-size:15px;color:#656565;box-sizing:border-box;-webkit-box-sizing:border-box}

.txtarea_wrap{position:relative;height:80px;border:1px solid #dadada;box-sizing:border-box;-webkit-box-sizing:border-box}
.txtarea_wrap .txtarea{width:100%;height:100%;padding:10px 20px;font-size:15px;color:#656565;box-sizing:border-box}
.txtarea_wrap .txtarea.focus{position:relative;z-index:5;background:#fff}
.txtarea_wrap label{position:absolute;top:10px;left:20px;font-size:14px;color:#656565;line-height:17px;}

.txtarea_wrap2{position:relative;z-index:1;height:80px;padding-left:120px}
.txtarea_wrap2 label{position:absolute;top:0;left:0;width:120px;font-size:15px;color:#212121;line-height:40px;cursor:pointer}
.txtarea_wrap2 .placeholder{position:absolute;top:10px;left:140px;z-index:-1;font-size:15px;color:#656565;line-height:17px;}
.txtarea_wrap2 .txtarea{width:100%;height:100%;padding:10px 20px;border:1px solid #dadada;font-size:15px;color:#656565;box-sizing:border-box;-webkit-box-sizing:border-box}
.txtarea_wrap2 .txtarea.focus{position:relative;z-index:5;background:#fff}

/* radio check box custom style */
/* .inp_rdo_wrap.inp_custom{position:relative;font-size:0}
.inp_rdo_wrap.inp_custom .inp_rdo+label{display:inline-block;position:relative;padding-right:6px;background-color:#fff;font-size:14px;color:#000;line-height:22px;cursor:pointer}
.inp_rdo_wrap.inp_custom .inp_rdo:focus+label{outline:dotted 1px;outline:-webkit-focus-ring-color auto 5px}
.inp_rdo_wrap.inp_custom .inp_rdo+label:before{display:inline-block;overflow:hidden;width:18px;height:18px;margin:2px 12px 0 0;background-color:rgba(255,0,0,0.5);font-size:5px;color:transparent;vertical-align:top;content:''}
.inp_rdo_wrap.inp_custom .inp_rdo:checked+label:before{background-color:blue} */

/* check box custom style */
/* .inp_chk_wrap.inp_custom{display:inline-block;position:relative;font-size:0}
.inp_chk_wrap.inp_custom .inp_chk+label{display:inline-block;position:relative;padding-right:4px;background-color:#fff;font-size:15px;color:#656565;line-height:22px;cursor:pointer}
.inp_chk_wrap.inp_custom .inp_chk:focus+label{outline:dotted 1px;outline:-webkit-focus-ring-color auto 5px}
.inp_chk_wrap.inp_custom .inp_chk+label:before{display:inline-block;overflow:hidden;width:15px;height:15px;margin:3px 9px 0 0;background-color:rgba(255,0,0,0.5);font-size:5px;color:transparent;vertical-align:top;content:''}
.inp_chk_wrap.inp_custom .inp_chk:checked+label:before{background-color:blue} */

/* select box custom style */
.inp_sel_wrap.inp_custom{position:relative;}
.inp_sel_wrap .inp_sel{min-width:100px;width:100%;height:40px;padding:0 30px 0 15px;border:1px solid #dadada;background-color:#fff;font-size:15px;color:#656565;vertical-align:middle;box-sizing:border-box;}
.inp_sel_wrap.inp_custom:after{position:absolute;top:50%;right:0;width:20px;height:100%;background:rgba(255,0,0,.5);transform:translate(0,-50%);-webkit-transform:translate(0,-50%);content:''}
.inp_sel_wrap.inp_custom .inp_sel:focus{border:1px solid #007bc8}
.ie9 .inp_sel_wrap.inp_custom .inp_sel{padding:4px 10px;}
.ie9 .inp_sel_wrap.inp_custom:after{display:none}

@media screen and (max-width:999px){
    /* skip */
    .only_pc{display:none;}
    .only_res,.only_tablet{display:block;}
    .not_tablet{display:none;}

    /* anker_wrap */
    .anker_wrap{top:48px;left:0;width:100%;height:40px;margin-top:0;border:none;border-bottom:1px solid #ccc;}
    .anker_wrap.is_fixed.is_admin{top:66px;margin:0 !important;}
    .asset_anker{margin-left:0;}
    .anker_item{float:left;width:33.3%;text-align:center;line-height:38px;list-style:none;}
    .anker_item>a{display:block;width:100%;text-align:center;}
    .anker_item>a span{display:inline-block;height:100%;border-bottom:2px solid transparent;box-sizing:border-box;}
    .anker_item.is_active span{border-bottom-color:#da291c;}

    /* inner_anker_wrap */
    .inner_anker_wrap{position:static;width:100%;height:40px;margin-top:0;border:none;border-bottom:1px solid #ccc;}
    .inner_anker_wrap.is_fixed{top:48px;left:0;margin:0 !important;}
    .inner_anker_wrap.is_fixed.is_admin{top:66px;margin:0 !important;}
    .asset_anker{margin-left:0;}
    .anker_item{float:left;width:33.3%;text-align:center;line-height:38px;list-style:none;}
    .anker_item>a{display:block;width:100%;text-align:center;}
    .anker_item>a span{display:inline-block;height:100%;border-bottom:2px solid transparent;box-sizing:border-box;}
    .anker_item.is_active span{border-bottom-color:#da291c;}
}

@media screen and (max-width:690px){
    /* skip */
    .only_tablet{display:none;}
    .only_mobile, .not_tablet{display:block;}
    .not_mobile{display:none}

    /* design form */
    .inp_txt_wrap{height:30px}
    .inp_txt_wrap .inp_txt{padding:0 4.15%;font-size:1.5rem}
    .inp_txt_wrap label{left:4.15%;font-size:1.4rem;line-height:1.7rem}
    .inp_txt_wrap-left{height:30px;padding-left:80px}
    .inp_txt_wrap-left label{width:80px;font-size:1.5rem;line-height:3rem}
    .inp_txt_wrap-left .placeholder{left:90px;font-size:1.5rem;line-height:1.7rem}
    .inp_txt_wrap-left .inp_txt{padding:0 20px;font-size:1.5rem}
    .txtarea_wrap{height:50px;}
    .txtarea_wrap .txtarea{padding:8px 20px;font-size:1.5rem}
    .txtarea_wrap label{left:4.15%;font-size:1.4rem;line-height:1.7rem}
    .txtarea_wrap2{height:50px;padding-left:80px}
    .txtarea_wrap2 label{width:80px;font-size:1.5rem;line-height:3rem}
    .txtarea_wrap2 .placeholder{left:90px;font-size:1.5rem;line-height:1.7rem}
    .txtarea_wrap2 .txtarea{padding:8px 20px;font-size:1.5rem}
    /* .inp_rdo_wrap .inp_rdo+label{padding-right:3px;font-size:1.4rem;line-height:2.2rem}
    .inp_chk_wrap .inp_chk+label{padding-right:2px;font-size:1.5rem;line-height:2.2rem}
    .inp_sel_wrap .inp_sel{height:30px;padding:0 4.15%;font-size:1.5rem;} */
}