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


:root{
    --mainColor:#17469e;
    --header_H:90px;
    --item_r:10px;
}

/*header*/
#header,
#header .va_wrap,
#header .h_wrap{height:var(--header_H); transition: all .3s;}
#header{font-size:16px; background-color: rgba(0,0,0,.1); z-index: 1000; backdrop-filter: blur(5px);}
#header .h_logo{z-index: 999;} 
#header .h_logo .logo_a{display: none;}
#header .h_logo .logo_b{display: block;}
#header .gnb{transition:all .3s; text-align:center; margin:0 auto;}
#header .gnb .depth1:not(:last-child){margin-right:35px;}
#header .gnb .depth1 > a{color:#fff; font-size:1.15em;font-weight: 400; display:inline-block; }
/*#header .gnb .depth1 > ul{background:#fff; border: 1px solid #ddd; border-top:0; margin-top:-2px; transition:all .5s; position:absolute; left:50%; transform:translateX(-50%); width:100%; min-width: 160px; height:0; overflow:hidden; opacity:0 }
#header .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background:var(--mainColor); transform: scaleX(0); transition: .3s;}
#header .gnb .depth1 > ul > .depth2 a{display:block; color:#444; border-top: 1px dotted #ddd; white-space: normal; font-weight: 400; font-size: .95em; padding: 15px 10px; line-height: 1.3;}
#header .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .gnb .depth1:hover ul { height:auto;  opacity:1 }
#header .gnb .depth1:hover > ul:after{transform: scaleX(1);}*/
#header .btn_gnb{ position: relative; z-index: 1000; width:54px; height: 54px; border-radius: 3px; background-color: var(--mainColor); margin-left:25px;}
#header .btn_gnb .a_rd{display: block; width:18px; height: 2px; background-color: #fff; margin: 4px 0; transition: .3s;}
#header .btn_gnb .a_rd:last-child{width:13px;}
#header .btn_gnb:hover .a_rd:last-child{width:18px;}

#header .btn_gnb.on .a_rd{margin:0 0 -2px;}
#header .btn_gnb.on .a_rd:nth-child(1){transform: rotate(45deg);}
#header .btn_gnb.on .a_rd:nth-child(2){display:none;}
#header .btn_gnb.on .a_rd:nth-child(3){width:18px; transform: rotate(-45deg);}

#header .lang_wrap{ position: relative;}
#header .lang_wrap .lw_btn{font-size: 1em; cursor: pointer; color:#fff; position: relative;}
#header .lang_wrap .lw_btn .lw_tx{margin:0 10px 0 5px;}
#header .lang_wrap .lw_btn .xi{font-size:1.125em; transition: .3s;}
#header .lang_wrap .lw_btn.on .xi-angle-down-min{transform: rotate(-180deg);}
#header .lang_wrap .lw_list{position: absolute; top: 30px; left: 50%; transform: translateX(-50%); padding:10px 5px; border-radius: 10px; background-color: #fff; min-width:100px; box-shadow: 0 0 5px rgba(0,0,0,.1); display: none;}
#header .lang_wrap .lw_list.on{display:block;}
#header .lang_wrap .lw_list a{color:#666; display: block; text-align: left; font-size:.938em; margin: 2px 0; padding-left:34px; position: relative;}
#header .lang_wrap .lw_list a:hover{color:var(--mainColor)}
#header .lang_wrap .lw_list a:after{content:''; width:27px; height: 18px; position: absolute; left:0; top:0; background-size: cover; background-repeat: no-repeat;}
#header .lang_wrap .lw_list .ko_KR:after{background-image: url(../img/main/lw_kr.jpg)}
#header .lang_wrap .lw_list .en_US:after{background-image: url(../img/main/lw_us.jpg)}
#header .lang_wrap .lw_list .zh_CN:after{background-image: url(../img/main/lw_cn.jpg)}
#header .lang_wrap .lw_list .vi_VN:after{background-image: url(../img/main/lw_vn.jpg)}
#header .lang_wrap .lw_list .th_TH:after{background-image: url(../img/main/lw_th.jpg)}

.pc_all_menu .all_m_top .all_m_close:hover{background-color: #f9f9f9;}  
.pc_all_menu .gnb_all > ul > li.depth1 > a.gnb_al_a .c_dot{color:var(--mainColor)}
.pc_all_menu .gnb_all > ul > li.depth1 .dp2_menu > li a:after{background:var(--mainColor)}


/*언어관련*/
.en_ver{display:none!important;}
.ch_ver{display:none!important;}
.vn_ver{display:none!important;}
.th_ver{display:none!important;}

.lang_ko .ko_ver{display:block !important;}
.lang_ko .en_ver,
.lang_ko .ch_ver,
.lang_ko .vn_ver,
.lang_ko .th_ver{display:none !important;}

.lang_en .en_ver{display:block !important;}
.lang_en .ko_ver,
.lang_en .ch_ver,
.lang_en .vn_ver,
.lang_en .th_ver{display:none !important;}

.lang_ch .ch_ver{display:block !important;}
.lang_ch .ko_ver,
.lang_ch .en_ver,
.lang_ch .vn_ver,
.lang_ch .th_ver{display:none !important;}

.lang_vn .vn_ver{display:block !important;}
.lang_vn .ko_ver,
.lang_vn .en_ver,
.lang_vn .ch_ver,
.lang_vn .th_ver{display:none !important;}

.lang_th .th_ver{display:block !important;}
.lang_th .ko_ver,
.lang_th .en_ver,
.lang_th .ch_ver,
.lang_th .vn_ver{display:none !important;}

/* scroll, sub */
.scroll #header{background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)!important;}
.scroll #header .h_logo .logo_a{display: block;}
.scroll #header .h_logo .logo_b{display: none;}
.scroll #header .btn_en{color: #111;}
.scroll #header .gnb .depth1 > a{color: #111;}
.sub #header{background-color: #fff;}
.sub #header .h_logo .logo_a{display: block;}
.sub #header .h_logo .logo_b{display: none;}
.sub #header .gnb .depth1 > a{color:#111;}
.scroll #header .lang_wrap .lw_btn,
.sub #header .lang_wrap .lw_btn{color:#666;}
.scroll #header .lang_wrap a:first-child::before,
.sub #header .lang_wrap a:first-child::before{background-color: #ddd;}

/*footer*/
#hm_footer{font-size: 16px; background-color:#222!important; margin-top:110px; padding-top:90px;}
.sub #hm_footer{margin-top:0;}
#hm_footer .f_info{width:52%;}
#hm_footer .f_info > li{color:rgba(255,255,255,.65); font-weight: 300; margin-top: 10px; margin-right: 50px;}
#hm_footer .f_info > li:last-child{margin-right:0;}
#hm_footer .f_site{width:240px; position: relative;}
#hm_footer .f_site .f_site_btn{width:100%; background-color: #444; color:#bbb; border-radius: 50px; padding:18px 30px; cursor: pointer;}
#hm_footer .f_site .f_site_list{width:100%; background-color: #444; border-radius: 20px; padding:8px 30px;max-height: 150px; overflow-y: scroll; position: absolute; top:60px; left: 0; display: none;}
#hm_footer .f_site .f_site_list.on{display:block;}
#hm_footer .f_site .f_site_list > li a{ color:#bbb; padding:10px 0; border-bottom:1px dotted #888; display:block;}
#hm_footer .f_site .f_site_list > li a:hover{ color:#eee;}
#hm_footer .f_site .f_site_list > li:last-child a{border-bottom:none;}
#hm_footer .f_copy{color:rgba(255,255,255,.3); font-weight: 300; font-size: .875em; letter-spacing: 0; padding:35px 0; text-align: center; border-top:1px solid rgba(255,255,255,.1); margin-top:100px;}
#hm_footer .f_site .f_site_list::-webkit-scrollbar{width:3px;}
#hm_footer .f_site .f_site_list::-webkit-scrollbar-thumb{background-color: #999; border-radius: 5px;}
#hm_footer .f_site .f_site_list::-webkit-scrollbar-track{}


.qk_list{position:fixed; bottom:.7em; right:.7em; z-index: 100;}
.qk_list .qk_btn{ display:block; width:2em; height: 2em; line-height: 2.1em; border-radius: 50%; text-align: center; box-shadow: 0 3px 0 rgb(0 0 0 / 15%); font-size: 1.85em; margin-top: 5px;}
.qk_list .qk_btn.top_btn{background:#333; color:#fff!important;}


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


/*메인*/
.mainSlider{ position:relative; overflow: hidden;}
.mainSlider .el{ height:700px; position:relative; overflow:hidden}
.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.2,1.2); transition-delay:1s}
.mainSlider .slogan{ position:absolute; bottom:0; left:50%; transform: translateX(-50%); color:#fff; text-align:left;}
.mainSlider .slogan .slog_img{width:50%; text-align: center; opacity:0;}
.mainSlider .slogan .slog_txt{width:50%; padding-top:70px;}
.mainSlider .slogan .slog_txt .t1{ font-size:3.5em; display:block; transform:translateY(1em); opacity:0; font-weight: 700; margin-bottom: 5px;}
.mainSlider .slogan .slog_txt .t2{ font-size:1.5em; font-weight: 500; transform:translateY(1em); opacity:0; line-height: 1.6; margin-top:40px;}
.mainSlider .el.swiper-slide-active .bg{ transform:scale(1); transition:2s; transition-delay:0; transition-timing-function:ease-in}
.mainSlider .el.swiper-slide-active .slogan .slog_img{opacity:1; transition:1.5s; transition-delay:.3s}
.mainSlider .el.swiper-slide-active .slogan .slog_txt .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .slog_txt .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
.mainSlider .mainSlider-control{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10;}
.mainSlider .mainSlider-control > li .xi{color:#fff; font-size: 4em; cursor: pointer; opacity: .3; transition: .3s;}
.mainSlider .mainSlider-control > li .xi:hover{ opacity: 1;}
.mainSlider .mainSlider-pagination{ position: absolute; bottom:30px; left: 50%; transform: translateX(-50%); z-index: 10; text-align: right;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet{width:15px; height: 15px; margin: 0 4px; transition: .3s; opacity: .5;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet-active{width:55px; background-color: var(--mainColor); opacity: 1; border-radius: 50px;}
.mainSlider .scrolldown{width:175px; height: 150px; border-radius: 50%; background-color: var(--mainColor); position: absolute; bottom:0; left:50%; transform: translate(-50%, 65%); z-index: 10; text-align: center;}
.mainSlider .scrolldown .xi{font-size:1.45em; color:#fff; margin-top:13px;}

/*메인공통*/
.main_tit .in_tt{font-size:3.125em; font-weight: 700; color:#111; }
.main_tit .in_stt{font-size:2.125em; font-weight: 700; color:#111; margin-bottom: 35px}
.main_tit .in_tx{font-size:1.125em; color:#666; line-height: 1.6; margin-top:35px;}
.more_btn .xi{width:45px; height: 45px; line-height: 45px; border-radius: 50%; background-color: #fff; text-align: center; font-size:1.25em; color:#333; transition: .3s;}


/*범죄유형*/
.main_serv{padding:125px 0 150px; position: relative;}
.main_serv:before{content:''; width:550px; height: 630px; background-image: url(../img/main/serv_bg.png); background-repeat: no-repeat; background-position: left top; position: absolute; bottom:0; right:0; z-index: -10;}
.main_serv .serv_left{width:calc(100% - 750px)}
.main_serv .serv_left .main_tit{position: sticky; top: 32%; left: 0; margin-top:50px; padding-right:75px;}
.main_serv .serv_right{width:750px;}
.main_serv .serv_right .serv_list { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:50px; margin-top:170px;}
.main_serv .serv_right .serv_list > li:nth-child(2n-1) .in{margin-top:-170px;}
.main_serv .serv_right .serv_list > li .in{display:block; height:430px; background-color: #f9f9f9; border-radius: var(--item_r); position: relative; overflow: hidden;}
.main_serv .serv_right .serv_list > li .in .bgfix{position: absolute; top: 0; left: 0; width:100%; height: 100%; transition: .3s;}
.main_serv .serv_right .serv_list > li .in .in_txt{padding:30px 35px; background: linear-gradient(0deg, rgba(0,0,0,0.3), #0000); position: absolute; bottom:0; left:0; width:100%;}
.main_serv .serv_right .serv_list > li .in .in_txt > p{font-size:2.125em; font-weight: 600; color:#fff; width:75%; }

.main_serv .serv_right .serv_list > li .in:hover .bgfix{ transform: scale(1.1);}
.main_serv .serv_right .serv_list > li .in:hover .more_btn .xi{background-color: var(--mainColor); color:#fff;}

/*외국인이~*/
.main_alien{background-image: url(../img/main/alien_bg.jpg); padding:100px 0 90px; text-align: center; overflow: hidden}
.main_alien .main_tit{margin-bottom:50px;}
.main_alien .main_tit .in_tt{color:#fff;}
.main_alien .main_tit .in_tx{color:#fff; opacity: .85;}
.main_alien .alien_list > li{width:280px;}
.main_alien .alien_list > li:not(:last-child){margin-right:200px;}
.main_alien .alien_list > li .in_icon{width:185px; height: 185px; border:1px solid rgba(255,255,255,.8); background-color: rgba(255,255,255,.2); backdrop-filter: blur(5px); border-radius: 50%; margin: 0 auto;}
.main_alien .alien_list > li .in_icon span{transition: 1.5s;}
.main_alien .alien_list > li .in_tx{color:#fff; font-size:1.875em; font-weight: 600; margin:20px auto;}
.main_alien .alien_list > li:nth-child(1) .in_tx{width:70%}
.main_alien .alien_list > li:hover .in_icon span{ transform: rotateY(360deg);}
.main_alien .alien_list > li:hover .more_btn .xi{background-color: var(--mainColor); color:#fff;}

/*범죄예방 도우미*/
.main_help{padding:110px 0 130px; overflow: hidden}
.main_help .main_tit{margin-bottom:30px;}
.main_help .help_list{margin-right:-30px;}
.main_help .help_list > li{width:33.33%;}
.main_help .help_list > li .in{display:block; border-radius:var(--item_r); padding:40px; margin-right:30px; height: 375px; position: relative;}
.main_help .help_list > li .in .in_tt{font-size:2.068em; font-weight: 600; color:#fff;}
.main_help .help_list > li .in .in_tx{font-size:1.068em; color:#fff; opacity: .9; margin: 20px 0 50px; line-height: 1.6;}
.main_help .help_list > li .in .in_icon{ position: absolute; right:40px; bottom:40px;}
.main_help .help_list > li .in:hover .more_btn .xi{background-color: var(--mainColor); color:#fff; margin-left:20px;}
.main_help .help_list > li:last-child .in:hover .more_btn .xi{background-color: #0b2d6f;}

/*소개*/
.main_about{padding-top:55px; display:block; overflow: hidden}
.main_about .main_tit{width:50%; margin-top:-55px;}
.main_about .main_tit .in_tt{color:#fff; margin-bottom: 30px;}
.main_about .main_tit .in_tx{color:#fff; margin-top:0;}
.main_about .main_tit .more_btn{margin-left:40px;}
.main_about .img_box{width:50%}
.main_about:hover .more_btn .xi{background-color: var(--mainColor); color:#fff; margin-left:20px;}


/*유관기관*/
.main_partner{margin-top:100px; position: relative; overflow: hidden}
.main_partner .swiper-container li .in{border:1px solid #ddd; border-radius: var(--item_r); overflow:hidden; transition: .3s;}
.main_partner .swiper-container li .in:hover{border-color:#666;}
.main_partner .main_control{ position: absolute; top:4px; right:0;}
.main_partner .main_control .b_prev{margin-right:30px; position: relative;}
.main_partner .main_control .b_prev:before{content:''; width:1px; height:23px; background-color: #ddd; position: absolute; top: 50%; right:-15px; transform: translateY(-50%);}
.main_partner .main_control .xi{font-size:2em; color:#aaa;}
.main_partner .main_control .xi:hover{color:var(--mainColor);}



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

#ctt{margin:0!important; padding:0!important; border:0!important;}
#ctt #ctt_con{padding:0!important;}
.ctt_admin{display:none;}

.subh_tit {padding:80px 0 20px; margin-top:var(--header_H);}
.subh_tit .sub_in_tt{color:var(--mainColor); font-size: 1.45em; font-weight: 600;}
.subh_tit .snb_home a{color:#666; margin-right:30px; position: relative; font-weight: 300;}
.subh_tit .snb_home a:hover{color:#333;}
.subh_tit .snb_home a:after{content:'\e93f'; font-family: 'xeicon'; position: absolute; top: -1px; right:-22px;}
.subh_tit .snb_home a .xi{ line-height: 1;}
.subh_tit .snb_dp1{ position: relative;}
.subh_tit .snb_dp1 .snb_dp1_tt{color:#666; cursor: pointer; font-weight: 300;}
.subh_tit .snb_dp1 .snb_dp1_tt:hover{color:#333}
.subh_tit .snb_dp1 .snb_dp1_list{ position: absolute; top: 30px; left: 50%; transform: translateX(-50%); width: 170px; background: #fff; z-index: 100; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 10px 15px 15px; display: none;}
.subh_tit .snb_dp1 .snb_dp1_list > li:not(:last-child){margin-bottom:8px;}
.subh_tit .snb_dp1 .snb_dp1_list > li a{color:#666; font-size:.938em; display: block; line-height: 1.2;}
.subh_tit .snb_dp1 .snb_dp1_list > li a:hover{color:var(--mainColor);}

.sub .container{background-image: url(../img/sub/sub_v_bg.png); background-size: contain; background-position: center top; background-repeat: no-repeat;}
.sub_top_wrap{border-bottom:1px solid #ddd; margin-top:80px; position: sticky; top: var(--header_H); left: 0; z-index: 10;}
.sub_top_wrap.Aon{height:65px; overflow: hidden;}
.sub_top_wrap .sub_top_tab > li:not(:last-child){margin-right:25px;}
.sub_top_wrap .sub_top_tab > li .dp3{padding:20px 5px; font-size:1.125em; position: relative; cursor: pointer; color:#333;}
.sub_top_wrap .sub_top_tab > li .dp3 br{display:none;}
.sub_top_wrap .sub_top_tab > li .dp3:hover{color:#111;}
.sub_top_wrap .sub_top_tab > li.Aon .dp3{color:var(--mainColor); font-weight: 500;}
.sub_top_wrap .sub_top_tab > li.Aon .dp3:after{content:''; width:100%; height: 3px; background-color: var(--mainColor); position: absolute; bottom:0; left: 0;}

.sub_top_wrap.Aon{background-color: #fff;}
.sub_top_wrap.Aon .sdp_wrap{width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.sub_top_wrap.Aon .sdp_wrap::-webkit-scrollbar {display:none;}
.sub_top_wrap.Aon .sub_top_tab {flex-wrap: nowrap; justify-content: flex-start;}
.sub_top_wrap.Aon .sub_top_tab > li {flex:none;transition:all 0.35s ease-out;}

.page_tit{font-size:4.5em; font-weight: 700;}
.page_tit_img{height:500px; background-color: #aaa; margin-top:80px; position: relative;}
.page_tit_img:before{content:''; width:100%; height: 100%; background-color: rgba(0,0,0,0.2); position: absolute; top: 0; left: 0;}
.page_tit_img.af_none:before{display:none;}

.page_tt{font-size:2.375em; font-weight: 800; margin-bottom: 25px;}
.page_tt .nmb{color:var(--mainColor); font-size:.815em; display: block; font-weight: 800; margin-bottom: 10px;}
.page_stt{font-size:1.3em; font-weight: 600; margin-bottom:10px;}
.page_tx1{color:#333; font-size:1.25em; line-height: 1.5;}
.page_tx1 .nmb_r{width:40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; background-color: var(--mainColor); color:#fff;}
.page_tx1 .tt{width:calc(100% - 40px); margin-top:5px; padding-left:10px;}
.page_tx2{color:#333; font-size:1.125em; line-height: 1.4;}
.page_tx2 > li:not(:last-child){margin-bottom:7px;}
.page_tx2 > li{display:flex; flex-wrap:wrap;}
.page_tx2 > li .nb{width:20px;}
.page_tx2 > li .tx{width:calc(100% - 20px);}
.page_tbox{background-color: #f9f9f9; border-radius: var(--item_r); border:1px solid #888; padding:30px; margin-top:10px; color:#444;}
.page_tbox.mg_st{margin-top:30px;}
.page_tbox .in_stx{margin-top:10px; font-size:.938em; color:#666;}
.page_tbox .in_stx .c_red{width:12px;}
.page_tbox .in_stx .tx{width:calc(100% - 12px)}
.page_tbox .tbox_in{background-color:#fff; border: 1px solid #eee; border-radius: calc(var(--item_r) / 2); padding:15px 25px; margin-top:15px; }
.page_tbox .tbox_in .c_blue{width:65px;}
.page_tbox .tbox_in .c_blue.st{letter-spacing: 4px;}
.page_tbox .tbox_in .tx{width:calc(100% - 65px);}
.page_tbox .tx_info .c_red{width:15px;}
.page_tbox .tx_info .tx2{width:calc(100% - 15px);}
.page_tbox .txt_list > li .xi{font-size:1.25em; width:25px;}
.page_tbox .txt_list > li .tt{width:calc(100% - 25px); padding-left:10px; margin-top:3px;}
.page_tbox .txt_list > li:not(:last-child){margin-bottom:10px;}

.dot_list > li{display:flex; flex-wrap:wrap;}
.dot_list > li:not(:last-child){margin-bottom:6px;}
.dot_list > li .c_blue{width:70px; color:var(--mainColor)!important; font-weight: 500;}
.dot_list > li .tt{width:calc(100% - 70px); padding-left:10px;} 

.serv_line{width:1px; height: 100%; background-color: #ddd; position: absolute; top: 0; left: 0; overflow: hidden;}
.serv_line .lineAni{background-color: var(--mainColor); width:100%; position: absolute; top: 0; left: 0;}
.serv_all_wrap{padding-left:100px; padding-bottom:200px;}
.serv_cont{padding:8em 0 0;}
.serv_cont .serv_top{position: relative;}
.serv_cont .serv_top:before{content:''; width:30px; height: 30px; background-color: #bbb; border-radius: 50%; position: absolute; top: 42px; left: -115px; transform: translateY(-50%); border: 7px solid #eee;}
.serv_cont.on .serv_top:before{background-color: var(--mainColor); border-color:#f6faff;}
.serv_cont .serv_top .serv_img{width:39%; padding-left:70px;}
.serv_cont .serv_top .serv_img .bgfix{width:100%; min-height: 300px; background-color: #aaa; border-radius: var(--item_r);}
.serv_cont .serv_top .serv_txt{width:61%; padding:20px 0;}
.serv_cont .serv_cbox{border:1px solid var(--mainColor); border-radius: var(--item_r); margin-top:35px; overflow: hidden;}
.serv_cont .serv_cbox > li .in{ padding:25px 30px;}
.serv_cont .serv_cbox > li .in .page_stt .xi{vertical-align: middle; margin-right:5px;}
.serv_cont .serv_cbox > li .in.st01{background-color:#f9f9f9;}
.serv_cont .serv_cbox > li .in.st02{background-color:#f6faff; border-top:1px solid #ddd;}
.serv_cont.st1 .serv_top .serv_txt{width:100%;}

.table_st{table-layout:fixed; border-top: 2px solid var(--mainColor); margin-bottom:10px; font-size:1.068em;}
.table_st th,
.table_st td{ padding:1em 1em; border:1px solid #ddd; text-align: center; line-height: 1.3;}
.table_st th{color:#222;}
.table_st td{color:#333;}
.table_st .bg01{background-color:#f7f7f7; font-weight: 500; font-size: 1.068em;}
.table_st .bg02{background-color:#f6faff; font-weight: 500; font-size: 1.068em;}

.about_wrap{padding:8em 0 12em;}
.about_wrap .page_tt{margin-top:25px; line-height: 1.4;}
.about_wrap .about_img{margin-right:-10px; margin-top:70px;}
.about_wrap .about_img > li{width:33.33%;}
.about_wrap .about_img > li .img_z{height:400px; background-color: #aaa; margin-right:10px; position: relative; align-content: end;}
.about_wrap .about_img > li .txt_z{color:#fff; padding: 35px; background: linear-gradient(0deg, rgba(0,0,0,0.5), #0000);}
.about_wrap .about_img > li .txt_z .fwB{margin-bottom:10px;}
.about_wrap .about_sbox{margin-top:90px; padding-top:60px; color:#777; border-top:1px solid #ddd;}



/*==============================================================영어_css=======================================================*/

.lang_en #header .gnb .depth1{max-width:150px;}
.lang_en #header .gnb .depth1 > a{font-size:1.068em;}
.lang_en .mainSlider .slogan .slog_txt{padding-top:30px;}
.lang_en .mainSlider .slogan .slog_txt .t1{font-size:3.125em;}
.lang_en .mainSlider .slogan .slog_txt .t2{font-size:1.375em;}
.lang_en .main_tit .in_tt{font-size:3em;}
.lang_en .main_serv .serv_right .serv_list > li .in .in_txt > p{font-size:1.625em;}
.lang_en .main_alien .alien_list > li{width:400px;}
.lang_en .main_alien .alien_list > li:nth-child(1) .in_tx{width:100%;}
.lang_en .sub_top_wrap .sub_top_tab > li .dp3{font-size:1.068em;}
.lang_en .page_tit{font-size:3.5em;}
.lang_en .page_tt{font-size:2.125em;}
.lang_en .page_tbox .tbox_in .c_blue{width:130px; letter-spacing:-.5px;}
.lang_en .page_tbox .tbox_in .tx{width: calc(100% - 130px);}
.lang_en .dot_list > li .c_blue{width:160px;}
.lang_en .dot_list > li .tt{width:calc(100% - 160px);}

/*==============================================================중국어_css=======================================================*/

body.lang_ch{font-family: 'Noto Serif SC'; letter-spacing: -1px;}
.lang_ch *{word-break: break-all;}
.lang_ch #header .gnb .depth1:not(:last-child){margin-right:20px;}
.lang_ch .page_tx1{font-size:1.2em;}
.lang_ch .dot_list > li .c_blue{width:90px;}
.lang_ch .dot_list > li .tt{width:calc(100% - 90px);}
.lang_ch .page_tbox .tbox_in .c_blue{width:90px; letter-spacing:-.5px;}
.lang_ch .page_tbox .tbox_in .tx{width: calc(100% - 90px);}
.lang_ch .about_wrap .about_img > li .txt_z{padding:35px 25px;}

/*==============================================================베트남어_css=======================================================*/

.lang_vn #header .gnb .depth1{max-width:150px;}
.lang_vn #header .gnb .depth1:not(:last-child){margin-right:20px;}
.lang_vn #header .gnb .depth1 > a{font-size:1.05em; line-height: 1;}
.lang_vn #header .lang_wrap .lw_list{min-width:120px;}
.lang_vn .mainSlider .slogan .slog_txt{padding-top:30px;}
.lang_vn .mainSlider .slogan .slog_txt .t1{font-size:3em;}
.lang_vn .mainSlider .slogan .slog_txt .t2{font-size:1.375em;}
.lang_vn .main_alien .alien_list > li{width:400px;}
.lang_vn .main_alien .alien_list > li:nth-child(1) .in_tx{width:100%;}
.lang_vn .main_tit .in_tt{font-size:2.825em;}
.lang_vn .main_about .main_tit{width:60%;}
.lang_vn .main_about .img_box{text-align:right; width:40%;}
.lang_vn .page_tbox .tbox_in .c_blue{width:190px; letter-spacing:-.5px;}
.lang_vn .page_tbox .tbox_in .tx{width: calc(100% - 190px);}
.lang_vn .dot_list > li .c_blue{width:180px;}
.lang_vn .dot_list > li .tt{width:calc(100% - 180px);}


/*==============================================================태국어_css=======================================================*/

.lang_th *{word-break: break-all; letter-spacing: -.9px;}
.lang_th #header .gnb .depth1{max-width:150px;}
.lang_th #header .gnb .depth1:not(:last-child){margin-right:20px;}
.lang_th #header .gnb .depth1 > a{font-size:1.05em; line-height: 1;}
.lang_th .mainSlider .slogan .slog_txt{padding-top:30px;}
.lang_th .mainSlider .slogan .slog_txt .t1{font-size:3em;}
.lang_th .mainSlider .slogan .slog_txt .t2{font-size:1.375em;}
.lang_th .main_alien .alien_list > li{width:400px;}
.lang_th .main_alien .alien_list > li:nth-child(1) .in_tx{width:100%;}
.lang_th .main_tit .in_tt{font-size:2.825em;}
.lang_th .main_about .main_tit{width:60%;}
.lang_th .main_about .img_box{text-align:right; width:40%;}
.lang_th .page_tbox .tbox_in .c_blue{width:190px; letter-spacing:-.5px;}
.lang_th .page_tbox .tbox_in .tx{width: calc(100% - 190px);}
.lang_th .dot_list > li .c_blue{width:180px;}
.lang_th .dot_list > li .tt{width:calc(100% - 180px);}


/*==============================================================cus_css=======================================================*/
/*게시판 스킨 수정*/
#bo_list_total{letter-spacing: .5px;}
#bo_list_total .total_icon{border: 1px solid #ddd; border-radius: 50%;  width: 2em; line-height:2em !important; height: 2em; text-align: center; font-size: 1.375em; margin-right: 7px; box-shadow: 1px 1px 4px rgb(0 0 0 / 15%); color: #666;}

.ctt_img{height:360px; width:100%; background-size:cover; background-position: center; background-repeat: no-repeat;}

#container_title { font-size:2em; line-height:1; font-weight:700; margin:80px 0 60px 0; text-align:center; position:relative; padding-top:20px; color:#111; }
#container_title:before { content:""; width:46px; height:3px; background:#222; position:absolute; top:0; left:50%; margin-left:-23px }
 

/* ckeditor 단축키 */
.btn_cke_sc{display:inline-block;padding:0 10px;/*height:23px*/;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.0em;vertical-align:middle;cursor:pointer;border-radius:4px}

/* 버튼 */
.btn_confirm {text-align:center;border-radius:4px} /* 서식단계 진행 */
a.btn_cancel {display:inline-block;padding:.5em 1.5em;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;border-radius:4px}
button.btn_cancel {display:inline-block;padding:.5em 1.5em;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none;border-radius:4px}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;border-radius:4px} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px;border-radius:4px}
button.btn_frmline {font-size:1em;border-radius:4px}


/* 게시판용 버튼 */
a.btn_admin {display:inline-block;padding:3px 7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;border-radius:4px} /* 관리자 전용 버튼 */

/*일반게시판css*/
#bo_list .tbl_head01{ border-top: 2px solid #333; margin-top: 1em; margin-bottom: 1em;}
.tbl_head01 td{ padding: 15px 5px}
#bo_list .td_name{ text-align: center;}
.tbl_head01 thead th{ padding: 17px 0;}
#bo_list .tbl_head01 a:hover{ color: #000;}
.total_icon{border: 1px solid #ddd; border-radius: 50%;  width: 2em; line-height:2em !important; height: 2em; text-align: center; font-size: 1.375em; margin-right: 5px; box-shadow: 1px 1px 4px rgb(0 0 0 / 15%);}
.btn_bo_adm input {padding:.5em 1.5em; background:#f5f5f5; border:1px solid #ddd; color:#666;text-decoration:none;vertical-align:middle;border-radius:4px}
a.btn_admin {display:inline-block;padding:.5em 1.5em;;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}
#bo_list .tbl_head01 .td_subject .xi{font-size: 1.068em;}
#bo_list .tbl_head01 .td_subject .xi.xi-new{color:#ed1c24;}

/*뷰css*/
#bo_v_title{ padding: 20px 0 !important; border-bottom: 1px dashed #ccc; border-top: 2px solid #333;}
#bo_v_info{ color: #666;}
#bo_v_con{ margin-top: 2em;}
/*#bo_v_top{ display: none;}*/
#bo_v_bot{ padding-top: 1em; border-top: 1px solid #ddd;}
a.btn_b01 {display:inline-block;padding:.5em 1.5em;border:1px solid #d9ded9;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;border-radius:3px}
a.btn_b02 {display:inline-block;padding:.5em 1.5em;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;border-radius:3px}
a.btn_b03 {display:inline-block;padding:.5em 1.5em;border:1px solid #333;background:#333;color:#fff;text-decoration:none;vertical-align:middle;border-radius:3px}


/*서치css*/
#bo_sch{ margin-top: 3em; padding-top: 0;}
.frm_input {height:40px}
#sfl{ height: 40px; border: 1px solid #ddd;}
fieldset .btn_submit {padding:3px 25px; height:40px; line-height:1em; border-radius:4px}
.btn_submit {padding:.5em 1.5em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;cursor:pointer;border-radius:4px}
.sanchor a{ height: 45px; padding: 0 15px;}
 

/* 게시판 목록 */
#bo_cate { font-size:0; margin-left:1px; text-align:center }
#bo_cate li { margin:0 ; padding:5px; float: none!important; border:1px solid #e0e0e0; height: 46px; flex:calc(100% / 9);}
#bo_cate a {  border-radius:0; margin:0!important; width:100% !important; min-width: 100%!important; text-align:center; height:auto; line-height:1.2 !important; padding:5px !important; border:0!important; /*background:#fff!important;*/ background:transparent!important; color:#aaa!important; font-weight:400!important; font-size:1.5rem; letter-spacing: 0!important; display: inline-block!important;}
#bo_cate li:hover { background:#f4f4f4!important; color:#222 }
#bo_cate li:hover a{ background:#f4f4f4!important; color:#222 }
#bo_cate #bo_cate_on { background:#fff; color:#222!important; border-color:#222; position:relative; z-index:1; box-shadow:none; font-weight:500 }
.input_st.s1{padding: .5em 1.5em}



/*갤러리게시판css*/
#bo_img_list{ margin-top: 1em !important;}
.bo_img_con{ box-sizing: border-box; overflow: hidden; border: 1px solid #ddd;}
.bo_img_con li{ padding: 0 1em; font-size: .813em;}
.bo_img_con li:last-child{ margin-bottom: 1em;}
.bo_img_con li.bo_img_href{ padding: 1em; text-align: center; border-bottom:1px solid #ddd;}
.bo_img_con li.bo_img_text_href a{ display: block; font-size: 1.25em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal !important; width: 100%; text-align: center;}


#bo_cate.st_tab ul{ text-align: center; margin-bottom: 3em;}
#bo_cate.st_tab ul li{ display: inline-block; float: none;}
#bo_cate.st_tab a{ padding: 15px 0; width: 130px;}


/*제품리스트*/
#ssch_sort{ display: none;}
.sct_10 .sct_li{ border: 1px solid #ddd; box-sizing: border-box; margin: 0 7px 20px !important;}
.sct_10 .sct_cost{ display: none;}
.sct_10 .sct_txt{ padding-top: 10px; text-align: center; border-top: 1px solid #ddd;}
#sit_inf_open th{ padding: 15px 10px !important; width: 225px;}
#sit_opt_added, #sit_tot_price, #sit_ov_btn, .sanchor, #sit_use, #sit_qa, #itemqa, #sit_qa_list, #sit_qa_wbtn, #sit_dvr, #sit_ex{ display: none !important;}
#sit_inf_explan{ margin: 2em 0 !important;}
.sit_ov_tbl tbody tr:nth-child(2){ display: none;}
#sit_inf_basic{ display: none;}
.sct_10 > li.sct_li .sct_basic{ display: none;}

/*댓글*/
#bo_vc_w{ display: none;}

.navbar{ min-height: 60px !important;}
.navbar-brand.flex.vc .logo_name{ font-weight: 500; margin-left: 5px;}

.cont_wrap{margin:3em 0;}

#bo_v_desc *{font-family: 'Pretendard'!important; font-size:1.125em!important}
#bo_v_desc h2{font-size:0!important}

/* basic board */
input[type="checkbox"], input[type="radio"]{width: 15px; height: 15px; border: 1px solid #d0d4df; border-radius: 3px; background: #fff;position: relative;}
input[type="checkbox"]:checked{background: var(--mainColor);border-color: var(--mainColor);}
input[type="checkbox"]:checked:before{display: block; content: ''; background-image: url('/tmpl/r_shop_boot_basic/img/chk.png'); position: absolute; top: 2px; left: 1px;width: 11px;height: 9px;}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 0px!important; /* 체크할때 나타나는 굵은선 삭제 */
  outline-offset: -2px;
}

input { -webkit-appearance: none; -moz-appearance: none; appearance: none;}



/* 게시판 수정 */
.input_st .xi{line-height: 1.3}
#bo_w .write_div .xi-link{line-height:2}
#bo_w .write_div .xi-folder-open{line-height:2}
#bo_w .bo_w_flie .frm_file{margin-top:0px!important}
#bo_v_img .fotorama__wrap{margin:0 auto;}
.required, textarea.required{background: none!important}
.tbl_frm01 textarea, .frm_input{background: none!important}
.full_input{width: 100%; padding: 0 5px;}
.fotorama_img{width: 400px;min-width: 0px;max-width: 100%;}
#bo_v_atc{margin-top: 55px;}
#bo_v_img img{height: 100%; width: 100%; object-fit: cover}
.agree_ts{font-size:0.83em}

/* inquiry_st view */
#bo_v_con.in_mail{min-height:20px;margin:10px 0}
#bo_v_con.in_tel{min-height:20px;margin:10px 0}
#bo_v_con.in_ind{}
#bo_v_con.in_tt{font-size:14px;}
.in_200w{width: 200px;}
.in_200w.in_tw{font-size:17px!important}


/* 전체 검색 */
.pg_page, .pg_current, .qa_page{height: auto}
#sch_res_detail .sch_rd{display: inline-block!important}
.sch_more a{color: var(--mainColor)!important}
.sch_word{color: #3a8afd!important}
#sch_res_ov h2 strong{color: #3a8afd!important}

/* 검색 OR+ADN 버튼 */
.switch_field {display:inline-block;vertical-align:middle;padding:10px 5px}
.switch_field input {position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden}
.switch_field label {float:left}
.switch_field label {display:inline-block;width:auto;background-color:#fff;color:rgba(0, 0, 0, 0.6);font-size:1em;font-weight:normal;text-align:center;text-shadow:none;padding:6px 14px;border:1px solid #bbc0c6;
-webkit-box-shadow:inset 0 5px 8px rgb(234, 234, 234), 0 1px rgba(255, 255, 255, 0.1);
box-shadow:inset 0 5px 8px rgb(234, 234, 234), 0 1px rgba(255, 255, 255, 0.1);
-webkit-transition:all 0.1s ease-in-out;
-moz-transition:all 0.1s ease-in-out;
-ms-transition:all 0.1s ease-in-out;
-o-transition:all 0.1s ease-in-out;
transition:all 0.1s ease-in-out}
.switch_field label:hover {cursor:pointer}
.switch_field input:checked + label {background-color:#3a8afd;border:1px solid #3a8afd;color:#fff;-webkit-box-shadow:none;box-shadow:none}
.switch_field label:first-of-type {border-radius:4px 0 0 4px;border-right:0}
.switch_field label:last-of-type {border-radius:0 4px 4px 0}

.navbar{margin-bottom: 0!important;} 
.navbar-default{box-shadow: none !important;}