@charset "utf-8";

/* =========================== SUB */
#subBnr{position:relative;z-index:20;min-width:1400px;width:100%;height:400px;color:#fff}
#subBnr .bg{overflow:hidden;position:absolute;width:100%;height:100%}
#subBnr .bg .inner{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:url('../img/sub/sub_main_banner.jpg') top center no-repeat;-webkit-animation:submain 20s linear infinite;animation:submain 20s linear infinite;-webkit-transform:scale(1.12);transform:scale(1.12)}
@-webkit-keyframes submain{from{-webkit-transform:scale(1.12)}50%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1.12)}}
@keyframes submain{from{transform:scale(1.12)}50%{-webkit-transform:scale(1)}100%{transform:scale(1.12)}}

#subBnr .txt_area{position:relative;top:50%;transform:translateY(-50%);font-size:15px;line-height:1.5;text-align:center;font-family:var(--font)}
#subBnr .txt_area .stxt{opacity:0;display:inline-block;margin-left:-10px;font-size:20px;letter-spacing:-.5px;font-family:var(--font)}
#subBnr .txt_area .btxt{opacity:0;padding-bottom:20px;margin-left:10px;font-size:48px;font-weight:700;font-family:var(--font)}
#subBnr .txt_area span{display:inline-block;color:rgba(255,255,255,.75)}
#subBnr .txt_area span i{padding:0 10px}

/* =========================== SNB */
#l_menu {background:#fff}
#l_menu ul{overflow:hidden;display:table;margin:0 auto; padding:0;}
#l_menu li{float:left;color:#666;line-height:15px}
#l_menu li a{padding:25px 50px;font-size:17px;font-weight:600;font-family:var(--font)}
.l_menu_OFF a{display:block;text-decoration:none;color:#666;}
.l_menu_OFF a:hover{display:block;text-decoration:none;color:#2b3d72}
#l_menu .l_menu_ON a{display:block;color:#fff;background:var(--primary)}

/* =========================== PAGE */
#greeting{font-size:15px;font-weight:400;line-height:1.8;letter-spacing:-.2px;color:#777;font-family:'Noto Sans KR'}
#greeting .tit_area{padding:0 0 40px 5%;font-size:38px;font-weight:100;line-height:1.35;letter-spacing:-.5px;color:#222}
#greeting .tit_area p{font-weight:600}
#greeting .img{height:420px;background:url(../img/sub/greeting_img.jpg) center no-repeat;background-size:cover}
#greeting .cont{padding:40px 0 0 25%}
#greeting .cont .pl{white-space:pre-line}
#greeting .cont .sign{margin-top:30px;font-weight:500;color:#222}
#greeting .cont .sign span{margin-left:20px;font-size:17px}


 #popInc04 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    ;background: rgba(0,0,0,0.7)
}

#popInc04 .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    padding: 45px 50px;
    border-radius: 8px;
    font-size: 14px;
    color: #777;
    background: #fff;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: 'notokr-regular'
}

#popInc04 .pop_close {
    position: absolute;
    right: 25px;
    top: 25px;
    background: url(../img/close.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    text-indent: -9999px;
    cursor: pointer
}

#popInc04 .tit {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: normal;
    color: #222;
    letter-spacing: -.5px;
    text-align: center;
    font-family: 'notokr-bold'
}

#popInc04 ul li {
    position: relative;
    padding-left: 100px;
    border-bottom: 1px solid #e1e1e1
}

#popInc04 ul li label {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100px;
    font-size: 14px;
    color: #222;
    font-family: 'notokr-bold'
}

#popInc04 ul li input[type=text] {
    width: 100%;
    height: 45px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 14px;
    font-family: 'notokr-regular'
}

#popInc04 ul li select {
    width: 100%;
    height: 45px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 14px;
    -webkit-appearance: none;
    appearance: none;
    background: url(../../../img/sh_arr_down.png) 98% center no-repeat;
    font-family: 'notokr-regular'
}

#popInc04 ul li .won {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#popInc04 ul li textarea {
    width: 100%;
    height: 90px;
    margin: 15px 0 12px;
    padding: 10px;
    border: none;
    border-radius: 3px;
    background-color: #f5f5f5
}

#popInc04 .agree_zone {
    padding: 15px;
    margin: 15px 0 20px;
    border-radius: 3px;
    font-size: 13px;
    color: #222;
    background: #f5f5f5
}

#popInc04 .agree_zone .gainagree2 {
    padding: 3px 5px;
    margin-left: 5px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    font-size: 12px;
    color: #555;
    background: #fff
}

#popInc04 .agree_zone label {
    float: right;
    margin-left: 10px
}

#popInc04 .btn_ok {
    text-align: center
}

#popInc04 input[type=submit] {
    width: 150px;
    height: 45px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    background-color: #353646;
    font-family: 'notokr-medium'
}


#sh_ft {
    clear: both;
    padding: 0 0 40px;
    min-width: 1200px;
    border-top: 1px solid #e9e9e9;
    background: #303136;
}

#sh_ft .ft_wr {
    margin: 0 auto;
    width: 1200px;
    color: #fff;
	background: #303136;
	text-align: center;
    padding: 40px 0 20px 0;
}

@charset "utf-8";
table, tr, th, td{border-collapse:collapse}

/* ÆäÀÌÁö ¸®´º¾ó 201020 [s] */
.pagecommon{font-size:15px;color:#777;letter-spacing:-.2px;line-height:1.8;font-family:'notokr-regular'}
.pagecommon b{font-weight:normal;font-family:'notokr-bold'}
.pagecommon .br {white-space:pre-line}

/* »óÇ°¼Ò°³ */
.product_tit {font-size:28px;font-weight:bold;line-height:1.3em;color:#333;padding:20px 0;letter-spacing:-0.6px}
.product_tit span{color:#11337c}

.product_li {font-size:16px}
.product_li li{background:url('../sh_page/img/product_li.png') no-repeat left 7px;padding-left:8px;margin-top:7px}


.product_btn{margin-top:40px}
.product_btn a{display:inline-block;padding:12px 25px;border-radius:3px;font-size:16px;background:#0b2458;color:#fff;margin-right:4px}
.product_btn a.product_btn02{background:#555}

.product_tbl{overflow:hidden;border-top:2px solid #888;margin-top:50px}
.product_tbl li{overflow:hidden;border-bottom:1px dotted #dedede;padding:15px}
.product_tbl dl{overflow:hidden;font-size:14px}
.product_tbl dt{float:left;clear:both;width:200px;font-weight:bold}
.product_tbl dd{float:left}

/* »óÇ°¼Ò°³ ¹è°æÀ̹ÌÁö */
.page0101 {background:url('../sh_page/img/p0101.png') right top no-repeat}
.page0102 {background:url('../sh_page/img/p0102.png') right top no-repeat}
.page0103 {background:url('../sh_page/img/p0103.png') right top no-repeat}
.page0104 {background:url('../sh_page/img/p0104.png') right top no-repeat}

/*»óÇ°*/
.product{overflow:hidden}
.product:before{position:absolute;left:0;top:0;width:160px;height:100%;background-color:#fff;content:'';z-index:-1}

.product .right{float:left;position:relative;width:calc(100% - 1px);padding-top:50px}
.product .right .tit{margin-bottom:40px;font-weight:normal;font-size:30px;line-height:1.3;color:#222;font-family:'notokr-thin'}
.product .right .tit b span{color:#a49254}
.product .right .box_all{margin-bottom:36px}
.product .right .box_all dl{position:relative;padding:12px 0 12px 62px;margin-bottom:12px;border-radius:5px;border:1px solid #e1e1e1}
.product .right .box_all dl dt{position:absolute;left:8px;top:10px;width:32px;height:32px;border-radius:3px;background-color:#2d3c73;font-weight:600;font-size:14px;color:#fff;font-family:'Poppins',sans-serif;text-align:center;line-height:32px}
.product .right table{display:block;position:relative;margin-bottom:44px;border-top:1px solid #222;border-bottom:1px solid #222}
.product .right table tbody{display:block}
.product .right table:before{position:absolute;left:0;top:0;background-color:#f5f5f5;width:224px;height:100%;content:'';z-index:-1;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb}
.product .right table tr{overflow:hidden;display:block;border-bottom:1px solid #e1e1e1}
.product .right table tr:last-child{border-bottom:0}
.product .right table tr th{float:left;width:222px;padding:10px 16px;text-align:left;color:#222;font-weight:normal}
.product .right table tr td{float:left;width:calc(100% - 222px);padding:10px 16px}
.product .right table tr td dl{white-space:normal;margin-bottom:10px}
.product .right table tr td dl:last-child{margin-bottom:0}
.product .right table tr td dl dt{color:#222}
.product .right .inq{display:block;width:220px;height:66px;margin:0 auto 32px;border:none !important;outline:none !important;text-align:center;line-height:66px;color:#fff;border-radius:3px;background-color:#a08964;font-family:'notokr-medium';-webkit-transition:all .2s;transition:all .2s}
.product .right .inq:hover{background-color:#bb9e6e;cursor:pointer}
.product .right img{position:absolute;right:30px;top:40px}

/*´ëÃâÀýÂ÷*/
#p10{padding:54px 80px}
#p10 .top_tit{margin-bottom:35px;text-align:center}
#p10 .top_tit > span{display:block;margin-bottom:10px;font-weight:600;font-size:13px;color:#adadad;font-family:'Poppins',sans-serif}
#p10 .top_tit p{font-weight:normal;font-size:30px;line-height:1.3;color:#222;font-family:'notokr-thin'}
#p10 .top_tit p b span{color:#a08964}
#p10 .txt_all li{overflow:hidden;margin-bottom:20px;padding:38px;border:1px solid #e1e1e1;border-radius:5px}
#p10 .txt_all li .icon{float:left;width:176px;height:116px;padding:8px 54px 0 30px;margin-right:54px;border-right:1px solid #e1e1e1;text-align:center}
#p10 .txt_all li .icon img{margin-bottom:20px}
#p10 .txt_all li .icon p{font-weight:600;font-size:12px;color:#fff;line-height:30px;border-radius:15px;background-color:#a08964;font-family:'Poppins',sans-serif}
#p10 .txt_all li dl{float:left}
#p10 .txt_all li dl dt{margin-bottom:20px;font-size:20px;color:#333;line-height:20px;font-family:'notokr-bold'}
#p10 .txt_all li dl .sub_tit{margin-bottom:10px;font-size:18px;color:#333;line-height:18px}
#p10 .txt_all li dl .sub_tit span{color:#a08964}
#p10 .txt_all li dl .txt{line-height:26px}

/*Àλ縻*/
#p33{padding:35px 0}
#p33 .top{overflow:hidden;padding:0 70px}
#p33 .top .sub_tit{float:left;margin-right:70px;font-weight:700;line-height:38px;font-size:13px;color:#2d3c73;font-family:'Poppins',sans-serif}
#p33 .top .contents{float:left}
#p33 .top .contents .tit{margin-bottom:25px;font-weight:normal;font-size:30px;line-height:1.3;color:#222;font-family:'notokr-thin'}
#p33 .top .contents .tit b span{color:#a08964}
#p33 .top .contents .txt{margin-bottom:42px}
#p33 .bottom{position:relative;height:492px;width:100%}
#p33 .bottom:before{position:absolute;left:0;top:50%;width:100%;height:340px;margin-top:-170px;content:'';z-index:-1;background-color:#0b163f}
#p33 .bottom img{position:absolute;box-shadow:0 0 20px rgba(0,0,0,.1)}
#p33 .bottom img:nth-child(1){position:absolute;top:0;left:185px}
#p33 .bottom img:nth-child(2){position:absolute;bottom:0;right:80px}
#p33 .bottom p{position:absolute;top:164px;right:80px;padding:7px 18px;background-color:#2d3c73;font-weight:700;font-size:13px;color:#fff;letter-spacing:0;font-family:'Poppins',sans-serif}