@charset "utf-8";
/* CSS Document */

.doc{font-size:16px; overflow:hidden;}
.box1, .wrap{width:1400px; max-width:96%; margin: 0 auto; position: relative;}
.pc_only{display:block;}
.mobile_only{display:none;} 
  
/*header*/
#hd{background:transparent; border-bottom:1px solid rgba(255,255,255,.25); width:100%; position: fixed; top: 0; left: 0; z-index: 1000;}
#hd #hd_wrapper {height:auto; padding:0; font-size:16px; min-height: 80px;}
#hd #hd_wrapper #logo{float:none; padding:0; flex:1; z-index: 10000;}
#hd #hd_wrapper #logo .st_01{display:inline-block;}
#hd #hd_wrapper #logo .st_02{display:none;}
#hd #hd_wrapper .hd_sch_wr{float:none; padding:0; width:380px; margin: 0 auto;}
#hd #hd_wrapper .hd_sch_wr #hd_sch #sch_stx{background:#fff; color:#333; border:1px solid #444; border-right:0; padding:0 25px; height: 42px; width:calc(380px - 50px); font-size:.938em; border-radius: 30px 0 0 30px; float:left;}
#hd #hd_wrapper .hd_sch_wr #hd_sch #sch_stx::placeholder{color:#bbb;}
#hd #hd_wrapper .hd_sch_wr #hd_sch #sch_submit{background:#fff; font-size:1.25em; color:#333; border:1px solid #444; border-left:0; height: 42px; width:50px; float:none;}

#hd #hd_wrapper .hd_login{position:inherit; right:inherit; top: inherit;}
#hd #hd_wrapper .hd_login > li{float:none; margin:0; border-left:0; padding-left:0; line-height: inherit; margin-left:7px;}
#hd #hd_wrapper .hd_login > li a{display:block; font-size:.938em; color:#333; padding:7px 15px; border-radius: 5px;}
#hd #hd_wrapper .hd_login > li.st1 a{ background-color: #f3f3f3; padding:7px 10px;}
#hd #hd_wrapper .hd_login > li.st2 a{ background-color: #ffd449;}
#hd #hd_wrapper .hd_login > li.st3 a{ background-color: #c23039; color:#fff;}
#hd #hd_wrapper .hd_login > li .in1{display:none}
#hd #hd_wrapper .hd_login > li .in2{display:inline-block;}
#hd #hd_wrapper .hd_login .count{line-height:15px; height: 15px;}
#hd #hd_wrapper .btn_member_mn .profile_name{color:#fff;}
#hd #hd_wrapper .btn_member_mn.btn_member_mn_on .profile_name{color:#000;}
#hd #hd_wrapper .btn_member_mn i{color:#fff;}
#hd #hd_wrapper .btn_member_mn.btn_member_mn_on i{color:#666;}

.mo_mypage{display:none;}

#hd #gnb{font-size:16px; margin-bottom: 0; flex:auto;}
#hd #gnb #gnb_1dul{border-bottom:0;}
#hd #gnb #gnb_1dul .gnb_1dli{line-height: inherit; margin:0 45px;}
#hd #gnb #gnb_1dul .gnb_1dli .gnb_1da{font-size:1.125em; color:#fff; font-weight: 600; padding:0;}


#hd .all_menu{margin-left:25px;}
#hd .all_btn{width:30px; height: 30px; position: relative; z-index: 10000; cursor: pointer;}
#hd .all_btn span{display:block; width:5px; height: 5px; border-radius: 50%; background-color: #fff; transition: .3s;}
#hd .all_btn span:nth-child(1){position:absolute; top: 0; left: 0;}
#hd .all_btn span:nth-child(2){position:absolute; top: 0; left: 50%; transform: translateX(-50%);}
#hd .all_btn span:nth-child(3){position:absolute; top: 0; right: 0;}
#hd .all_btn span:nth-child(4){position:absolute; top: 50%; left: 0; transform:translateY(-50%);}
#hd .all_btn span:nth-child(5){position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
#hd .all_btn span:nth-child(6){position:absolute; top: 50%; right: 0; transform:translateY(-50%);}
#hd .all_btn span:nth-child(7){position:absolute; bottom: 0; left: 0;}
#hd .all_btn span:nth-child(8){position:absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
#hd .all_btn span:nth-child(9){position:absolute; bottom: 0; right: 0;}
#hd .all_btn.a_on span:nth-child(2){position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
#hd .all_btn.a_on span:nth-child(4){position:absolute; left: 50%; transform:translate(-50%, -50%);}
#hd .all_btn.a_on span:nth-child(6){position:absolute; right: 50%; transform:translate(50%, -50%);}
#hd .all_btn.a_on span:nth-child(8){position:absolute; bottom: 50%; transform:translate(-50%, 50%);}
#hd .all_btn:hover span:nth-child(2),
#hd .all_btn:hover span:nth-child(4),
#hd .all_btn:hover span:nth-child(6),
#hd .all_btn:hover span:nth-child(8){ background-color: #68c6b4;}
 
#hd .all_menu.mobile_only .all_btn.a_on span{ background-color: #0d3ea3;}

.sub #hd,
.scroll #hd{background:#fff; border-bottom:1px solid #eee;}
.sub #hd #gnb #gnb_1dul .gnb_1dli .gnb_1da,
.scroll #hd #gnb #gnb_1dul .gnb_1dli .gnb_1da{color:#111;}
.sub #hd #hd_wrapper #logo .st_01,
.scroll #hd #hd_wrapper #logo .st_01,
#hd #hd_wrapper.Aon #logo .st_01{display:none;}
.sub #hd #hd_wrapper #logo .st_02,
.scroll #hd #hd_wrapper #logo .st_02,
#hd #hd_wrapper.Aon #logo .st_02{display:inline-block;}
.sub #hd #hd_wrapper .btn_member_mn .profile_name,
.scroll #hd #hd_wrapper .btn_member_mn .profile_name{color:#444;}
.sub #hd #hd_wrapper .btn_member_mn i,
.scroll #hd #hd_wrapper .btn_member_mn i{color:#444;}
.sub #hd #hd_wrapper .hd_login > li .in1,
.scroll #hd #hd_wrapper .hd_login > li .in1{display:inline-block}
.sub #hd #hd_wrapper .hd_login > li .in2,
.scroll #hd #hd_wrapper .hd_login > li .in2{display:none;}
.sub #hd .all_btn span,
.scroll #hd .all_btn span,
#hd #hd_wrapper.Aon .all_btn span{background-color:#0d3ea3;}


/*footer*/

#st_footer{margin-top:140px; padding: 60px 0 0; border-top:0; font-size:16px; background-color: #121212;}
.main #st_footer{margin-top:0px; border-top:0;}
#st_footer ul{margin:0;}
#st_footer .f_info{margin:35px 0 55px;}
#st_footer .f_info > li{margin-right:65px; margin-bottom: 15px;}
#st_footer .f_info > li .tt{color:#ddd; font-weight: 500; margin-right:5px;}
#st_footer .f_info > li .tx{color:#888;}
#st_footer .f_btn > li a{display:block; min-width:175px; padding: 15px 5px; text-align: center; background-color: #333; border-radius:0 10px 0 10px; color:#a0a0a0; margin-left:5px;}
#st_footer .f_copy{padding:20px; border-top:1px solid rgba(255,255,255,.1); font-size:.938em; color:rgba(255,255,255,.2); text-align: center; font-weight: 300;}

/*content*/
#container {float:none; min-height:auto; margin:100px 0 0; width:100%;}
#wrapper_title{display:none;}
#wrapper_title,
#container_title{font-size:2.5em; font-weight: 400; text-align: center; margin: 1em auto 1.5em; position: relative; padding: 40px 0 0;}
#wrapper_title:before,
#container_title:before{content:''; width:1px; height: 26px; background: #222; position: absolute; top: 0; left: 50%; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top;}
.load #wrapper_title:before,
.load #container_title:before{transform: scaleY(1); visibility: visible;}
.main #container{margin:0;}

#sub_visual{height:340px; margin-top:80px; position: relative; background-image: url(../img/main/sub03_top.jpg)}
#sub_visual .sub_v_line{ position: absolute; top: 1.7em; left:1.7em; width:calc(100% - 3.4em); height: calc(100% - 3.4em); opacity: .6;}
#sub_visual .line_01{background-color: #fff; width:0%; height: 1px; position: absolute; top: 0; left:0; transition: .8s;}
#sub_visual .line_02{background-color: #fff; width:1px; height:0%; position: absolute; top: 0; right:0; transition: .8s; transition-delay: .8s;}
#sub_visual .line_03{background-color: #fff; width:0%; height: 1px; position: absolute; bottom: 0; right:0; transition: .8s;}
#sub_visual .line_04{background-color: #fff; width:1px; height:0%; position: absolute; bottom: 0; left:0; transition: .8s; transition-delay: .8s;}

.load #sub_visual .line_01{width:100%;}
.load #sub_visual .line_02{height:100%;}
.load #sub_visual .line_03{width:100%;}
.load #sub_visual .line_04{height:100%;}

#sub_visual h2{padding:0; font-weight: 700; font-size: 3.5em; color:#fff;}
#sub_visual h2:after{display:none;}

/*==============================================================main==============================================================*/


.fp-scrollable{overflow-y: scroll; overflow-x: hidden; height:100%; width:100%;}
.section{width:100%; position: relative; overflow: hidden;}
.in_wrap{margin-top:30px; width:100%;}
.main_tit .in_tit{font-size:4.25em; color:#111; font-weight: 700; margin-bottom: 25px;}
.main_tit .in_tx{font-size:1.187em; color:#444; font-weight: 300;}
.arr_btn{margin-top:60px;}
.arr_btn .xi{width:44px; height: 44px; line-height: 41px; border:2px solid #ddd; text-align: center; border-radius: 50%; font-size:1.5em; transition: .3s; color:#aaa; cursor: pointer; margin-right:8px}
.arr_btn .xi:hover{border:2px solid #0d3ea3; color:#0d3ea3;}

.mainNav_wrap{ position: fixed; top: 50%; left: 2em; transform: translateY(-50%); z-index: 9999;}
.mainNav_wrap .mainNav{}
.mainNav_wrap .mainNav li a{ margin-bottom:60px; padding:5px 0;}
.mainNav_wrap .mainNav li:last-child a{ margin-bottom:0}
.mainNav_wrap .mainNav li .bar{width:8px; height: 1px; background-color: #333; margin-right:13px; transition: .3s;}
.mainNav_wrap .mainNav li .tx{color:#333; font-weight: 300; font-size: .875em; position: relative; }
.mainNav_wrap .mainNav li.on .bar{width:20px;}
.mainNav_wrap .mainNav.white li .tx{ color:#fff;}
.mainNav_wrap .mainNav.white li .bar{ background-color: #fff;}


/*메인 비주얼*/
.mainSlider{ overflow: hidden;}
.mainSlider .el{ height:100vh; position:relative; overflow:hidden; background-color:#fff}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.3); transition-delay:.5s}
.mainSlider .slogan{position: absolute; top: 33vh; left: 50%; transform: translate(-50%); color:#fff;}
.mainSlider .slogan .t1{font-size:4.06em; font-weight: 800; transform: translateY(1em); opacity: 0; line-height: 1.1;}
.mainSlider .slogan .t2{font-size:1.25em; line-height: 1.5; font-weight: 300; transform: translateY(1em); margin-top:45px; opacity: 0;}
.mainSlider .main_arr{ position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10;}
.mainSlider .main_arr .xi{font-size: 2.125em; color:#fff; opacity: .8; width:2em; height: 2em; line-height: 2em; border-radius: 50%; text-align: center; border:1px solid #fff; cursor: pointer; transition: .3s;}
.mainSlider .main_arr .xi:hover{background: rgba(255,255,255,.5); color: #333;}

.mainSlider .el.swiper-slide-active .bg{transform:scale(1) rotate(.001deg); transition:2.5s; transition-delay:0; transition-timing-function:ease-in}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}

.mainControl{ position:absolute; left:0; top:63vh; width:100%; z-index:100}
.mainControl .mainSlider-btn{ width:70px; cursor:pointer; line-height:70px; color:#fff; outline:none; text-align:center; font-size: 1em; opacity: .8}
.mainControl .mainSlider-btn .xi{ font-size:.938em}
.mainControl .mainSlider-btn:hover{ color:#fff; opacity:1}
.mainControl .mainProgress{ text-align:center; margin-right:1em}
.mainControl .mainPauseWrap{position:absolute; top:0; left:0; width:70px; font-size: 1.25em; text-align:center;}
.mainControl .mainPauseWrap .mainSlider-btn{}
.mainControl .mainPauseWrap .mainSlider-btn .xi{ font-size:1.5em;}
.mainControl .mainPauseWrap .mainSlider-play{ display:none; width: 70px;}
.mainControl .mainPauseWrap.pause .mainSlider-pause{ display:none}
.mainControl .mainPauseWrap.pause .mainSlider-play{ display:block; opacity:1; color:#fff}
.mainControl .mainSlider-pagination{width:70px; text-align: center; color:rgba(255,255,255,.5); font-size:.938em;}
.mainControl .mainSlider-pagination .swiper-pagination-current{color:rgba(255,255,255,1);}
.mainSlider .scroll_wrap{position: absolute; bottom: 0; left:50%; transform: translateX(-50%); z-index: 10;}
.mainSlider .scroll_wrap .mainSlide_scroll{ color: #fff; text-align: center; font-weight: 300; letter-spacing: 1px; font-size:.938em;}
.mainSlider .scroll_wrap .mainSlide_scroll_bar{ width: 1px; height: 40px; background: rgba(255, 255, 255, 0.4); overflow: hidden; margin: 8px auto 0;}
.mainSlider .scroll_wrap .scroll_bar {width: 100%; height: 18px; background: #fff; animation: box-ani 2s linear infinite backwards;}
@keyframes box-ani { 
0% { transform: translate(0, -100%);} 
100% {transform: translate(0, 300%);}
}



.main_about{}
.main_about .img_z{width:calc(100% - 590px); z-index: 100;}
.main_about .img_z .bgfix{box-shadow: 0 10px 25px rgba(0,0,0,.2)}
.main_about .img_z .img_01{width:420px; height: 310px; background-color: #aaa; margin-bottom: 20px;}
.main_about .img_z .img_02{width:310px; height: 310px; background-color: #aaa; margin-left:110px;}
.main_about .img_z .img_03{width:315px; height: 410px; background-color: #aaa; margin-left:20px;}
.main_about .txt_z{width:590px; position: relative; z-index: 1;}
.main_about .txt_z .main_tit .in_tit{font-size:3.825em;}
.main_about .txt_z .main_tit .in_tx{line-height: 2;}
.move_text{ position: absolute; bottom:20px;}
.move_text .text{display: flex; white-space: nowrap; transition: 0.4s; font-size: 12.5em; font-weight: 800; right: 0;}
.move_text .text p{animation: textLoop 50s linear infinite; padding-right: 20px; line-height: 1.1; color: #fff; text-transform: uppercase;}
@keyframes textLoop {
  0% {transform: translateX(0);}
  100% {transform: translateX(-100%);}
}

.main_num{height:100%;}
.main_num .main_tit{ position:absolute; top: 250px; left: 0; width:100%;}
.main_num .main_tit .in_tit{color:#fff;}
.main_num .nmb_list{height:calc(100% - 80px); width:92%; margin:80px auto 0;}
.main_num .nmb_list > li{width:20%; height:100%; border-right:1px solid rgba(255,255,255,.2);}
.main_num .nmb_list > li:first-child{border-left:1px solid rgba(255,255,255,.2);}
.main_num .nmb_list > li .in{text-align: center; color:#fff; margin-top:5em;}
.main_num .nmb_list > li .in .in_tx{font-size:1.375em; margin:30px 0 20px;}
.main_num .nmb_list > li .in .in_nm{font-size:4em;}

.main_map{margin-top:3em;}
.main_map .main_tit .in_tit{color:#fff; font-size:3.825em;}
.main_map .main_map_img{margin-top:3em;}

.main_with .tab_idx{width:500px; max-width:100%; margin:0 auto 2.5em;}
.main_with .tab_idx > li{width:50%;}
.main_with .tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd;color:#666; transition:.3s; margin:0 5px;}
.main_with .tab_idx > li > a .va{font-size:1.068em; font-weight:500}
.main_with .tab_idx > li > a:hover,
.main_with .tab_idx > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:#0d3ea3; border-color:#0d3ea3}
.main_with .with_list {}
.main_with .with_list .swiper-slide .in{background-color: #f9f9f9;}
.main_with .with_list .swiper-slide .resize{padding-bottom:120%;}
.main_with .with_control{margin-top:2.5em;}
.main_with .with_control .with_pagen{width:calc(100% - 120px); height: 4px; background-color: #ddd; position: relative;}
.main_with .with_control .with_pagen .swiper-pagination-progressbar-fill{background:#0d3ea3}
.main_with .with_control .b_prev{margin-left:20px;}
.main_with .with_control .b_btn .xi{width:45px; height: 45px; line-height: 45px; text-align: center; border-radius: 50%; border:1px solid #ddd; margin-left:5px; cursor:pointer; transition: .3s;}
.main_with .with_control .b_btn .xi:hover{border-color:#0d3ea3; color:#0d3ea3;}


/*==============================================================sub==============================================================*/

/*inc*/
.page_tt{font-size:1.625em; margin-top:40px; margin-bottom: 10px;}


/*contact*/
.location_list{margin-right:-25px; margin-top:2em;}
.location_list li{flex:25%;}
.location_list li .in{margin-right:25px; border:1px solid #ddd; padding: 2.5em 2em 3.5em; height: 100%; background-color: #f9f9f9; position: relative;}
.location_list li .in:before{content:''; width:25px; height: 1px; border-top:2px solid #777ebd; border-right:0; border-bottom:0; position: absolute; top: -1px; left:0;}
.location_list li .in:after{content:''; width:25px; height: 1px; border-bottom:2px solid #777ebd; border-left:0; border-top:0; position: absolute; bottom: -1px; right: 0;}
.location_list li .in .tt{font-weight:600; font-size: 1.125em;}
.location_list li .in .tw{color:#333; margin-top:5px; position: relative; z-index: 1;}
.location_list li .in .xi{font-size:3em; color:#ddd; position: absolute; bottom:15px; right: 25px;}
.location_list li:nth-child(2) .in:before,
.location_list li:nth-child(2) .in:after{border-color:#0fb1a2;}
.location_list li:nth-child(3) .in:before,
.location_list li:nth-child(3) .in:after{border-color:#0d3ea3;}
.location_list li:nth-child(4) .in:before,
.location_list li:nth-child(4) .in:after{border-color:#43bced;}
.wrap_controllers{display:none;}


/*빠른상담*/
.board_st.write{ table-layout:fixed; border-top:1px solid #0d3ea3; font-size:15px;}
.board_st.write th,
.board_st.write td{ height:3em; padding:1.2em 1.5em; border-bottom:1px solid #ddd}
.board_st.write th{ border-right:1px solid #ddd; font-size:1.125em; text-align:left; word-break: keep-all; color:#333; font-weight: 500}
.board_st.write td{ color:#666}
.ess{ font-size:.75em; color:#af1f24; display:inline-block; width:1.5em; margin-top:-.5em}
.xi.ess:before{content:"\e928"; font-family: 'xeicon';}


/*==============================================================board/스킨수정==============================================================*/
.btn_submit{background:#0d3ea3!important;}
.btn_submit:hover{background:#0d3ea3!important;}
.cmt_btn span.total:after{background:#0d3ea3!important;}
.cmt_btn span.total{color:#ff4d4d!important}
#bo_list_total{font-size:1.375em;}
#bo_list .tbl_head01{font-size:1.15em; border-top:2px solid #666;}
#bo_list .bo_tit{ font-weight: normal;}
.main_board .bo_list > li .in .cnt_cmt{    background: #e9eff5; color: #3a8afd; font-size: 11px; height: 16px; line-height: 16px; padding: 0 5px; border-radius: 3px; vertical-align: middle;}
.board_btn_wrap{font-size:16px;}
.board_btn_wrap > li{width:auto!important;}
.sch_word{background: #0d3ea3; color:#fff!important; border-radius: 3px;}
#sch_res_board .sch_on{background: #07348b; -webkit-box-shadow: none;     box-shadow: none;}
#sch_res_ov h2 strong{color:#07348b}
#sch_res_ov dl{background: #ecf2f3; border: 1px solid #bed1d4;}
#sch_res_detail .frm_input{ border-radius: 3px;}
#sch_res_detail select{ border-radius: 3px;}
#captcha #captcha_info{letter-spacing: -.5px; color:#888; font-size:1.25em; font-weight: 300; }

#sit_pvi_big{width:420px;}
#sit_pvi_big .sct_marker{display:none;}
#sit_star_sns{display:none;}
#sit_tab{width:calc(100% - 270px);}
.tbl_head01{font-size:14px; font-family: 'Noto Sans KR', sans-serif;}
.btn_confirm .btn{font-weight:normal;  font-family: 'Noto Sans KR', sans-serif; border-radius: 3px;}
.fregister_agree input[type="checkbox"]:checked + label span{ background-color:#0d3ea3;}
#mb_login_notmb .btn_submit{background-color: #0d3ea3!important;}
#mb_login_od_wr .btn_submit{background-color: #0d3ea3!important;}
.top_btn{position: fixed; right:.5em; bottom:0; transform: translateY(-50%); z-index: 120001; display: block; width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%; font-size: 23px; color: #fff; background: #333; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); box-sizing: border-box;}
.top_btn .xi{ line-height: 2em;}
.ssch_option.chk_box #ssch_qname,
.ssch_option.chk_box #ssch_qexplan,
.ssch_option.chk_box #ssch_qbasic,
.ssch_option.chk_box #ssch_qid{display:none;}
#sit_tab .tab_tit li .selected:after{background: #0d3ea3;}
#bo_cate #bo_cate_on{background: #0d3ea3; box-shadow: none; border:1px solid #0d3ea3;}
#sit_inf_open th{width:20em;}
.btn_bo_user .btn_b01{font-size: 1.4em;} 
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: 1.125em;}
.agree_box .in_con .agree_wrap span{ display: block;}
.ctt_privacy,
.ctt_provision,
.ctt_company{margin:0 !important; padding:0 !important;}
#bo_list .td_name{text-align:center;}
.shop_select_to_html:hover .category_title,.shop_select_to_html:hover .category_title i{color:#0d3ea3}
.shop_select_to_html .option.selected,.shop_select_to_html .option.selected a{font-weight:700;color:#0d3ea3}
.pg_wrap{margin-top:3em;}
.pg_current{font-size: 1.083em;line-height: 28px; font-weight: normal;}
.sod_left{width:calc(100% - 360px);}
#faq_wrap li h3.faq_li_open a{color:#0d3ea3!important;}
#sit_use #itemuse .explain_nobox{display:none;}
.r_bar{text-decoration:line-through;}
.mb_log_cate .join{font-size:1.3em;}
#bo_cate a{color:#555; border-color:#aaa;}
#smb_my_ov .op_area dt{width:13%;}
#smb_my_ov .op_area dd{width:37%;}
#sod_frm .tbl_frm01 th{line-height:1; vertical-align: middle;}
#sod_frm_taker .tbl_frm01 .btn_frmline{width:auto;}
.res_block{display:none!important;}
#sod_fin_list h2{font-size:1.25em;}

#side_menu{display:none;}