@charset "utf-8";
/* CSS Document */
.box0{ width:94%; margin:0 auto; max-width:1920px;}
.box1{ width:1400px; margin:0 auto}
.box2{ width:1200px; margin:0 auto}
.box3 {width:100%;}

.r1024m,
.r1500m{ display:none}

.gnb li.m_hide{ display:none}

body:not(.pop){ display:flex; flex-direction:column}
body:not(.isIE){ min-height:100vh; min-height:calc(var(--vh, 1vh) * 100)}
#footer{ margin-top:auto}

#header{ position: fixed; left:0; top:0; width:100%; z-index:1000; color:#fff;}
#header:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; opacity:.2}
#header .top_wrap .sideW{}
#header .top_wrap .wrapH,
#header .top_wrap .gnb_wrap .gnb > li .dp1{ height:7em; transition:height .2s;}
.headerT{ padding-top:7em}
#header .top_wrap .logo {}
#header .top_wrap .logo > a{ display:block; height: 1.6em; overflow:hidden; transition:height .2s; width: 11em;}
#header .top_wrap .logo .in{ display:block; height:100%; transform:translateY(-100%);}
#header .top_wrap .logo .in img{ display:block; height:100%; width:90%}
#header .top_wrap .gnb_wrap  {margin-left:auto;}
#header .top_wrap .gnb_wrap .gnb > li{ position:relative; overflow:hidden;}
#header .top_wrap .gnb_wrap .gnb > li .dp1{ padding:1em 2.5vw; box-sizing:border-box; text-align:center; position:relative; transition:.3s}
#header .top_wrap .gnb_wrap .gnb > li:hover .dp1,
#header .top_wrap .gnb_wrap .gnb > li.on .dp1{ color:#005aff;}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va{ font-size:1.15em; font-weight:400}
#header .top_wrap .gnb_wrap .gnb > li .dp2{ display:block; position:absolute; left:50%; top:100%; width:12em; padding-bottom:.5em; background:#fff; box-shadow:0 .5em .5em rgba(0,0,0,.1); transform:translateX(-50%); opacity:0; visibility:hidden; transition:.3s}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a{ color:#666; margin:.25em 1em; border-radius:.5em; padding:.5em; transition:.3s}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.938em}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a{ background:#005aff; color:#fff}
#header .top_wrap .gnb_wrap .gnb > li:hover{ overflow:visible;}
#header .top_wrap .gnb_wrap .gnb > li:hover .dp2{ opacity:1; visibility:visible;}
#header .top_wrap .etc_wrap .all_wrap{ margin-left:2em}
#header .top_wrap .etc_wrap .all_wrap .allBtn .xi{ font-size:2.5em}
.scroll #header,
.simple #header,
#header:hover{ background:#fff; color:#111; box-shadow:0 0 2em rgba(0,0,0,.1)}
.scroll #header .top_wrap .logo .in,
.simple #header .top_wrap .logo .in,
#header:hover .top_wrap .logo .in{transform:translateY(0);}
.scroll #header .top_wrap .wrapH,
.scroll #header .top_wrap .gnb_wrap .gnb > li .dp1,
.scrollH{ height:4.5em}.section3 .ser_tit
.scroll #header .top_wrap .logo > a{ height:1.6em}

.hiddenH{ position:absolute; width:0; z-index:-1; visibility:hidden}
.hiddenH.bt{ bottom:0}

#header .all_wrap .all{ position:fixed; right:0; top:0; width:100%; height:100vh; opacity:0; visibility:hidden; z-index:1; color:#333}
#header .all_wrap .all .wrap_bg{ height:100%; background:rgba(0,0,0,.7); position:relative; opacity:0}
#header .all_wrap .all .wrap_bg .btn{ position:absolute; right:1em; top:2.5em; width:3em; line-height:3em; background:#fff; border-radius:50%; color:#1a4e87; text-align:center}
#header .all_wrap .all .wrap_in{ height:100%; width:90%; max-width:22em; background:#fff; display:block; transform:translateX(100%)}
#header .all_wrap .all .top{ padding:3em 1em; background:#fff}
#header .all_wrap .all .top .logo img{ height:3em;}
#header .all_wrap .all .top .lang{ font-weight:700; font-size:.938em; opacity:.6}
#header .all_wrap .all .top .lang:hover{ opacity:1}
#header .all_wrap .all .bottom{ padding:0 0 2em 0}
#header .all_wrap .all .quick_wrap{ margin:2em 1em 1em 1em}
#header .all_wrap .all .quick_wrap .link{ display:flex; font-size:1em; border:1px solid #005aff; border-radius:1em; overflow:hidden}
#header .all_wrap .all .quick_wrap .link > li{ flex:1 1 1%}
#header .all_wrap .all .quick_wrap .link > li > a{ background:#005aff; color:#fff}
#header .all_wrap .all .quick_wrap .link > li > a:after{ content:""; position:absolute; right:0; bottom:0; width:100%; height:100%; border:1px solid rgba(255,255,255,.2); border-right:none; border-bottom:none}
#header .all_wrap .all .quick_wrap .link > li > a:not(:hover) .t3{ color: #FFFF00}
#header .all_wrap .all .bottom .etc{ margin-top:2em}
#header .all_wrap .all .bottom .etc > li > a{ font-size:.938em; color:#777}
#header .all_wrap .all .menu{ border:1px solid #eee; border-left:none; border-right:none}
#header .all_wrap .all .menu .flex{ display:block}
#header .all_wrap .all .gnb a{ text-align:left; position:relative}
#header .all_wrap .all .gnb li{ position:relative}
#header .all_wrap .all .gnb li.more > .layer{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; cursor:pointer}
#header .all_wrap .all .gnb a .arrow{ position:absolute; right:1em; top:50%; line-height:2em; margin-top:-1em; opacity:.5; transition:.3s}
#header .all_wrap .all .gnb a .arrow:before{ content:"\e907"; font-size:.75em}
#header .all_wrap .all .gnb li.more > a .arrow:before{ content:"\e943"; font-size:1em}
#header .all_wrap .all .gnb > li .dp1{ padding:0 1.5em; height:4em}
#header .all_wrap .all .gnb > li .dp1 .va{ font-size:1.250em; font-weight:500}
#header .all_wrap .all .gnb > li.more .dp1 + .layer{ height:5em}
#header .all_wrap .all .gnb > li .dp2{ padding:1em 0; background:#999; color:#fff;}
#header .all_wrap .all .gnb > li .dp2 > li > a{ padding:.75em 1.5em; transition:.3s}
#header .all_wrap .all .gnb > li .dp2 > li > a .arrow{ right:1.25em}
#header .all_wrap .all .gnb > li .dp2 > li.more > a .arrow{ display:none}
#header .all_wrap .all .gnb > li .dp2 > li > a:hover{ opacity:.8}
#header .all_wrap .all .gnb > li .dp3{ background:rgba(255,255,255,.9); margin:0 1.25em; border-radius:.5em; padding:.75em 1em; margin-bottom:.5em}
#header .all_wrap .all .gnb > li .dp3 > li > a{ padding:.375em .5em; color:#666}
#header .all_wrap .all .gnb > li .dp3 > li > a .va{ font-size:.938em}
#header .all_wrap .all .gnb > li .dp3 > li > a .arrow{ right:.5em}
#header .all_wrap .all .gnb > li .dp3 > li > a:hover{ color:#71cdce}
#header .all_wrap .all .gnb .dp2{ display:none}
#header .all_wrap .all .gnb > li.on > a{ background:#535252; color:#fff}
#header .all_wrap .all .gnb > li.on > a .arrow{ transform:rotate(180deg)}
#header .all_wrap .all .gnb > li.on > ul{ display:block}
.allGnbOn{ overflow-y: hidden}
.allGnbOn body{ overflow-y: scroll}
.allGnbOn #header .top_wrap{ z-index:11}
.allGnbOn #header .all_wrap .all{ opacity:1; visibility:visible}
.allGnbOn #header .all_wrap .all .wrap_bg{ opacity:1; transition:.3s; transition-delay:.2s}
.allGnbOn #header .all_wrap .all .wrap_in{ transform:translateX(0); transition:.3s}

#header .all_wrap a.allBtn:hover {color: #005aff;}

#quick{ position:fixed; right:.5em; top:50%; transform:translateY(-50%); z-index:999; width:7em; border-radius:5em; overflow:hidden; box-shadow:0 0 1em rgba(0,0,0,.1)}
.quick_wrap .link > li > a{ height:7em; padding:.5em; position:relative; transition:.3s}
.quick_wrap .link > li > a .in{ position:relative}
.quick_wrap .link > li > a .xi{ font-size:1.5em}
.quick_wrap .link > li > a .t1{ font-weight:500; display:block; margin:.25em 0}
.quick_wrap .link > li > a .t2{ font-size:.938em; opacity:.8}
.quick_wrap .link > li > a .t3{ font-weight:700; color:#fff; margin-top:.25em}
.quick_wrap .link > li > a.c1{ background:#ffe812; color:#3b1c1c}
.quick_wrap .link > li > a.c2{ background:#535222; color:#fff}
.quick_wrap .link > li > a.c3{ background:#000; color:#ffe812}
.quick_wrap .link > li > a:hover{ background:#fff !important; color:#111 !important}
.quick_wrap .link > li > a:hover .xi{ color:#005aff;}
.quick_wrap .link > li > a:hover .t3{color:#005aff;}
#quick .link > li:first-child > a{ padding-top:1.5em}
#quick .link > li:last-child > a{ padding-bottom:1.5em}


#footer .quickFix{ z-index:999; position:fixed; right:1em; bottom:1em; text-align:right; transform:translateY(5em); transition:.3s;}
#footer .quickFix > li{ padding:.5em 0;}
#footer .quickFix > li .wrap_in{ position:relative; width:4.5em; height:4.5em; box-sizing:border-box; transition:.3s;}
#footer .quickFix > li .goLink{ color:#fff; animation-name: updownAni; animation-duration: 3s; animation-iteration-count: infinite;}
#footer .quickFix > li .goLink:before{ content:""; position:absolute; top:0; right:0; width:100%; height:100%; background:#005aff; border-radius:50%;}
#footer .quickFix > li .goLink > .in{ position:relative; white-space:nowrap; margin: 0.5em auto 0;}
#footer .quickFix > li .goLink > .in .icon,
#footer .quickFix > li .goLink > .in .icon img{ width:2.5em; padding-top:0.2em;}
#footer .quickFix > li .goLink > .in .tt{ font-size:1.063em; font-weight:600; width:0; opacity:0; overflow:hidden; padding-top:0.9em;}
#footer .quickFix > li .goLink:hover{ width:100%; padding:0 1.75em 0 1.25em;}
#footer .quickFix > li .goLink:hover:before{ border-radius:10em;}
#footer .quickFix > li .goLink:hover > .in .tt{ flex:1; width:100%; opacity:1; padding-left:.75em;}
#footer .quickFix > li .goTop{ background:#005aff; border:3px solid transparent; border-radius:50%; color:#fff; opacity:0;}
#footer .quickFix > li .goTop > .in { margin: 0 auto; font-size: 1em;}
#footer .quickFix > li .goTop > .in .xi{ display:block;}
#footer .quickFix > li .goTop > .in .tt{ display:block;}
#footer .quickFix > li .goTop:hover{ background:#fff; border-color:#005aff; color:#005aff;}
.scroll #footer .quickFix{ transform:translateY(0);}
.scroll #footer .quickFix > li .goTop{ opacity:1;}

@keyframes updownAni{
0% { transform:translateY(.5em);}
50% { transform:translateY(-.5em);}
100% { transform:translateY(.5em);}
}


#footer{ background:#000;}
#footer .siteSlider_wrap{ border-top:1px solid #eee; background:#fff}
#footer .siteSlider .el{ width:14.28%}
#footer .siteSlider .el .img{ padding: 1em; filter: grayscale(1); opacity: .5; transition:.3s}
#footer .siteSlider .el .img .resize{ padding-bottom:40%; background-size: 100% auto}
#footer .siteSlider .el:hover .img{ filter: grayscale(0); opacity: 1}
#footer .menu_wrap{ border-bottom:1px solid rgba(255,255,255,.1); color:#fff; background:#000;}
#footer .menu_wrap .wrapH{ height:4.375em}
#footer .menu_wrap .menu > li > a{ margin-right:2.5em}
#footer .menu_wrap .menu > li > a:hover{ text-decoration:underline}
#footer .menu_wrap .menu > li > a.point{ color:yellow;}
#footer .menu_wrap .goTop{ width:3.5em; height:3.5em; border-radius:50%; transition:.3s}
#footer .menu_wrap .goTop .xi{ font-size:1em}
#footer .menu_wrap .goTop .tt{ font-size:.75em}
#footer .menu_wrap .goTop:hover{ background:#005aff;}
#footer .info_wrap{ padding:3em 0 5em 0; color:#fff}
#footer .info_wrap .info > li{ float:left; margin-right:2.5em; margin-bottom:.75em; opacity:.9; letter-spacing:0; font-weight:300; font-size:1em}
#footer .info_wrap .info > li.br{ clear:left}
#footer .info_wrap .info > li.copyright{ font-size:.75em; font-weight:300; opacity:.5; text-transform:uppercase; margin-top:1em}
#footer .info_wrap .info:after{ content:""; display:block; clear:both}
#footer .info_wrap .site{ position:relative; width:13em}
#footer .info_wrap .site .linkBtn{ box-sizing:border-box; background:rgba(0,0,0,.3); height:3.5em; border-radius:.5em; padding:0 1.5em; display:flex; align-items:center; justify-content:space-between}
#footer .info_wrap .site .linkBtn:hover .xi{ transform:translateX(0)}
#footer .info_wrap .site .list{ position:absolute; left:0; bottom:100%; width:100%; border-radius:.5em .5em 0 0; background:#555; padding:.75em 0; opacity:0; visibility:hidden}
#footer .info_wrap .site .list:before{ content:""; position: absolute; left:50%; bottom:-1px; width:calc(100% - 3em); transform:translateX(-50%); border-bottom:1px dashed #fff; opacity:.5}
#footer .info_wrap .site .list > li > a{ display:block; padding:.75em 1.5em; padding-right:3em; position:relative}
#footer .info_wrap .site .list > li > a:after{ content:"\e907"; font-family:xeicon; position:absolute; right:1.75em; top:50%; line-height:1em; margin-top:-.5em; transform:translateX(.5em); opacity:0; transition:.3s}
#footer .info_wrap .site .list > li > a .tt{ font-size:1em}
#footer .info_wrap .site .list > li > a:hover{ color:#005aff;}
#footer .info_wrap .site .list > li > a:hover:after{ transform:translateX(0); opacity:1}
#footer .info_wrap .site.on .linkBtn{ background:#555; border-color:transparent; border-top-left-radius:0; border-top-right-radius:0}
#footer .info_wrap .site.on .linkBtn .xi{ transform:rotate(45deg)}
#footer .info_wrap .site.on .list{ opacity:1; visibility:visible}

#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .wrap_in{ position:relative; height:25em;}
#contents .sub_visual_wrap .wrap_in .twrap{ height:100%; color:#fff}
#contents .sub_visual_wrap .wrap_in .twrap .t1{ letter-spacing:.75em; text-transform:uppercase; margin-bottom: 1em; font-weight:300}
#contents .sub_visual_wrap .wrap_in .twrap .t2{ font-size:3em; font-weight:700; letter-spacing:-.063em; word-spacing:.063em;}
#contents .sub_visual_wrap .bg {}
#contents .sub_tab{}
#contents .sub_tab .gnb > li{ width:100%}
#contents .sub_tab .gnb > li .dp2{ justify-content:center; padding-left:1px}
#contents .sub_tab .gnb > li .dp2:before {content:''; width:2000px; height:1px; background:#fff; position:absolute; opacity:.3}
#contents .sub_tab .gnb > li .dp2 > li{ flex:1 1 100%; max-width:25%; position:relative}
#contents .sub_tab .gnb > li .dp2 > li > a{ display:block; color:#e5e5e5; padding: 1.4em 0;}
#contents .sub_tab .gnb > li .dp2 > li > a .va{ font-size:1.125em; font-weight:500;}
#contents .sub_tab .gnb > li .dp2 > li:hover > a{ color:#fff}
#contents .sub_tab .gnb > li .dp2 > li.on{ z-index:1; }
#contents .sub_tab .gnb > li .dp2 > li.on:before {content:''; width:100%; position:absolute; height:4px; background:#fff; top:-2px;}
#contents .sub_tab .gnb > li .dp2 > li.on > a{ color:#fff; border-color:transparent; position:relative;}
#contents .sub_tab .gnb > li .dp2 > li > a:before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:1em; background:#fff; opacity:.7;}
#contents .sub_tab .gnb > li .dp2 > li:first-child > a:before{ display:none;}

#contents .sub_tit_wrap{ padding:3em 0 0 0}
#contents .sub_tit_wrap .tit{ font-weight:300; font-size:2.5em; letter-spacing:-.063em; word-spacing:.063em; font-weight:700;}
#contents .sub_tit_wrap .nav{ margin-top:1em}
#contents .sub_tit_wrap .nav > li{ color:#888; font-size:1em}
#contents .sub_tit_wrap .nav > li:before{ content:"\e940"; font-family:xeicon; padding:0 .5em}
#contents .sub_tit_wrap .nav > li:first-child:before{ display:none}
#contents .sub_tit_wrap .nav > li:last-child .tt{ text-decoration:}

.dp1on .gnb .dp2{ display:none!important}
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3{ display:none!important}
.dp2on .gnb > li.on{ display:block!important}
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a{ display:none!important}
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on{ display:block!important}

#contents .doc{ padding:3em 0 10em 0}
#contents .doc .pageSec{ background: #f5f5f5; margin: 5em 0; padding: 4em 0;}
#contents .doc .pageSec:last-child{ margin-bottom:0; padding-bottom:6.5em;}

.simple #contents .sub_visual_wrap{ display:none}
.simple #contents .sub_tit_wrap{ padding-top:10em}


/*연혁*/
.history_cont .tab_idx{ }
.history_wrap{ position:relative; overflow:hidden; padding:2em 0; font-family: Pretendard;}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#005aff; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #005aff; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:5em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:9em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; font-weight:700; letter-spacing:-3px; color:#005aff;}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:1px solid #005aff;}
.history_wrap .history > li .year .tt:after{ content:"'"; font-weight:400; font-style:italic}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:35% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#999; font-weight:500; letter-spacing:-1px}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 2em; margin-top:.125em; color:#333}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:calc(.5em - 1px); width:1em; border-top:1px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}

.tab_idx{ margin:-1em 0 3em -1em;}
.tab_idx.fs7{ margin:-1em 0 3em -.3em;}
.tab_idx > li{ width:50%}
.tab_idx.fs3 > li{ width:25%}
.tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s;}
.tab_idx.fs7 > li > a{ margin:1em 0 0 .3em;}
.tab_idx > li > a:hover,
.tab_idx > li.on > a{ box-shadow:23px 23px 46px #f5f5f5, -23px -23px 46px #ffffff; color:#005aff; border-color:#005aff;}
.tab_idx > li.on > a .va{font-weight:500}

.place_wrap { margin-top: 1em;}
.place_wrap .place_img_wrap { width: 25%; }
.place_wrap .place_img_wrap .place_img { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 132px; }
.place_wrap .place_text{ width: 75%; margin-left: 1em; }


/**/

.sub_tt.dot { position: relative; padding: 0 0 0.3em 0.8em; }
.sub_tt.dot:last-of-type { padding: 0 0 0 0.8em; }
.sub_tt.dot:before { position: absolute; content: ""; width: 5px; height: 5px; background: #005aff; top: 7px; left: 0; }

.line_st{ border-top:1px solid #ddd; margin:5em 0}
.line_st.dot{ border-top-style:dashed;}
.line_st.m1{ margin:1em 0}
.line_st.m2{ margin:1.5em 0}
.line_st.c1{ border-color:#333}

.page_tit{ text-align:center; margin-bottom:2em}
.page_tit:not(:first-child){ margin-top:4em}
.page_tit > .txt:not(:first-child){ margin-top:1em;}
.page_tit > .txt:not(:last-child){ margin-bottom:.75em;}
.page_tit .t1{ font-weight:700; font-size:2.5em; letter-spacing:-.063em; word-spacing:.125em}
.page_tit .t2{ font-weight:500; font-size:1.875em; letter-spacing:-.063em; word-spacing:.125em}
.page_tit .t3{ font-weight:500; font-size:1.5em; letter-spacing:-.063em; word-spacing:.125em}
.page_tit .t4{ font-weight:400; font-size:1.125em; line-height:1.4;}

.page_tit.icon{}
.page_tit.icon:after{ content:"";}
.page_tit.icon.st1:after{ display:inline-block; margin:1.5em 0 0 0; width:2px; height:2em; background:#005aff;}
.page_tit.icon.st1.w:after{ width:2em; height:2px;}

.page_titwrap{ text-align:center; position:relative; margin-bottom:5em}
.page_titwrap .resize{ padding-bottom:25%}
.page_titwrap .resize.h1{ padding-bottom:33.33%}
.page_titwrap:not(:first-child){ margin-top:5em}
.page_titwrap .tit{ position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:80%; background:#fff; box-sizing:border-box; padding:2.5em 2em 1.5em 2em; color:#535252}
.page_titwrap .tit .t1{ font-weight:300; font-size:1.875em; letter-spacing:-.063em; word-spacing:.125em}
.page_titwrap .tit .t2{ font-weight:500; font-size:2.5em; letter-spacing:-.063em; word-spacing:.125em}
.page_titwrap .tit .t3{ font-size:1.125em; line-height:1.6; margin-top:1em;}
.page_titwrap .tit .point{ position:relative; vertical-align:top; font-weight:700; color:#333}
.page_titwrap .tit .point:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:40%; background:#f5a55c; opacity:.3; z-index:-1}

.page_in{ padding:0 3em}
.page_twrap > li{ margin:4em 0 0 0}
.page_twrap .wrap_in{ box-sizing:border-box}
.page_twrap .wrap_in .con_wrap{ padding:2em 0}
.page_twrap .wrap_in .con_wrap + .con_wrap{ border-top:1px solid #eee}
.page_twrap .wrap_in .con_wrap .t1{ font-weight:500; font-size:1.375em; color:#005aff;}
.page_twrap .wrap_in .con_wrap .t2{ color:#777; font-size:1.063em; line-height:1.5}
.page_twrap .wrap_in .con_wrap .t3{ font-weight:500; color:#111}
.page_twrap .wrap_in .con_wrap .t4{ font-size:1.250em; color:#111;}
.page_twrap .wrap_in .con_wrap .t5{ font-weight:700; font-size:1.5em; letter-spacing:-.063em; word-spacing:.125em}
.page_twrap .wrap_in .con_wrap > *{ margin-bottom:1em}
.page_twrap .wrap_in.flex .img_wrap{ width:50%}
.page_twrap .wrap_in.flex .img_wrap.w1{ width:55%}
.page_twrap .wrap_in.flex .img_wrap.w2{ width:40%}
.page_twrap .wrap_in.flex .img_wrap .resize{ padding-bottom:56.25%}
.page_twrap .wrap_in.flex .chart_wrap{ width:50%;}
.page_twrap .wrap_in.flex .con_wrap{ padding:0 3em 0 0}
.page_twrap .wrap_in.flex .con_wrap.p1{ padding:0 3em 0 2em}
.page_twrap .wrap_in.flex .con_wrap.p2{ padding-top:2em !important; padding-bottom:2em !important;}
.page_twrap > li:nth-child(2n) .wrap_in.flex .con_wrap{ padding:0 0 0 3em}
.page_twrap > li:nth-child(2n) .wrap_in.flex .img_wrap{ order:-1}
.page_twrap > li .wrap_in.flex.rever{ flex-flow:row-reverse;}
.page_twrap > li .wrap_in.flex.rever .con_wrap{ padding:0 0 0 3em}
.page_twrap > li:nth-child(2n) .wrap_in.flex.rever .con_wrap{ padding:0 3em 0 0}
.page_twrap.flex{ margin:-4em 0 0 -4em}
.page_twrap.flex > li{ width:50%; margin-top:0}
.page_twrap.flex > li.w1{ width:100%}
.page_twrap.flex .wrap_in{ margin:4em 0 0 4em}
.page_twrap.line .wrap_in{ background:#fff; border:1px solid #ddd; border-radius:1em; overflow:hidden}
.page_twrap.line .wrap_in .con_wrap{ padding:2em}
.page_twrap.line .wrap_in .con_wrap.p1{ padding:1em .625em;}
.page_twrap.line.flex .wrap_in{ height:calc(100% - 4em)}
.page_twrap.flex.st2{ margin:-1em 0 0 -1em}
.page_twrap.flex.st2 > li{ width:33.33%;}
.page_twrap.flex.st2 .wrap_in{ margin:1em 0 0 1em;}
.page_twrap.line.flex.st2 .wrap_in{ height:calc(100% - 1em);}

.agree_box{ border-radius:.5em; overflow:hidden; box-shadow:0 0 1em rgba(0,0,0,.1)}
.agree_box .agree_con{ padding:3em; line-height:1.5; color:#666; font-size:.938em}
.agree_box .agree_con > *{ margin-bottom:.5em}
.agree_box .agree_con p > strong{ font-size:1.25em; font-weight:500; margin:2em 0 .5em 0; color:#111}
.agree_box .agree_con p:first-child > strong{ margin-top:0}
.agree_box .agree_con .div_page{ margin-bottom:3em}
.agree_box .agree_con .tit{ font-weight:500; color:#333; font-size:1.125em; margin-bottom:1em}
.agree_box .agree_check{ padding:1em 3em; border-top:1px solid #eee}
.agree_box.H .agree_con{ padding:1.5em 1.5em; height:9em; overflow-y:scroll; font-size:.875em;}
.agree_box.H .agree_check{ padding:1em 1em;}

.box_st{ border-top:1px solid #005aff; padding:1.5em; box-shadow:0 0 1em rgba(0,0,0,.1); border-radius:0 0 1em 1em}

.sub_organization {padding-top: 5em;}
.sub_organization .wrap_in{ display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; position:relative; text-align:center; line-height:1.2;  font-family: Pretendard;}
.sub_organization .division .wrap_in{ width:13em; margin:0 auto; color:#fff; background:#005aff; border-radius:2em; height:4em}
.sub_organization .division .wrap_in .t1{ font-size:1.5em; font-weight:700}
.sub_organization .division .wrap_in .t2{ font-size:1.313em; font-weight:500}
.sub_organization .division.st1 .wrap_in{ margin-top:2.5em}
.sub_organization .division.st1 .wrap_in:before{ content:""; position:absolute; right:50%; bottom:100%; width:1px; height:10em; background:#ddd; z-index:-1}
.sub_organization .division .wrap_in.st2 {margin-right:13%; margin-top:1em;}
.sub_organization .division .wrap_in.st2:before {content:''; position:absolute; right:100%; bottom:50%; width:14.6em; height:1px; background:#ddd}
.sub_organization .division .wrap_in.st1{border-radius:2em; background: linear-gradient(45deg, #ff6204 0%, #005aff; 100%); position:relative}
.sub_organization .division .wrap_in.st1:before{ content:""; position:absolute; left:50%; top:50%; width:100%; height:100%; padding:.5em; transform:translate(-50%,-50%); border-radius:13%;}

.sub_organization .list{ display:flex; position:relative; margin-top:5em; padding-top:2em}
.sub_organization .list:before{ content:""; position:absolute; left:50%; bottom:100%; height:5em; width:1px; background:#ddd}
.sub_organization .list > li{ flex:1 1 1%; position:relative}
.sub_organization .list > li:before,
.sub_organization .list > li:after{ content:""; position:absolute; background:#ddd;}
.sub_organization .list > li:before{ left:50%; bottom:100%; height:2em; width:1px;}
.sub_organization .list > li:after{ right:50%; bottom:calc(100% + 2em); height:1px; width:100%}
.sub_organization .list > li:first-child:after{ display:none}
.sub_organization .list > li > .wrap_in{ background:#fff; border:3px solid #005aff; color:#005aff; margin:0 2em; height:4em; border-radius:1em; overflow:hidden; padding:.5em; box-sizing:border-box}
.sub_organization .list > li > .wrap_in.c1{ background:#005aff; color:#fff}
.sub_organization .list > li > .wrap_in.c2{ background:#888; color:#fff; border-color:transparent}
.sub_organization .list > li .t1{ font-weight:500; font-size:1.125em}
.sub_organization .list > li .t2{ font-weight:500; font-size:1.063em}
.sub_organization .list > li .t3{ color:#666; font-size:.938em}
.sub_organization .list > li > .wrap_sub{ padding:1em; margin:.5em 2em; border-radius:1em; box-shadow: rgb(0 0 0 / 10%) 3px 3px 5px; background-color:#fff;}
.sub_organization .list > li > .wrap_sub > li{ margin:.75em 0}
.sub_organization .list.s1{ margin-top:1.5em; padding-top:1.5em}
.sub_organization .list.s1:before{ height:1.5em}
.sub_organization .list.s1 > li:before{ height:1.5em}
.sub_organization .list.s1 > li:after{ bottom:calc(100% + 1.5em)}
.sub_organization .list.s1 > li > .wrap_in{ height:3em}
.sub_organization .list + .list.s1:before{ height:7.5em}

.mapH{ height:100vh; visibility:hidden; position:absolute; width:0; z-index:-1}
.root_daum_roughmap_landing{ width:100% !important}
.sub_logo{ position:relative; margin-top:6em; padding:2em 0 3em 0}
.sub_logo:before{ content:""; position:absolute; width:100vw; height:100%; left:50%; top:0; transform:translateX(-50%); background:#005aff; opacity:.1}
.sub_logo .tt{ margin-right:3em; line-height:1}
.sub_logo .tt .t1{ font-weight:500; font-size:1.125em; margin-bottom:.5em}
.sub_logo .tt .t2{ font-weight:700; font-size:2.5em; letter-spacing:-.063em; color:#535252}
.sub_logo .logo{ height:6em}

.sub_process{ margin:-1.5em 0 0 -3em; display:flex; flex-wrap:wrap}
.sub_process.hr{ justify-content:flex-end}
.sub_process > li{ width:25%; counter-increment: sub_process_idx}
.sub_process > li .wrap_in{ margin:3em 0 0 3em; height:calc(100% - 3em); border-radius:1em; padding:1em; box-sizing:border-box; border:1px solid #ddd; position:relative; background:#fff}
.sub_process > li .wrap_in .line{ content:""; position:absolute; left:100%; top:50%; transform:translateY(-50%); width:3em; height:.5em; background:#ddd}
.sub_process > li .wrap_in .line:before{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#005aff;}
.sub_process > li:last-child .wrap_in .line{ display:none}

.sub_process > li .wrap_in .img_wrap{ border-radius:.5em; overflow:hidden}
.sub_process > li .wrap_in .con_wrap .tit{ text-align:center; padding:1em 0 1.5em 0; margin-bottom:2em; border-bottom:1px solid #eee; position:relative}
.sub_process > li .wrap_in .con_wrap .tit .icon{ display:block; text-align:center; font-size:2.5em; margin-bottom:.25em; color:#ccc}
.sub_process > li .wrap_in .con_wrap .tit:after{content:counter(sub_process_idx); position:absolute; left:50%; top:100%; width:2em; line-height:2em; border-radius:50%; background:#005aff; color:#fff; transform:translate(-50%, -50%)}
.sub_process > li .wrap_in .con_wrap .tit .t1{ font-weight:500; font-size:1.250em}
.sub_process > li .wrap_in .con_wrap .tit .t2{ font-weight:500; font-size:1em}
.sub_process > li:nth-child(-n+3){ order:-4}
.sub_process > li:nth-child(4){ order:-1}
.sub_process > li:nth-child(5){ order:-2}
.sub_process > li:nth-child(6){ order:-3}
.sub_process > li.before .wrap_in{ border-color:#535252; box-shadow:0 0 .5em rgba(0,0,0,.1); transition:.3s}
.sub_process > li.before .wrap_in .line:before{ width:100%; height:100%; transition:all .5s ease-in-out}

.sub_process.wst1{ margin:-1em 0 0 -1em;}
.sub_process.wst1 > li{ flex:1; order:1;}
.sub_process.wst1 > li .wrap_in{ margin:1em 0 0 1em; height:calc(100% - 1em);}
.sub_process.wst1 > li .wrap_in .line{ left:100%; top:50%; transform:translateY(-50%); width:1em; height:.5em;}
.sub_process.wst1 > li .wrap_in .line:before{ left:0; top:0; width:0; height:100%;}
.sub_process.wst1 > li.before .wrap_in .line:before{ width:100%; height:100%;}

.sub_process_in{ margin:0 0 -.375em -.375em;}
.sub_process_in > li{ flex:1 1 33.33%;}
.sub_process_in > li.w1{ flex:1 1 50%;}
.sub_process_in > li > .in{ flex:1; margin:0 0 .375em .375em; padding:1em .75em; background:#f9f9f9; border:1px dashed #ddd; border-radius:.625em; text-align:center;}
.sub_process_in > li > .in .in_txt{}
.sub_process_in > li > .in .in_txt .icon{ display:block; margin-bottom:.25em; color:#ccc;}
.sub_process_in > li > .in .in_txt .tt{ display:block;}
.sub_process_in > li > .in .in_txt .t1{ font-size:1em;}

.agreeEtcWrap{ color:#666; font-size:.875em; line-height:1.6}
.agreeEtcWrap strong{ font-weight:500}

.page_addNum{ counter-increment:sub_num_idx;}
.page_addNum .addNum:before{ content:counter(sub_num_idx);}
.sub_careWrap .tabH{ height:6.5em; box-sizing:border-box;}

.sub_tabWrap{ position:relative; z-index:22; margin-bottom:3em; margin-top:3em;}
.sub_tabWrap .tab_idx{ margin-bottom:0;}
.sub_tabWrap .tab_idx > li{ flex:1;}
.sub_tabWrap .tab_idx > li .in{ flex:1; position:relative; padding:1.25em 1em .5em 1em; background:#fff; text-align:center;}
.sub_tabWrap .tab_idx > li .in:before{ position:absolute; left:50%; top:0; width:2em; line-height:2em; border-radius:50%; background:#535252; color:#fff; transform:translate(-50%, -50%)}
.sub_tabWrap .tab_idx > li .in .tt{ font-size:1em; font-weight:500;}

.sub_tabWrap .sub_tabFix{ position:absolute; top:0; left:0; right:0; background:#fff !important; transition:padding .2s;}
body.on-gnb .sub_tabWrap{ margin-bottom:0;}
body.on-gnb .sub_tabWrap .sub_tabFix{ position:fixed; top:4.5em; padding:1.5em 0 1em 0; box-shadow:0 0 1em rgba(0,0,0,.1);}
body.on-6 .sub_tabWrap .sub_tabFix{ position:absolute;}

.sub_careWrap .careSec{ padding:5em 0 5em 0;}
.sub_careWrap .careSec.bg1{ background:#f5f5f5;}
.sub_careWrap .careSec .careTT{ margin-bottom:1.5em;}
.sub_careWrap .careSec .careTT ~ .careTT{ margin-top:1.875em;}
.sub_careWrap .careSec .careTT .num{ margin-right:.5em;}
.sub_careWrap .careSec .careTT .addNum{ position:relative; padding:0 .25em; margin-top:-.375em; margin-right:1em;}
.sub_careWrap .careSec .careTT .addNum:before{ position:relative; z-index:2; font-size:2.5em; color:#333; font-weight:700;}
.sub_careWrap .careSec .careTT .addNum:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:50%; background:#f5a55c; opacity:.3; z-index:1}

.sub_careWrap .chart{ height:20em;}
.sub_careWrap .mapWrap{ position:relative;}
.sub_careWrap .mapWrap .map_img{ position:relative; padding:0 20%;}
.sub_careWrap .mapWrap .map_img img{ width:100%;}
.sub_careWrap .mapWrap .map_txt{ position:absolute; top:0; left:0; width:100%; height:100%;}
.sub_careWrap .mapWrap .map_txt > li{ position:absolute;}
.sub_careWrap .mapWrap .map_txt > li > .in{ position:absolute; top:0; right:0; transform:translateY(-50%); padding:.375em .75em; background:#535252; border-radius:10em; color:#fff; white-space:nowrap;}
.sub_careWrap .mapWrap .map_txt > li > .in .tt{ font-size:.813em;}
.sub_careWrap .mapWrap .map_txt > li:nth-child(n + 8) > .in{ right:auto; left:0;}
.sub_careWrap .mapWrap .map_txt > li:nth-child(1){ top:8%; right:64%;}
.sub_careWrap .mapWrap .map_txt > li:nth-child(2){ top:16%; right:66%;}
.sub_careWrap .mapWrap .map_txt > li:nth-child(3){ top:24%; right:67%;}
.sub_careWrap .mapWrap .map_txt > li:nth-child(4){ top:39%; right:68%;}
.sub_careWrap .mapWrap .map_txt > li:nth-child(5){ top:48%; right:52%;}
.sub_careWrap .mapWrap .map_txt > li:nth-child(6){ top:74%; right:66%;}
.sub_careWrap .mapWrap .map_txt > li:nth-child(7){ top:82%; right:70%;}
.sub_careWrap .mapWrap .map_txt > li:nth-child(8){ top:11%; left:55%;}
.sub_careWrap .mapWrap .map_txt > li:nth-child(9){ top:44%; left:64%;}
.sub_careWrap .mapWrap .map_txt > li:nth-child(10){ top:54%; left:66%;}
.sub_careWrap .mapWrap .map_txt > li:nth-child(11){ top:62%; left:68%;}
.sub_careWrap .mapWrap .map_txt > li:nth-child(12){ top:97%; left:42%;}

/**/
/**/
.login_wrap .login{ width:30em; max-width:94%; margin:0 auto}

.login_wrap .link_wrap{ padding:0 .5em; margin:1em 0}
.login_wrap .link_wrap .link{ font-size:1em; margin:0 1em; color:#666}
.login_wrap .link_wrap .link .tt{ padding:0 .25em; display:inline-block}
.login_wrap .link_wrap .link:hover .tt{ text-decoration:underline; color:#111}

.login_wrap .check_wrap{ margin:.75em 0 0 0}
.login_wrap .btn_wrap{ margin-top:2em}
.login_wrap .btn_wrap + .btn_wrap{ margin-top:.5em}
.login_wrap .btn_wrap .btn{ padding:0 2em; height:3.5em; box-shadow:1px 1px 2px rgba(0,0,0,.2); background:#005aff; color:#fff; border:none; width:100%; box-sizing:border-box; border:2px solid transparent; margin-bottom:.5em; font-size:1.em; font-weight:500; border-radius:.25em}
.login_wrap .btn_wrap .btn.c1{ border-color:#333; color:#333; background:#fff}
.login_wrap .btn_wrap .btn.c2{ background:#fff; color:#005aff; border-color:#005aff;}
.login_wrap .btn_wrap .btn.s1{ font-size:1.25em}
.login_wrap .btn_wrap .btn.s2{ font-size:.875em}
.login_wrap .btn_wrap .btn.w1{ width:49%}
.login_wrap .tt_st{ color:#005aff;}
.login_wrap .tit_wrap{ margin-bottom:1.5em}
.login_wrap .tit_wrap .t1{ font-weight:700; font-size:2em}

.form_wrap{ border:1px solid #ddd; border-radius:1em; padding:3em}
.form_wrap .tit_wrap{ float:left; width:20%}
.form_wrap .tit_wrap .in{ border-top:2px solid #333; padding:1.125em}
.form_wrap .con_wrap{ float:right; width:75%}

.form_st{}
.form_st > li{ margin-top:1em}
.form_st > li:first-child{ margin-top:0}
.form_st > li .in{ position:relative; padding:0 1em 0 4em; margin-top:.5em}
.form_st > li .in .icon{ position:absolute; left:0; top:50%; width:3em; line-height:3em; margin-top:-1.5em; text-align:center; color:#666}
.form_st > li .in .icon:before{ font-size:1.313em}
.form_st > li .in .lab{ position:absolute; left:4em; top:50%; line-height:1em; margin-top:-.5em; color:#999; background:#fff; padding:0 .25em}
.form_st > li .in .inp{ width:100%; box-sizing:border-box; padding:1em 0; height:4em; border:none; position:relative; z-index:1; background:none; font-weight:bold; color:#666}
.form_st > li .in .inp[type=file]{ padding:0 !important; height:3em}
.form_st > li .in .inp[readonly=readonly]{ background:#f5f5f5}
.form_st > li .in textarea.inp{ height:10em; padding:1em !important}
.form_st > li .in .line{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; transition:.3s; border-radius:.25em}
.form_st > li .in .inp:focus ~ .lab,
.form_st > li .in .inp.on ~ .lab{ transform:scale(.9,.9); top:0; color:#005aff; margin-left:-.5em; transition:.3s}
.form_st > li .in .inp:focus ~ .icon,
.form_st > li .in .inp.on ~ .icon{ color:#333}
.form_st > li .in .inp:focus ~ .line,
.form_st > li .in .inp.on ~ .line{ border-color:#005aff;}
.form_st > li .in .inp.c1{ background:#f1f1f1}

.form_st.st1 > li{ display:flex; flex-wrap:wrap; align-items:center}
.form_st.st1 > li:not(.btn_wrap){ margin-top:1.5em}
.form_st.st1 > li.line{ margin-top:1.25em; padding-top:1.25em; border-top:1px solid #005aff;}
.form_st.st1 > li.line > .label_st{ width:100%; margin-top:-1em}
.form_st.st1 > li.line2{ border-top:1px solid #ddd; padding-top:1em !important}
.form_st.st1 > li .in{ padding:0; flex:1 1 1%; min-width:0; word-break:break-all}
.form_st.st1 > li .in_sec{ width:1.5em; text-align:center; color:#999; display:inline-block}
.form_st.st1 > li .in_sec2{ width:.5em}
.form_st.st1 > li .in_br{ flex-basis:100%}
.form_st.st1 > li .in_tit{ font-weight:500; font-size:1em; color:#333; width:100%}
.form_st.st1 > li .in_tit .ess:before{ font-size:1em; margin-left:.5em}
.form_st.st1 > li .in_tit.c1{ color:#777}
.form_st.st1 > li .in_tit.s1{ font-size:1.25em}
.form_st > li .in_tt{ width:100%; color:#777; font-size:1em; margin-top:1em; line-height:1.5}
.form_st.st1 > li .in.fix{ flex:0 0 auto}
.form_st.st1 > li .in .inp{ padding:1em 1em; height:3.5em; font-size:.938em;font-weight:400}
.form_st.st1 > li .in .inp[type=file]{ height:3em}
.form_st.st1 > li .in .inp.s1{ font-size:1em}
.form_st.st1 > li .in .btn{ color:#fff}
.form_st.st1 > li .in .btn + .line{ background:#333; border-color:transparent}
.form_st.st1 > li .in .w100{ width:100%}
.form_st.st1 > li .in.w1{ max-width:26%}
.form_st.st1 > li .in.w50{ max-width:50%}
.form_st.st1 > li .in.w100{ flex-basis:100%}
.form_st.st1 > li .agree{ border:1px solid #ddd; width:100%; margin:.75em 0; border-radius:.25em}
.form_st.st1 > li .agree > li{ padding:.75em 1em; position:relative; transition:.3s}
.form_st.st1 > li .agree > li.all{ border-bottom:1px solid #ddd}
.form_st.st1 > li .agree > li .more{ background:#aaa; color:#fff; padding:.25em 1em; font-size:1em}
.form_st.st1 > li .agree > li .more:before{ content:"보기"}
.form_st.st1 > li .agree > li .agree_box{ display:none}
.form_st.st1 > li .agree > li .on .more{ background:#333}
.form_st.st1 > li .agree > li .on .more:before{ content:"접기"}
.form_st.st1 > li .agree > li .on .agree_box{ display:block}
.form_st.st1 > li.flex{ padding:0 .5em}
.form_st.st1 > li.flex .in_tit{ flex-basis:8em; font-size:1em; padding-left:0; height:4em; display:flex; align-items:center}
.form_st.st1 > li.flex .in{ margin-top:0}
.form_st.st1 > li.flex .in.w100{ margin-left:8em}
.form_st.st1 > li.flex .in .inp{ font-size:.938em}

.form_st.text{ border-bottom:1px solid #ddd}
.form_st.text > li{ border-top:1px solid #ddd; margin-top:0}
.form_st.text > li .in .t1{ font-size:1em; color:#666}
.form_st.text > li .in a:hover{ text-decoration:underline}

.fin_wrap{ border:1px solid #ddd; padding:2em 4em 4em 4em; text-align:center; box-sizing:border-box}
.fin_wrap.w1{ width:70em; margin:0 auto; max-width:94%; padding:2em 2em 4em 2em;}
.fin_wrap .fin_icon{ opacity:.1; font-size:2.5em}
.fin_wrap .fin_tit{ font-weight:300; font-size:2em;}
.fin_wrap .fin_tit:after{ content:""; display:block; margin:.75em auto; width:1em; height:1px; background:#aaa}
.fin_wrap .fin_tt{ color:#888; line-height:1.6}
.fin_wrap .fin_tt.t1{ color:#666; font-size:1.25em}

.fin_wrap.st1{ border:none; padding:0}

<!--new-->

.bg1 {background-color:#f1f4fe;}
.bg2 {background-color:#f9f9fa; padding:2em;}

.blue {color:#10234c;}

.mt0 {margin-top:0em;}
.mt1 {margin-top:2em;}
.mt2 {margin-top:4em;}
.mt6 {margin-top:6em;}
.mb0 {margin-bottom:0em;}
.mb1 {margin-bottom:2em;}
.mb2 {margin-bottom:4em;}
.mb6 {margin-bottom:6em;}

.txtbox {text-align:center; margin:0 auto;position:relative;}
.txtbox .sub_tit01 {font-size:3em; font-weight:600; color:#52aaf7;}
.txtbox .sub_tit02 {font-size:2.5em; font-weight:600; color:#000;}
.txtbox .sub_tit02 span {color: #52aaf7; font-size:1.250em;}
.txtbox .bar {}
.txtbox .bar:before {position: absolute; content: ""; width: 2em; height: 2px; background: #000; top: 50%; left:50%; transform:translate(-50%,-50%)}
.txtbox .sub_txt {font-size:1em; font-weight:200; margin-top:4em;}

.about {margin-top:4em;}
.about_opne {border: 1px solid #ddd; border-top-color:#52aaf7; text-align:center; width:13em; padding:1em;}
.about_mile {border: 1px solid #ddd; border-top-color:#52aaf7; text-align:center; width:13em; height:5em; padding:1em;}

.about_tit {color:#52aaf7; font-size:1.250em; margin-bottom:1em;}

.ser_tit {text-align:center;}
.ser_tit .en {color:#005aff; text-transform:uppercase; margin-bottom:1em; font-size:1.875em;}
.ser_tit .tt {font-size:2.5em; font-weight:600; margin-bottom:1em;}
.ser_tit .tx {font-size:1.250em; font-weight:400; margin-bottom:3em;}

.ul_st .boxst {border:1px solid #005aff; padding:.5em; color:#005aff; text-align:center; margin-bottom:1em;}
.ul_st.ico.ico1 > li:first-child:before {content:'';}

.eKzBJD { position: absolute; bottom: 0px; left: 0px; width: 100%;height: 30%; font-size: 0px; background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); z-index: 1;}
	
.gbrgJx { position: relative; display: table;width: 100%;min-width: 1210px;height: 100vh;text-align: center;background: rgb(0, 0, 0);overflow: hidden;}

.point_box {color:#fff; border:1px solid #fff; border-radius:2em; padding:2em; font-size:1.250em; font-weight:300; width:9em; height:12em; margin-right:1em; font-family: Pretendard;}
.point_box .icon {font-size:2em; margin-bottom:1em; color:#fff;}
.point_box .bar {width:90%; margin:0 auto; height:1px; background:#fff; margin-bottom:1em;}
.point_box .point_tt {margin-bottom:.5em; color:#fff; font-size:1.250em; font-weight:600;}

.section3 .ser_tit {padding:6em 0 6em;}
.section3 .ser_tit.st2 {padding:2em 0 6em;}

.bxafHB { background: linear-gradient(rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 63%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 100%);}

.contents_box {height: 420px; width: 23%;background: rgb(255, 255, 255); margin: 0px 1%; padding: 0px 10px; border-radius: 15px;box-shadow: rgb(0 0 0 / 10%) 3px 3px 5px; box-sizing: border-box;}

.contents_box .contents_icon {width: 9em;; height:9em;; text-align: center; border-radius: 100%; margin: 50px auto 40px; box-sizing: border-box; overflow: hidden;}
.con_icon_bg {background-color:#005aff;width: 100%; height: 100%;}
.con_icon_bg img {width: 50%; transition: all 0.4s ease 0s;}
.contents_title {width: 100%; text-align: center; font-weight: 700;  font-size: 1.250em;line-height: 35px; color: rgb(2, 32, 74); padding: 10px 0px;}
.contents_comment {width: 100%; font-family: Pretendard;text-align: center;font-weight: 300; font-size: 1.250 em;line-height: 23px; color: rgb(0, 0, 0);}

.section {font-family: Pretendard;}
.section4 th {background-color:#005aff; color:#fff;}

.section_text {margin-top: -25px; font-weight: 300;  font-size: 2.5em; line-height: 65px; color: rgb(0, 0, 0);}
.section_text span { font-weight: 700; color:#005aff;}
.section_img { margin-top: -25px; position: relative; float: left; width: 55%; padding: 0px 20px; box-sizing: border-box;}
.section_img .delivery_more { position: relative;float: right; width: 70px;height: 70px; font-family: Pretendard; text-align: center; font-weight: 100; font-size: 60px;line-height: 60px; color: rgb(255, 255, 255); background: #005aff; margin: 30px 0px 0px; cursor: pointer; left: 100px;}
.section_img .delivery_more::before { position: absolute; top: 49%; right: 70px; width: 600px; height: 2px; background: #005aff; content: "";}
.section_img .delivery_more i {font-size:1em;}

.greet .section0 {position: relative; display: table; width: 100%; min-width: 1210px;text-align: center; background: rgb(0, 0, 0);overflow: hidden;}

.sub_images_title{position: absolute; bottom: 45%; left: 0px; width: 100%; font-weight: 600; font-size: 3.38em; color: rgb(255, 255, 255); z-index: 2;}
	
.sub_images_title span {color:#005aff;}


.section_0 {position: relative; width: 100%; text-align: center; padding: 150px 0px 200px;}
.sec_tit1 {width: 100%;font-weight: 300; font-size: 2.5em; line-height: 25px;color: rgb(0, 0, 0);margin: 0px 0px 30px;}
.sec_tit2 {width: 100%;font-weight: 700;font-size: 1.875em;line-height: 65px;color: rgb(0, 0, 0); margin: 1em 0px 30px;}
.sec_tit3 {width: 100%; font-weight: 300; font-size: 1.250em; line-height: 25px;color: rgb(0, 0, 0);}

.cBhEXo {animation: 2s linear 0s infinite normal none running kFLuYF;}

.lmLXso {position: absolute;bottom: 20%;left: 50%; width: 50px; margin-left: -25px; z-index: 2;animation: 2s linear 0s infinite normal none running iPpKVy; cursor: pointer;}

.section0 .lmLXso a {font-size: 2.5em;color: rgb(255, 255, 255);}

.lmLXso a {font-size: 2.5em; color:  rgb(0, 0, 0);}

@keyframes iPpKVy {
	0% {bottom:15%;}
	20% {bottom:13%; opacity:0;}
	30% {bottom:13%; opacity:0;}
	70% {bottom:15%;}
	100% {bottom:15%;}
	}

.logo_img {width:30%; margin:0 auto;}
.logo_img img {width:90%;}
.greet .section1 {padding:6em 0 4em; background:linear-gradient(rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 60%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 100%); padding-bottom: 10em;}
.greet .section1 .ser_tit {margin-bottom : 5em;}
.greet .section1 .opemmile {width:900px; margin:0 auto;}
.greet .section1 .tt {font-weight:600; font-size:2.5em;}

.greet .section1 .txt_box {box-shadow: rgb(0 0 0 / 10%) 3px 3px 5px; padding:2.5em; border-radius:3em; background-color:#fff;}
.opemmile {text-align:center; margin:8em 0; font-family: Pretendard;}
.opemmile > div {width:33.3%;}
.open_left .open_ti {color:#005aff;}
.open_mid {animation: rotate_image 6s linear infinite;transform-origin: 50% 50%;}
.open_mid img {width:10em;}
/*@keyframes rotate_image{
    100% {transform: rotate(360deg);}
}*/

.open_right .open_ti {color:#005aff;}
.open_ti {font-weight:600; font-size:2.5em; margin-bottom:.5em;}
.open_tx p { font-size:1.5em; font-weight:600; margin-bottom:.5em;}

.greet .section2 .ser_tit {margin-top:6em;}
.greet .section2 .mission {position:relative; padding:7em 0 0;}
.greet .section2 .mission_img {width:35%; position:absolute; left:50%; top:65%; transform: translate(-50%,-50%);}
.greet .section2 .orange {width:63%; font-weight:600; font-size:2.5em; padding:3em 0; color:#005aff;}
.greet .section2 .con_w ul {color:#fff; font-family: Pretendard;}
.greet .section2 .con_w ul li {width:25%;}
.greet .section2 .con_w ul .li_tit {text-align:center; font-size:1.250em; margin-bottom:.5em;}

.greet .section2 .con_w ul .li_bar {width:98%; background-color:#fff; height:1px;text-align:center;margin-bottom:1em; position:relative;}
.greet .section2 .con_w ul .li_bar:after {content:''; width:.5em; height:.5em; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#fff;}
.greet .section2 .con_w ul .li_bar:before {content:''; width:.5em; height:.5em; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#fff; animation: dots 1.5s infinite;}
@keyframes dots {
    100% {opacity: 1; transform: scale(2); opacity: 0;}
}
.greet .section2 .con_w ul .li_tx {text-align:center; font-size:1em;}

.greet .section4 {margin:6em 0 4em;}
.greet .section4 .ser_tit {margin-bottom : 5em;}
.greet .section5 {}
.greet .section5 .ser_tit {margin-bottom : 5em;}
.greet .section6 {margin:6em 0 4em; }
.greet .section6 .ser_tit {margin-bottom : 5em;}
.greet .section_cert {margin:6em 0 4em; padding:6em 0 4em;}
.greet .section_cert .ser_tit {margin-bottom : 5em;}

.orange {color:#005aff;}

.fullH{ height:100vh;}

<!--service-->

.section1 .logo_open {width:3.5em; !important}
.section1 .logo_mile {width:3em; !important}

.section5 {margin: 10em auto 3em;}


#header .top_wrap .gnb_wrap .gnb > li.m_company .dp2{display:none;}

.store_box {margin-right:2em;}
.sec1_store .store_box a {width:100%; display:block; font-size:1.250em; border: 1px solid #005aff; padding:1em;  width:7em; margin:0 auto; transition: 0.2s;}
.store_box a:hover {color:#fff; background-color:#005aff; transition:0.5s;}
.store_box.right {margin-right:0;}
.store_box .icon img {width:1.2em; margin-right:.3em;}
.store_box .icon i {color:#000; font-size:1.2em;}

.section {padding: 10em 0;}
.section .left {width:40%;}
.section .left .title {font-size:1.875em; margin-bottom:1em;}
.section .left .txt {font-size:1.250em; line-height: 1.7;}
.section .right {width:60%;}
.section .right .img {width:55%; margin:0 auto;}
.section .right .img.section2 {width:80%;}
.section .right .img.bg{width: 100%; padding:10em 0;}
.section .right .txt {margin-bottom: 1em; font-size: 1.250em;}

.checkbox {background-color:#fff; padding:2em 3em; width:40%; border-top: .5em solid #005aff;}
.checkbox.left {margin-right:1em;}
.checkbox .check_inner .check_title {font-size:2em; font-weight:bold; border-bottom:2px solid #ddd; padding-bottom:.5em; margin-bottom:.5em;}
.checkbox .check_inner .check {color:#005aff; margin-right:1em; position:relative; padding-left:.2em; font-size:1em;}
.checkbox .check_inner .check:before {content:''; position:absolute; top:.2em; left:0; width:1em; height:1em; border:1px solid #000;}
.checkbox .check_inner .check_tit {font-size:1.25em; font-weight:bold; margin-bottom:.5em;}
.checkbox .check_inner .check_tt {margin-bottom:1em; margin-left:2em;}