@charset "utf-8";

@font-face {
    font-family: 'SBAggroL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-7ExtraBold';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-8Heavy';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea, blockquote, th, td {  
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  
list-style-type: none;  
 }

body::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
}

body::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #444; /* 스크롤바의 색상 */
    
    border-radius: 10px;
}

body::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1);  /*스크롤바 뒷 배경 색상*/
}

body {overflow-x: hidden}

a {text-decoration:none;color:#000;}
a:hover {color:#e60013;}



.navi_wrap { position:relative; width:100%; height:100px; }
.head_wrap { position:relative; margin:0 auto; width:1200px; height:100px; background:url('') #ffffff top center no-repeat ;}

.navi_head {position:fixed; top:0; left:0; width:100%; color:#ffffff; height:100px; background:url('') #ffffff repeat-x ; z-index:999; }
.navi_head .logo { position:absolute; top:0; left:0; width:157px; height:160px; z-index:999;}
.navi_head .logo img { display:block; }
.navi_head .menus { position:absolute; top:0; left:230px; width:970px; height:100px; z-index:999; overflow:hidden;}
.navi_head .menus ul {margin:0;padding:0;}
.navi_head .menus li { float:left; line-height:120%; font-size:18px; color:#111; text-align:center; }
.navi_head .menus li a {font-family: 'Pretendard-Regular';  color:#111; font-weight: 500; text-decoration:none;}
.navi_head .menus li a:hover {font-family: 'Pretendard-Bold'; color:#f50e1f;}
.navi_head .menus .on a {font-family: 'Pretendard-Bold'; color:#f50e1f;}

.right_navi_wrap {position: fixed;width:130px;z-index:9999; top: 230px; right: 30px;}
.right_navi_wrap .tel {float:left;height:278px;padding:0;margin-bottom:5px;}
.right_navi_wrap .online {float:left;height:110px;padding:0;margin:0;}
.right_navi_wrap ul {padding:0;margin:0;}
.right_navi_wrap li {float:left;width:100px;height:50px;padding:0;margin-bottom:10px;}
.right_navi_wrap li a {}
.right_navi_wrap li a:hover {opacity:0.8;}



.quick_mail {position: fixed; bottom: 0; width:100%;height:110px;margin:0;padding:0;background:url('../../../layouts/pc_main/_images/online_bg.png') repeat-x ; z-index: 999;}
.quick_mail .quick_cont {width:1260px;height:110px;margin:0 auto;padding:0;}
.quick_mail .quick_cont .quick_left{ float:left;width:260px;margin:0;padding:0;}
.quick_mail .quick_cont .quick_right{float:left; width:1000px;margin:0;padding:0;text-align:left;font-size:13px; line-height:140%; font-family: 'Noto Sans KR', sans-serif; color:#ffffff; }
.quick_mail .quick_cont .quick_right .area .put {float:left;width:1000px;height: 80px;position:relative;}
.quick_mail .quick_cont .quick_right .area .put .name {position: absolute;top: 40px;left:0;width: 190px;}
.quick_mail .quick_cont .quick_right .area .put .name input {border:none; height:36px; width: 180px; padding-left:10px;font-size:13px;}
.quick_mail .quick_cont .quick_right .area .put .tel {position: absolute;top: 40px;left:190px;width: 190px;}
.quick_mail .quick_cont .quick_right .area .put .tel input {border:none; height:36px; width: 180px; padding-left:10px;font-size:13px;}
.quick_mail .quick_cont .quick_right .area .put .add {position: absolute;top: 40px;left:380px;width: 190px;}
.quick_mail .quick_cont .quick_right .area .put .add input {border:none; height:36px; width: 180px; padding-left:10px;font-size:13px;}
.quick_mail .quick_cont .quick_right .area .put .money {position: absolute;top: 40px;left:570px;width: 190px;}
.quick_mail .quick_cont .quick_right .area .put .money input {border:none; height:36px; width: 180px; padding-left:10px;font-size:13px;}
.quick_mail .quick_cont .quick_right .area .put .ch {color:#fff;position: absolute;top: 83px;left: 0; font-size:14px;}
.quick_mail .quick_cont .quick_right .area .put .ch label {color:#fff}
.quick_mail .quick_cont .quick_right .area .put .ch input {width:15px; height:15px; }
.quick_mail .quick_cont .quick_right .area .put #ch_txtbox {display:none;background-color:#fff;position: absolute;top: -60px;left: 10px;z-index: 99;padding: 8px 8px 5px 8px;font-size:12px;border: 2px solid black;}
.quick_mail .quick_cont .quick_right .area .put #ch_txtbox h6 {color: black;font-size:12px;}
.quick_mail .quick_cont .quick_right .area .put #ch_txtbox ul {margin-top: 5px;}
.quick_mail .quick_cont .quick_right .area .put #ch_txtbox ul li {margin: 3px 0;color:#444;}
.quick_mail .quick_cont .quick_right .area .put .ch a {color:#fff;margin-left: 10px;text-decoration: underline;}
.quick_mail .quick_cont .quick_right .area .put .btn {position:absolute;top: 35px;left: 770px;}

#footer_wrap {width:100%;height:230px;margin:0;padding:0;background:url('')#eeeeee center center no-repeat;}
#footer_wrap .foot_cont {width:1200px;height:150px;margin:0 auto;padding:0;}
#footer_wrap .foot_cont .logo{ float:left;width:150px;margin:0;padding:25px 0 0 0;}
#footer_wrap .foot_cont .copy{width:1200px;margin:0;padding:40px 0 0 0;text-align:center;font-size:16px; line-height:150%; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color:#252525; }
#footer_wrap .foot_cont .copy .cp {padding-top:0;color:#888;font-size:12px;line-height:30px; }
#footer_wrap .foot_cont .copy .admin {margin-left:20px;color:#666; }
#footer_wrap .foot_cont .copy .admin a{font-size:11px; font-family:arial; color:#777; }