@charset "utf-8";


.font_helve{font-family: "Helvetica Neue" !important; line-height:0;}
.font_roboto{font-family: "Roboto" , "Noto Sans KR" !important}
.point0 {color: #ffc514;}


.header_wrap{position: fixed; top:0; left:0; z-index:99;}
.sub .header_wrap{}
.header_wrap .header_con{}
.header_wrap .header_contents_con{z-index:99; padding-top:12px; padding-bottom:21px; padding-right:20px; padding-left:20px; background-color:#000;}
.header_wrap .header_contents_inner{}
.sub .header_wrap .header_contents_con{}
.header_wrap .logo_con, .fixed_header_wrap .logo_con{font-size:0; line-height:0; margin-top:1px;}
.fixed_header_wrap .logo_con{position: absolute; top:23px; left:37px;}
.header_wrap .logo_con .logo, .fixed_header_wrap .logo_con .logo{display:block;}
.fixed_header_wrap .logo_con img{width:80px;}
.header_wrap .mobile_menu_con{margin-top:2px;}
.header_wrap .mobile_menu_con, .fixed_header_wrap .fixed_menu_con{display:block;}
.header_wrap .mobile_menu_con .mobile_menu_list_con{font-size:0; line-height:0;}
.header_wrap .mobile_menu_con .mobile_menu_list_con > li{display:inline-block; vertical-align: middle;}
.header_wrap .mobile_menu_con .mobile_menu_list_con > li > a{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.03em; color:#fff; font-weight:400;
    display:block; padding-top:6px; padding-bottom:0; padding-right:7px; padding-left:7px;}
.header_wrap .mobile_menu_con .mobile_menu_list_con > li.active{}
.header_wrap .mobile_menu_con .mobile_menu_list_con > li.active > a{color:#ffc514;}
.header_wrap .mobile_menu_con .mobile_menu_list_con > li:last-child > a{padding-right:0;}



/* fixed_header_wrap */
.fixed_header_wrap{position: fixed; top:0; left:0; transform:translateY(-100%); z-index: 99; background-color:#000;
    padding-top:15px; padding-bottom:15px; padding-right:15px; padding-left:15px; transition:transform .3s; display:none;}
.fixed_header_wrap.active{transform:translateY(0);}
.fixed_header_wrap .fixed_menu_con .fixed_menu_list_con{font-size:0; line-height:0;}
.fixed_header_wrap .fixed_menu_con .fixed_menu_list_con > li{display:inline-block; vertical-align: middle;}
.fixed_header_wrap .fixed_menu_con .fixed_menu_list_con > li > a{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; color:#fff; font-weight:500;
    display:block; padding-top:9px; padding-bottom:0; padding-right:5px; padding-left:5px;}
.fixed_header_wrap .fixed_menu_con .fixed_menu_list_con > li.active{}
.fixed_header_wrap .fixed_menu_con .fixed_menu_list_con > li.active > a{color:#ffc514;}
.fixed_header_wrap .fixed_menu_con .fixed_menu_list_con > li:last-child > a{padding-right:0;}
.fixed_header_wrap .header_util_con{position: relative; top:auto; right:auto;}
.fixed_header_wrap .header_util_con .header_util_item{padding-right:47px; height:31px;}
.fixed_header_wrap .header_util_con .header_util_item:before{width:33px; height:31px; top:0;}
.fixed_header_wrap .header_util_con .header_util_item:after{right:12px; top:10px; width:7px; height:11px;
    background-image: url('../img/header_util_item_arrow_w_2.png');}
.fixed_header_wrap .fixed_header_right_con{margin-left:153px; margin-top:4px;}
.sub .header_wrap .logo_con{}
.header_wrap h1{}
.header_wrap h1 > a{display:block;}
.header_wrap h1 > a img{width:87px;}
.sub .header_wrap h1 > a img{width:87px;}
.header_util_con{position: fixed; top:40px; right:40px; z-index: 101; display:none;}
/*.fixed_header_wrap .header_util_con{position: relative; top:auto; right:auto;}*/
.header_util_con .header_util_item{font-size:17px; font-size:1.7rem; line-height:22px; line-height:2.2rem; color:#fff; font-weight:400;
    display:table-cell; vertical-align: middle; padding-right:56px; height: 36px; box-sizing: border-box;}
[data-wv-agent="Mac"] .header_util_con .header_util_item{padding-bottom:2px;}
.header_util_con .header_util_item:after{content: ""; position: absolute; right: 15px; top: 12px;
    display: inline-block; width: 7px; height: 12px; box-sizing: border-box;
    background-image: url('../img/header_util_item_arrow_w.png'); background-size: cover; background-repeat: no-repeat; background-position: right center;}
.header_util_con .header_util_item:before{z-index: -10; content: ""; position: absolute; right: 0; top: 0;
    display: block; width: 39px; height: 36px; border: 2px solid #fff; box-sizing: border-box;}


.sub .header_util_con{ z-index:100;}
.sub .header_util_con .header_util_item{position: relative; color:#000;}
.sub .header_util_con .header_util_item:before{content: ""; position: absolute; right: 0; top: 0;
    display: block; width: 39px; height: 36px; border: 2px solid #000; transition:all .2s; background-color:#fff;}
.sub .header_util_con .header_util_item:after{content: ""; position: absolute; right: 15px; top: 12px;
    display: inline-block; width: 7px; height: 12px;
    background-image: url('../img/counsel_arrow.png'); background-size: cover; background-position: right center; background-repeat: no-repeat;}



.header_wrap .navigation_wrap{background-color:#000; width:154px; position: fixed; top:0; left:0; height:100vh; z-index:90;
    padding-top:100px; padding-bottom:40px; display: none; flex-direction: column; justify-content: space-between;}
.sub .header_wrap .navigation_wrap{}
.navigation_wrap .navigation_top_con{-webkit-flex: 1; /* Safari 6.1+ */ -ms-flex: 1; /* IE 10 */ flex: 1;}
.navigation_wrap .navigation_bottom_con{}

.navigation_wrap .header_seperate_line{width:76px; margin-right:auto; margin-left:auto; border-bottom:1px solid #fff; opacity: 0.3;}
.navigation_wrap .navigation_con{overflow: hidden;}
.navigation_wrap .navigation_menu{}
.navigation_wrap .navigation_menu > li{}
.navigation_wrap .navigation_menu > li > a{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; color:#fff; font-weight:500;
    display:block; text-align: center; padding-top:5px; padding-bottom:4px;}
.navigation_wrap .navigation_menu > li.active > a{color:#ffc514;}
.navigation_wrap .navigation_util_con{}
.navigation_wrap .navigation_util_list{}
.navigation_wrap .navigation_util_list > li{}
.navigation_wrap .navigation_util_list > li > a{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; letter-spacing: 0.03em; color:#fff; font-weight:500;
    display:block; text-align: left; padding-top:4px; padding-bottom:4px; padding-left:38px;}
.navigation_wrap .navigation_go_to_top_btn_con{font-size:0; line-height:0; text-align: center; height:32px;}
.navigation_wrap .go_to_top_btn{width:28px; height:28px; display:inline-block; vertical-align: middle;
    background-color:#3d4042; background-image: url('../img/navigation_go_to_top_btn_arrow.png'); background-repeat: no-repeat; background-position: center top 10px; border-radius:50%; overflow: hidden; margin-top:2px;
    transition:all .2s;}





.request_pop_dim{display:none; position: fixed; top:0; left:0; height:100%; background-color:rgba(0, 0, 0, 0.8); z-index:88888;}
.popup_wrap{position: fixed; height:100vh; z-index: 99999; transform:translateX(100%); display:none;}
.popup_wrap.on{transition:transform .5s;}
.popup_wrap.active{transform:translateX(0%);}
.popup_wrap.active .popup_dim{display:block;}
.popup_wrap .popup_con{width:100%; height:100%; background-color:#fff;}
.popup_wrap .popup_contents_con{height:calc(100% - 103px); overflow-y:auto;}
.popup_wrap .popup_close_btn_con{overflow: hidden;}
.popup_wrap .popup_close_btn{margin-top: 40px; margin-right: 20px; margin-bottom: 30px;}
.popup_wrap .contents_con{}

.popup_wrap *:focus{outline: none;}

.popup_wrap .popup_title h3{font-size: 27px; font-size:2.7rem; line-height: 33px; line-height: 3.3rem; letter-spacing: -0.04em; font-weight: 700;}
.popup_wrap .popup_title .h_subtitle3{font-size: 21px; font-size:2.1rem; line-height: 35px; line-height: 3.5rem; font-weight: 500;}
.popup_wrap .popup_title .h_desc3{font-size: 19px; font-size:1.9rem; line-height: 32px; line-height: 3.2rem; font-weight: 300;}
.popup_wrap .popup_title .h_desc3 span{font-weight: 400;}


.popup_wrap .popup_form_input_con{font-size:0; line-height:0;}
.popup_wrap .popup_form_input_con .popup_form_input{font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; color:#000; font-weight:500; display:inline-block; vertical-align: top; padding-right:25px; padding-left:25px;
    width:calc(100% - 118px); height:69px; -webkit-appearance: none; -moz-appearance:none; appearance:none; outline:none; background-color:#ffdf33; border:none; border-radius:0; overflow: hidden; box-sizing: border-box; text-align: left;}
.popup_wrap .popup_form_input_con .popup_form_input:-ms-input-placeholder{color:#000; font-weight:300; font-family:"Noto Sans KR";}
.popup_wrap .popup_form_input_con .popup_form_input:-moz-placeholder{color:#000; font-weight:300; font-family:"Noto Sans KR";}
.popup_wrap .popup_form_input_con .popup_form_input::-moz-placeholder{color:#000; font-weight:300; font-family:"Noto Sans KR";}
.popup_wrap .popup_form_input_con .popup_form_input::-webkit-input-placeholder{color:#000; font-weight:300; font-family:"Noto Sans KR";}
.popup_wrap .popup_form_input_con .popup_form_submit{font-size:19px; font-size:1.9rem; line-height:67px; line-height:6.7rem; color:#fff; font-weight:500; display:inline-block; vertical-align: top;
    width:118px; height:69px; -webkit-appearance: none; -moz-appearance:none; appearance:none; outline:none; background-color:#000; border:none; border-radius:0; overflow: hidden; box-sizing: border-box; text-align: center;}

.popup_wrap .contact_text{font-size: 28px; font-size: 2.8rem; line-height: 40px; line-height: 4.0rem; letter-spacing: -0.02em; font-weight: 700;}
.popup_wrap .contact_text .title{font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.02em; color:#000; font-weight:700; word-break: keep-all;}
.popup_wrap .contact_text .desc{font-size:19px; font-size:1.9rem; line-height:31px; line-height:3.1rem; letter-spacing: 0; color:#000; font-weight:300; word-break: keep-all; margin-right:auto; margin-left:auto;}
.popup_wrap .contact_text .font_helve{letter-spacing: 0; font-size:18px; margin-left:5px;}

.popup_wrap .contact_item{}

.popup_wrap .contact_icon img{width:45px;}

.popup_wrap .button{position: relative; font-size: 17px; font-size: 1.7rem; line-height: 25px; line-height: 2.5rem; letter-spacing: 0; font-weight: 500;}
.popup_wrap .contact_text a .button .button_line{position: absolute; top: 13px; right: 0; width: 58px; border-top: 1px solid #000000;}
.popup_wrap .contact_text a .button .arrow{position: absolute; right: 2px; top: 7px; display: block; width: 11px; height: 11px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; background-color: transparent; transform: rotate(-45deg);}
.popup_wrap .contact_text a .button .top_bg_box{position: absolute; z-index: 1; top: 0; right: -5px; width: 20px; height: 13px; background-color: #ffffff;}
.popup_wrap .contact_item_con .contact_item:first-child:after{display:none;}
.popup_wrap .contact_item_con .contact_item:last-child{border-right:none;}
.popup_wrap .contact_item_con .contact_item{border-right:none; padding-right:0; padding-left:0;}



@media all and (min-width:992px){
    .popup_wrap .popup_close_btn{margin-right: 52px; transition:transform .5s ease;}
    .popup_wrap .popup_close_btn:hover{transform:rotate(180deg);}
    .header_wrap .logo_con, .fixed_header_wrap .logo_con{margin-top:0;}
    .header_wrap{position: absolute;}
    .sub .header_wrap .navigation_wrap{display:flex;}
    .header_wrap h1 > a img{width:101px;}
    .header_util_con{display: block; position: absolute;}
    .header_wrap .header_contents_con{padding-top:36px; padding-right:80px; padding-left:45px; padding-bottom:0; background-color:transparent;}
    .header_wrap .header_contents_inner{height:40px;}
    .sub .header_wrap .logo_con{position: fixed; top:40px; left:40px;}
    .sub .header_wrap .header_contents_con{padding-left:47px; padding-top:40px; padding-right:80px; height:80px;}
    .sub .header_util_con{right:60px; position: fixed;}


    .fixed_header_wrap{display:block;}
    .header_wrap .mobile_menu_con{display:none;}
    .fixed_header_wrap .fixed_menu_con .fixed_menu_list_con > li > a{font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; color: #fff; letter-spacing: -0.025em; font-weight: 400;
        padding-top:0; padding-right:0; padding-left:0;}
    .fixed_header_wrap .header_util_con .header_util_item{font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; font-weight: 400;}
    .fixed_header_wrap .fixed_menu_con .fixed_menu_list_con > li{margin-right:15px; margin-left:15px;}
    .fixed_header_wrap .fixed_menu_con .fixed_menu_list_con > li:first-child{margin-left:0;}
    .fixed_header_wrap .fixed_menu_con .fixed_menu_list_con > li:last-child{margin-right:0;}

    .popup_wrap .popup_title h3{font-size: 36px; font-size:3.6rem; line-height: 42px; line-height: 4.2rem;}
    .popup_wrap .popup_title .h_subtitle3{font-size: 23px; font-size:2.3rem; line-height: 29px; line-height: 2.9rem;}
    .popup_wrap .popup_title .h_desc3{font-size: 19px; font-size:1.9rem; line-height: 34px; line-height: 3.4rem;}


    .popup_wrap .popup_form_input_con .popup_form_input{font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; padding-right:35px; padding-left:35px;
        width:calc(100% - 137px); height:73px;}
    .popup_wrap .popup_form_input_con .popup_form_submit{font-size:19px; font-size:1.9rem; line-height:71px; line-height:7.1rem; width: 137px; height:73px;}

    .popup_wrap .contact_icon{margin-top:4px;}
    .popup_wrap .contact_icon img{width:63px;}
    .popup_wrap .contact_text .title{font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem;}
    .popup_wrap .contact_text .desc{font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem;}
}

@media all and (min-width:1200px){
    .popup_wrap .popup_con{width:925px;}
}

@media all and (min-width:1400px){
    .header_wrap .navigation_wrap{width:174px;}
    .navigation_wrap .navigation_util_list > li > a{padding-left:48px;}
    .sub .header_wrap .logo_con{left:50px;}

    .fixed_header_wrap .header_util_con .header_util_item:hover:after{background-image: url('../img/header_util_item_arrow_h_2.png');}
    .main .header_util_con .header_util_item:hover{color: #ffc514;}
    .main .header_util_con .header_util_item:hover:before{border: 2px solid #ffc514;}
    .main .header_util_con .header_util_item:hover:after{background-image: url('../img/header_util_item_arrow_h.png');}
    .sub .header_util_con .header_util_item:hover:before{background-color:#ffc514;}
    .navigation_wrap .navigation_menu > li:hover > a{color:#ffc514;}
    .navigation_wrap .navigation_util_list > li:hover > a{color:#ffc514;}
    .navigation_wrap .go_to_top_btn:hover{width:32px; height:32px; background-color:#ffc514; background-image: url('../img/navigation_go_to_top_btn_arrow_h.png'); background-position: center top 12px; margin-top:0;}
    .fixed_header_wrap .fixed_menu_con .fixed_menu_list_con > li:hover{}
    .fixed_header_wrap .fixed_menu_con .fixed_menu_list_con > li:hover > a{color:#ffc514;}

    .popup_wrap .popup_form_input_con .popup_form_submit:hover{color:#ffd31a;}
}