@charset "utf-8";

body, input, select, textarea, button {font-family:'NotoSansKR_400',NotoSansKR,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:14.5px;line-height:1.5;color:#333;}
a {text-decoration:none;color:#333;background-color:transparent;}
/*a:hover, a:focus {color:#f00;outline:0;}*/

#wrap {min-width:1602px;position:relative;}
#subwrap01 {position:relative;overflow:hidden;}
#subwrap02 {position:relative;width:1920px;margin-left:-960px;left:50%;}
#header_wrap, #container_wrap, #footer_wrap /*overflow:hidden;*/}
#container_wrap {position:relative;overflow:hidden;}
#header_wrap {height:126px;background-color:#ffffff;}
#header {width:100%;position:relative;z-index:99999;background-color:#ffffff;}
#header .utilmenu_wrap {width:100%;height:44px;background-color:#0c1332;}
#header .utilmenu_wrap .inner {width:1030px;left:50%;margin-left:-515px;position:relative;}
#header .inner {height:82px;width:1030px;left:50%;margin-left:-515px;position:relative;}
#container {width:1030px;left:50%;margin-left:-515px;position:relative;}
#footer_wrap {height:175px;color:#d8d8d8;background-color:#0c1332;}
#footer {height:175px;width:1030px;left:50%;margin-left:-515px;position:relative;}

#header .logo {position:absolute;left:0px;top:11px;}
.header_call_wrap {position:absolute;right:-180px;top:27px;}
.header_call_wrap img{float:left;margin:3px 10px 0 0;}
.header_call_wrap p {float:left; margin-right:0px; font-size:18px; color:#5c5c5c;}

/* utilmenu */
.utilmenu {position:absolute;top:10px;right:3px;}
.utilmenu li {float:left;}
.utilmenu li:not(:last-child)::after {content:""; display:inline-block; width:1px; height: 12px; background:#fff; margin:0 18px -1px 18px;}
.utilmenu li a {color:#fff; padding:0 0 2px 0;}
.utilmenu li a:hover {border-bottom:1px solid #fff;}
.gnb_home_icon {margin:6px 4px 0 0;}
/* snslink */


/* gnb */
#gnb {position:absolute;bottom:20px; right:0px;width:650px;height:40px;}
#gnb a {display:block;vertical-align:top;text-align:center;}

#gnb>li {float:left;position:relative;padding:0 15px;background:url('/web/images/common/sep_gnb.jpg') 0 10px no-repeat;}
#gnb>li:first-child {background:none;}
#gnb>li:last-child {padding-right:0;}

#gnb>li>a {width:100px;height:40px;line-height:40px;font-size:18px;font-weight:500;color:#000;}

#gnb>li:hover>a, #gnb>li.on>a {}

#gnb ul {position:absolute;width:130px;top:60px;border:1px solid #c2c2c2;background-color:#fff;display:none;}


#gnb ul li {border-bottom:1px solid #c2c2c2;}
#gnb ul li:last-child {border-bottom:none;}
#gnb ul a {display:block;width:100%;height:40px;line-height:40px;color:#000;}
.gnb1_sub {margin-left:-15px;}
.gnb2_sub {margin-left:-15px;}
.gnb3_sub {margin-left:-15px;}
.gnb4_sub {margin-left:-15px;}
.gnb5_sub {margin-left:-15px;}
.gnb6_sub {margin-left:-15px;}
/*
.gnb1_sub {margin-left:-38px;}
.gnb2_sub {margin-left:-62px;}
.gnb3_sub {margin-left:-62px;}
.gnb4_sub {margin-left:-48px;}
.gnb5_sub {margin-left:-55px;}
.gnb6_sub {margin-left:-48px;}
*/
#gnb ul a:hover {color:#fff;background-color:#0c1332;}

/* 공통 */
.center {text-align:center;}

.left {float:left;}
.left_reverse {float:left;width:250px;}
.right {float:right;}

.mr20 {margin-right:20px;}

.mt25 {margin-top:25px;}
.mt53 {margin-top:53px;}
.mb459 {margin-bottom:459px;}
.mb228 {margin-bottom:228px;}
.mb182 {margin-bottom:182px;}
.mb167 {margin-bottom:167px;}
.mb163 {margin-bottom:163px;}
.mb153 {margin-bottom:153px;}
.mb117 {margin-bottom:117px;}
.mb52 {margin-bottom:52px !important;}
.mb71 {margin-bottom:71px;}
.mb18 {margin-bottom:18px;}
.mb20 {margin-bottom:20px;}
.mb10 {margin-bottom:10px;}

/* 퀵메뉴 */
.quick_menu {position:fixed; top:50%; left:30px; z-index:1; margin-top:-110px;}
.quick_menu li { text-align:center; margin:0 0 10px 0;}
.quick_menu li a {display:block; width:85px; height:85px; background:#0c1332; color:#fff; border-radius:85px; font-size:12px; line-height:14px;}
.quick_menu li:not(:last-child) a img {margin:16px 0 6px 0;}
.quick_menu li:last-child a img {margin:14px 0 0 0;}

/* footer */
#footer .logo_foot {position:absolute;left:0;bottom:40px;}
#footer .footer_etclist {width:100%;height:52px;border-bottom:1px solid #6b6b6b;}
#footer .footer_etclist ul {padding-top:17px;}
#footer .footer_etclist li {float:left;padding:0 15px;background:url('/web/images/common/sep_footer_etclist.png') 0 6px no-repeat;}
#footer .footer_etclist li:first-child {padding-left:0;background:none;}
#footer .footer_etclist li a {font-size:0.9em;color:#d8d8d8;}
#footer .footer_etclist li a:hover {text-decoration:underline;}
#footer .addr {margin:27px 0 0 227px;font-size:0.9em;font-weight:300;}
#footer .addr a {color:#d8d8d8;}
#footer .addr .sep_foot {margin:0 1px;}
#footer .copy {/*font-family:Tahoma, Helvetica, Roboto, 'Apple SD Gothic Neo', Arial, 'Century Gothic', CenturyGothic, Geneva, AppleGothic, sans-serif;*/}


/*상담팝업 20200116추가 */
.coun_pop_wrap{ 
    position: fixed;
    width:330px;
    bottom:0;
    right:0;
    z-index: 20;
}
    .coun_pop_cap_wrap {
        width:100%; overflow: hidden;    
    }  
        .coun_pop_cap { 
            display: block;
            width:85px; 
            height:40px;
            background: #152549 ;
            float: right;
            border-top-left-radius:15px;
            border-top-right-radius:15px;
            text-align: center;
            line-height: 40px;
             transition-duration: 0.5s;
        }
            .coun_pop_cap img{ 
                display: inline-block; margin-top: 15px;
                transition-duration: 0.5s;
            }
    .coun_pop { 
        width:100%;
        border-top:5px solid #0c1332;
        background:url(/web/images/common/coun_bg.png)
        bottom  center no-repeat #d8d8d8;
         padding-bottom: 20px;
    }
    .coun_pop.on {
         background:url(/web/images/common/coun_bg.png)
        bottom -100px center no-repeat #d8d8d8 !important;
    }
          .coun_tit{ 
              display: block;
              padding: 20px 0 0;
              margin: 0 auto;
          }
    .pop_table {
        width:280px; margin: 10px auto 0;
    }
        .pop_table tr{ }
        .pop_table th{ 
            font-size:14px; 
            font-weight:400; 
            color:#191919;
            width:100px;
            vertical-align: top;
            text-align: left;
        }
        .pop_table td{ }
            .pop_input { 
                -webkit-appearance:none;
                -moz-appearance:none;
                -o-appearance:none;
                appearance:none;
                width:180px;
                height:25px;
                box-sizing: border-box;
                border-radius: 5px;
                border:1px solid #bcbcbc;
                margin-bottom: 5px; 
            }
            .pop_txtbox {
                -webkit-appearance:none;
                -moz-appearance:none;
                -o-appearance:none;
                appearance:none;
                resize: none;
                width:180px;
                height:50px;
                box-sizing: border-box;
                border-radius: 5px;
                border:1px solid #bcbcbc;
                margin-bottom: 5px; 
                overflow-y: hidden;
            }
    .pop_infor_select{}
        .pop_infor_select ul{ 
            overflow: hidden; width:300px; margin: 5px auto 5px;
        }
        .pop_infor_select ul li{ float:left; }
        .pop_infor_select ul li:last-child { float:right; }
            .pop_infor_select ul li p{ 
                font-size:12px;
                font-weight:500;
                color:#191919 ;
                display: inline-block;
            }
            .pop_infor_select ul li a{ 
                font-size:12px;
                font-weight:500;
                color:#fff ;
                background:#4c4c4c;
                width:40px;
                height:20px;
                line-height: 20px;
                border-radius: 5px;
                text-align: center;
                margin-left: 5px;
                display: inline-block;
            }
            .pop_check { display: none; }
                .pop_check + label { 
                    position: relative;
                    margin-left: 20px;  
                    cursor: pointer;
                    font-size:12px;
                }
                .pop_check + label span { 
                    position: absolute;
                    left:-20px;
                    top:2px;
                    width:16px;
                    height:16px;
                    display: inline-block;
                    border-radius: 50%;
                    background:#fff;
                    border:1px solid #b4b4b4;
                    box-sizing: border-box;
                }
                .pop_check:checked  + label span::before {
                    content: '';
                    width: 10px;
                    height:10px;
                    border-radius: 50%;
                    background: #b4b4b4;
                    position: absolute;
                    top:2px;
                    left:2px;
                }
        .pop_submit{
            -webkit-appearance:none;
            -moz-appearance:none;
            -o-appearance:none;
            appearance:none;
            border:none;
            width:150px;
            height:30px;
            background: #0c1332;
            border-radius:10px;
            display: block;
            margin: 0 auto;
            font-size:14px;
            font-weight:400;
            color:#fff;
            margin-bottom: 10px;
        }
        .pop_now_txt{
            font-size:14px;
            font-weight:600;
            color:#303030 ;
            position: relative;
            text-align: center;
        }
        .pop_now_txt::before{
            content: '';    
            width:14px;
            height:16px;
            background:url(/web/images/common/pop_now_txt_deco.png)center no-repeat;
            background-size:contain;
            position: absolute;
            top:0px;
            left:50px;
        }
        .pop_now_txt::after{
            content: '';    
            width:14px;
            height:16px;
            background:url(/web/images/common/pop_now_txt_deco.png)center no-repeat;
            background-size:contain;
            transform: rotate(180deg);
            position: absolute;
            bottom:0px;
            right:50px;
        }
            .pop_now_txt .yellow_c { color:#ff7e00  }
        .coun_call { 
            display: block; margin: 10px auto 0;
           
         }