@charset "utf-8";
/* CSS Document */
.box0{ width:92%; margin:0 auto; max-width:1920px}
.box1{ width:1280px; margin:0 auto}

.gnb li.m_hide{ display:none}

body:not(.pop){ display:flex; flex-direction:column}
body:not(.isIE){ min-height:100vh}

#div_loading{ position:fixed; text-align:center; top:50%; left:50%; margin-top:0px; margin-left:0px; z-index:1;}
#div_loading .xi{ font-size:3em;-webkit-animation:xi-spin 2s infinite linear;animation:xi-spin 2s infinite linear}
#div_loading .tt{ font-size:1em}

#footer{ margin-top:auto}

#header{ position:-webkit-sticky; position: sticky; left:0; top:0; width:100%; z-index:1000; background:#fff}
#header .wrapH,
#header .gnb_wrap .gnb > li .dp1{ height:6.25em}
.headerT{ padding-top:6.25em}
#header .logo_wrap .logo img{ height:3.625em}
#header .gnb_wrap{  flex:1 1 0%; min-width:0; display:flex; justify-content:flex-end}
#header .gnb_wrap > .gnb{ width:45em; max-width:90%}
#header .gnb_wrap > .gnb > li{ flex:1 1 auto}
#header .gnb_wrap > .gnb > li .dp1{ padding:1em; display:block; box-sizing:border-box; width:100%}
#header .gnb_wrap > .gnb > li .dp1 .va{ font-size:1.25em; font-weight:500; position:relative; padding:.375em}
#header .gnb_wrap > .gnb > li .dp1 .va:after{ content:""; position:absolute; right:-.125em; top:0; width:.375em; height:.375em; background:#1a4e87; border-radius:50%; opacity:0; transition:.3s}
.main #header .gnb_wrap > .gnb > li:hover .dp1 .va:after,
#header .gnb_wrap > .gnb > li.on .dp1 .va:after{ opacity:1 }
#header .gnb_wrap > .gnb > li.on .dp1,
#header .gnb_wrap > .gnb > li:hover .dp1{ color:#1a4e87}
#header .gnb_wrap > .gnb > li{ position:relative}
#header .gnb_wrap > .gnb > li .dp2{ display:none !important}
#header .gnb_wrap .gnb_all{ position:absolute; left:0; top:100%; width:100%; border-top:1px solid #eee; box-shadow:0 15em 10em rgba(0,0,0,.3); opacity:0; visibility:hidden}
#header .gnb_wrap .gnb_all:before{ content:""; position:absolute; left:0; top:0; width:100%; height:80%; background:#fff; transition:.3s}
#header .gnb_wrap .gnb_all .gnb{ padding:1px  0 0 1px; position:relative}
#header .gnb_wrap .gnb_all .gnb > li{ flex:1 1 1%; position:relative; border:1px solid #eee; border-top:none; border-bottom:none; margin:-1px 0 0 -1px}
#header .gnb_wrap .gnb_all .gnb > li a{ text-align:left}
#header .gnb_wrap .gnb_all .gnb > li .dp1{ color:#bbb; padding:1.5em 1em .5em 1em; height:auto}
#header .gnb_wrap .gnb_all .gnb > li .dp2{ display:block; padding:0 0 2em 0}
#header .gnb_wrap .gnb_all .gnb > li .dp2 > li > a{ padding:.5em 1em}
#header .gnb_wrap .gnb_all .gnb > li .dp2 > li:hover > a{ color:#71cdce}
#header .gnb_wrap .gnb_all .gnb > li .dp3{ display:block; position:relative; padding:0 0 .5em 0}
#header .gnb_wrap .gnb_all .gnb > li .dp3 > li > a{ padding:.375em 1em; color:#777; position:relative; padding-left:1.75em}
#header .gnb_wrap .gnb_all .gnb > li .dp3 > li > a:before{ content:"-"; position:absolute; left:1em; top:.25em}
#header .gnb_wrap .gnb_all .gnb > li .dp3 > li:hover > a{ color:#fff; background:#71cdce}
#header .gnb_wrap .gnb_all .gnb > li .dp3 > li > a .va{ font-size:.875em}
#header .gnb_wrap .gnb_all .gnb:hover:before{ height:100%; opacity:1; visibility:visible}
#header .gnb_wrap .gnb_all .gnb:hover > li .dp2{ z-index:auto; opacity:1; visibility:visible; transition:.3s; transition-delay:.1s}
#header .gnb_wrap:hover .gnb_all{ opacity:1; visibility: visible; transition:.3s; transition-delay;1s}
#header .gnb_wrap:hover .gnb_all:before{ height:100%}
#header .mem_wrap{ margin-left:1em}
#header .mem_wrap .btn{ padding:.625em 1.25em; font-size:.875em; color:#fff; background:#8bc874; border-radius:.25em; margin-left:.375em}
#header .mem_wrap .btn .xi{ font-size:1em; margin-right:.25em}
#header .mem_wrap .btn.c1{ background:#75afdf}
#header .all_wrap .allBtn{ padding:.5em 1em; transform:translateX(1em); color:#666}
#header .all_wrap .allBtn .xi{ font-size:2.25em}
#header .all_wrap .all{ position:fixed; right:0; top:0; width:100%; height:100vh; opacity:0; visibility:hidden}
#header .all_wrap .all .wrap_bg{ height:100%; background:rgba(0,0,0,.7); position:relative}
#header .all_wrap .all .wrap_bg .btn{ position:absolute; right:1em; top:1em; width:3em; line-height:3em; background:#fff; border-radius:50%; color:#1a4e87; text-align:center}
#header .all_wrap .all .wrap_in{ height:100%; width:20em; max-width:90%; background:#fff; display:block}
#header .all_wrap .all .top{ padding:3em 0; background:#f5f5f5}
#header .all_wrap .all .top .logo{ background:#f5f5f5}
#header .all_wrap .all .top .mem_wrap{ font-size:.938em; margin-top:2em}
#header .all_wrap .all .top .logo img{ height:4.5em;}
#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; 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{ border-bottom:1px solid rgba(0,0,0,.1); padding:0 1.5em; height:5em}
#header .all_wrap .all .gnb > li .dp1 .va{ font-size:1.063em; font-weight:500}
#header .all_wrap .all .gnb > li.more .dp1 + .layer{ height:5em}
#header .all_wrap .all .gnb > li .dp2{ padding:1em 0}
#header .all_wrap .all .gnb > li .dp2 > li > a{ padding:.75em 1.5em; transition:.3s}
#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:#fff; margin:0 1.25em; border-radius:.5em; padding:.75em; margin-bottom:.5em}
#header .all_wrap .all .gnb > li .dp3 > li > a{ padding:.5em; color:#888;}
#header .all_wrap .all .gnb > li .dp3 > li > a .va{ font-size:.875em}
#header .all_wrap .all .gnb > li .dp3 > li > a .arrow{ right:0; opacity:.7}
#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:#1a4e87; color:#fff}
#header .all_wrap .all .gnb > li.on > a .arrow{ transform:rotate(180deg)}
#header .all_wrap .all .gnb > li.on > ul{ background:#75afdf; color:#fff; display:block}
.allGnbOn{ overflow-y: hidden}
.allGnbOn body{ overflow-y: scroll}
.allGnbOn #header .all_wrap .all{ opacity:1; visibility:visible; transition:.3s}

#footer{ background:#6c757d; color:#fff}
#footer .goTop{ position: fixed; bottom:2em; right:2em; text-align:center; width:3em; line-height:3em; border-radius:50%; background:#75afdf; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(1em); transition:.3s}
.scroll #footer .goTop{ opacity:1; transform:translateY(0)}
#footer .goTop .xi{ font-size:1.5em}

#footer{ padding:0 0 4em 0}
#footer .menu_wrap{ padding:2em 0}
#footer .menu_wrap .menu{ margin-left:-2em}
#footer .menu_wrap .menu > li > a{ font-weight:500; position:relative; padding:.5em 2em}
#footer .menu_wrap .menu > li:not(:last-child) > a:before{ content:""; position:absolute; right:0; top:50%; height:1em; width:1px; background:#fff; opacity:.2; transform:translateY(-50%)}
#footer .menu_wrap .menu > li.point > a{ color:#3ce6ff}
#footer .menu_wrap .linkBtn{ background:#fff; border-radius:2em; color:#333; padding:1em 1.5em; margin-left:.5em; border:1px solid transparent; box-sizing:border-box}
#footer .menu_wrap .linkBtn .tt{ font-size:.938em}
#footer .menu_wrap .linkBtn .xi{ margin-left:1em; transition:.3s}
#footer .menu_wrap .linkBtn.c1{ background:rgba(0,0,0,.25); border-color:rgba(255,255,255,.25); color:#fff}
#footer .menu_wrap .linkBtn:hover .xi{ transform:translateX(.25em)}
#footer .menu_wrap .site{ position:relative; margin-left:.5em}
#footer .menu_wrap .site .linkBtn{ margin-left:0}
#footer .menu_wrap .site .linkBtn:hover .xi{ transform:translateX(0)}
#footer .menu_wrap .site .list{ position:absolute; left:0; bottom:100%; width:100%; border-radius:2em 2em 0 0; background:#1a4e87; padding:.75em 0; opacity:0; visibility:hidden}
#footer .menu_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 .menu_wrap .site .list > li > a{ display:block; padding:.75em 1.5em; padding-right:3em; position:relative}
#footer .menu_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 .menu_wrap .site .list > li > a .tt{ font-size:.938em}
#footer .menu_wrap .site .list > li > a:hover{ color:#3ce6ff}
#footer .menu_wrap .site .list > li > a:hover:after{ transform:translateX(0); opacity:1}
#footer .menu_wrap .site.on .linkBtn{ background:#1a4e87; border-color:transparent; border-top-left-radius:0; border-top-right-radius:0}
#footer .menu_wrap .site.on .linkBtn .xi{ transform:rotate(45deg)}
#footer .menu_wrap .site.on .list{ opacity:1; visibility:visible}

#footer .info_wrap .info > li{ float:left; margin-right:3em; margin-bottom:.25em; font-size:.938em}
#footer .info_wrap .info > li.br{ clear:left}
#footer .info_wrap .info > li.copyright{ font-size:.75em; opacity:.5; text-transform:uppercase; margin-top:1.5em}
#footer .info_wrap .info:after{ content:""; display:block; clear:both}
#footer .info_wrap .logo img{ height:6em}

#contents .sub_visual_wrap{ margin-bottom:1.5em}
#contents .sub_visual_wrap .bg{ transform:scale(1.2); transition:1.5s}
#contents .sub_visual_wrap .wrap_in{ height:25em; overflow:hidden; border-radius:.625em;}
.load #contents .sub_visual_wrap .bg{ transform:scale(1)}
#contents .sub_visual_wrap .twrap{ position:relative; height:100%; color:#fff; box-sizing:border-box}
#contents .sub_visual_wrap .twrap .t1{ text-transform:uppercase; opacity:.6; margin-bottom:.5em; font-size:1.125em}
#contents .sub_visual_wrap .twrap .t2{ font-size:2.75em; font-weight:700}

#contents .sub_nav{ position: relative; z-index:1}
#contents .sub_nav .nav{ border:1px solid #ddd; background:#f2f7fc; border-radius:.625em;}
#contents .sub_nav .nav > li{ position:relative}
#contents .sub_nav .nav > li .navBtn{ height:3.75em; box-sizing:border-box; display:flex; align-items:center}
#contents .sub_nav .nav > li:not(.home) .navBtn{ min-width:15em; padding:0 3.5em 0 1.5em; position:relative; border-right:1px solid #ddd; color:#333;}
#contents .sub_nav .nav > li:not(.home) .navBtn:before{ content:""; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 1px); background:#fff; box-sizing:border-box; border:1px solid #71cdce; border-bottom:none; opacity:0; visibility:hidden}
#contents .sub_nav .nav > li:not(.home) .navBtn:after{ content:"\e941"; font-family:xeicon; position:absolute; right:1em; top:50%; line-height:1em; margin-top:-.5em; transition:.3s}
#contents .sub_nav .nav > li:not(.home) .navBtn .tt{ font-size:1.063em; position:relative}
#contents .sub_nav .nav > li.home .navBtn{ background:#71cdce; color:#fff; justify-content:center; width:4.375em; border-radius:.625em 0 0 .625em}
#contents .sub_nav .nav > li.home .navBtn:hover{ background:#fff; color:#71cdce}
#contents .sub_nav .nav > li .gnb{ position:absolute; padding:.75em 0; left:-1px; width:calc(100% + 1px); display:block; background:#fff; box-sizing:border-box; border:1px solid #71cdce; border-top:none; opacity:0; visibility:hidden}
#contents .sub_nav .nav > li .gnb .flex{ display:block}
#contents .sub_nav .nav > li .gnb a{ padding:.75em 1.5em; text-align:left; color:#888; position:relative}
#contents .sub_nav .nav > li .gnb a .va{ position:relative}
#contents .sub_nav .nav > li .gnb li.on > a .va{ position:relative; padding-right:1em; color:#75afdf}
#contents .sub_nav .nav > li .gnb li.on > a .va:after{ content:""; position:absolute; right:0; top:0; width:.375em; height:.375em; background:#75afdf; border-radius:50%}
#contents .sub_nav .nav > li .gnb li:not(.on):hover a{ color:#fff}
#contents .sub_nav .nav > li .gnb li:not(.on):hover a:before{ position:absolute; left:50%; top:0; width:calc(100% - 1.5em); transform:translateX(-50%); height:100%; background:#75afdf; border-radius:.5em}
#contents .sub_nav .nav > li.on .navBtn{ background:#fff}
#contents .sub_nav .nav > li.on .navBtn:after{ transform:rotate(180deg)}
#contents .sub_nav .nav > li.on .navBtn:before,
#contents .sub_nav .nav > li.on .gnb{ opacity:1; visibility:visible}

#contents .sub_tit{ border-bottom:1px solid #eee; padding:2em 0}
#contents .sub_tit .tit{ font-size:1.625em; font-weight:500}

.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 .doc2{ padding:3em 0 3.75em 0}
.dp1_member #contents .doc{ padding-top:5em}

/**/
.login_wrap .login{ width:28em; max-width:94%; margin:0 auto}
.login_wrap .login.w1{ width:40em}
.login_wrap .login .wrap_tit{ font-size:2.25em; font-weight:700; letter-spacing:-.063em; word-spacing:.063em}
.login_wrap .login .wrap_tit.s1{ font-size:2em}
.login_wrap .login .wrap_tt{ color:#777; margin:.75em 0}
.login_wrap .login .wrap_tt .xi + i{ transform:translateY(.063em)}

.login_wrap .link_wrap{ padding:0 .5em; margin:1em 0}
.login_wrap .link_wrap .link{ font-size:.938em; 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:#8bc874; color:#fff; border:none; width:100%; box-sizing:border-box; border:2px solid transparent; margin-bottom:.5em; font-size:1.063em; font-weight:500; border-radius:.25em}
.login_wrap .btn_wrap .btn.c1{ border-color:#666; color:#555; background:#fff}
.login_wrap .btn_wrap .btn.c2{ background:#fff; color:#8bc874; border-color:#8bc874}
.login_wrap .btn_wrap .btn.c3{ background:#aaa}
.login_wrap .btn_wrap .btn.c4{ background:#75afdf}
.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%}

.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 !important; padding:1em !important; margin:.5em; width:calc(100% - 1em)}
.form_st > li .in textarea.inp.h1{ height:23.25em !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:#333; 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:#333}
.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 #666}
.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:1.063em; color:#333; width:100%}
.form_st.st1 > li .in_tit .ess:before{ font-size:.875em; 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:.938em; 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:#999; 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:.875em}
.form_st.st1 > li .agree > li .more:before{ content:"\e941"; font-family:xeicon,score,sans-serif}
html.ko .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:"\e944"}
html.ko .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:.938em; 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.s1{ 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:.938em; color:#666}
.form_st.text > li .in a:hover{ text-decoration:underline}

.form_st_wrap > ul{ width:48%}

.fin_wrap{ border:1px solid #ddd; padding:2em 4em 4em 4em; text-align:center; box-sizing:border-box}
.fin_wrap.p1{ padding:2em}
.fin_wrap.w1{ width:70em; margin:0 auto; max-width:94%; padding:2em 2em 4em 2em;}
.fin_wrap .fin_icon{ opacity:.1; font-size:4em}
.fin_wrap .fin_tit{ font-weight:300; font-size:1.875em;}
.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.188em}

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

/**/
.agree_box{ border-radius:.5em; overflow:hidden; box-shadow:0 0 1em rgba(0,0,0,.1)}
.agree_box .con{ padding:4em 3em; line-height:1.5}
.agree_box .con p{ color:#666; color:var(--co6); margin-bottom:.5em}
.agree_box .con p > strong{ font-size:1.25em; font-weight:500; margin:2em 0 .5em 0; color:#111; color:var(--co1)}
.agree_box .con p:first-child > strong{ margin-top:0}
.agree_box .con .div_page{ margin-bottom:3em}
.agree_box .con.h1{ height:20em; overflow-y: auto}
.agree_box .con .tit{ font-weight:500; color:#333; color:var(--co3); font-size:1.125em; margin-bottom:1em}
.agree_box .agree_check{ padding:1em 1.5em; border-top:1px solid #eee; border-top-color:var(--lineE)}
.agree_box.st1{ box-shadow:none; border:1px solid #eee}
.agree_box.st1 .con{ padding:2em; padding:1.5em; font-size:.875em; color:#666; color:var(--co6)}

.chartWrap{ position:relative; height:0; padding-bottom:50%}
.chartWrap.h1{ padding-bottom:100%}
.chartWrap.h2{ padding-bottom:0; height:35em}
.chartWrap canvas{ position:absolute; left:0; top:0; width:100%; height:100%}
.chartList > li{ width:45%}
.chartList > li.w1{ width:40%}
.chartList > li.w2{ width:55%}
.chartList > li.w3{ width:30%}
.chart_source{ font-size:.813em; color:#888; text-align:right; margin:1em 0}
.chart_source a{ vertical-align:top; text-decoration:underline}
.chart_source a:hover{ color:#333}

/**/
.mainVisual_wrap{ position:relative; z-index:99;}
.mainVisual_wrap > .inner{ height:660px;}
.mainVisual_wrap .text_wrap{ width:440px; box-sizing: border-box;}
.mainVisual_wrap .text_wrap.left_box { background: #71cdce; border-radius: .625em; padding: 3em 2.5em 4.6875em 2.5em; position: relative; overflow: hidden;}
.mainVisual_wrap .text_wrap.left_box .text_img { position: absolute; right: -15px; bottom: 13px; }
.mainVisual_wrap .visualSlider_wrap{ flex:1; margin-left:1.25em; border-radius:.625em; overflow:hidden; position:relative;}
.mainVisual_wrap .visualSlider{ flex:1;}
.mainVisual_wrap .visualSlider .el{ position:relative; overflow:hidden; height:660px; background:#f5f5f5;}
.mainVisual_wrap .visualSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%;}

.mainVisual_wrap .visualSlider_wrap .paging{ position:absolute; z-index:2; left:50%; bottom:3em; transform:translateX(-50%);}
.mainVisual_wrap .visualSlider_wrap .paging > span{ opacity:.6;}
.mainVisual_wrap .visualSlider_wrap .paging > span.swiper-pagination-bullet-active{ opacity:.9;}

.main_wrap { overflow: hidden; }
.main_wrap.main_bottom { margin-bottom: 5em; }
.main_wrap .text_con {  }
.main_wrap .text_con.text_con_bottom { margin-bottom: 40px; }
.main_wrap .text_con .text { font-family:ns,sans-serif; letter-spacing: -.5px; }
.main_wrap .text_con .text.w { color: #fff; }
.main_wrap .text_con .text.o { opacity: .8; }
.main_wrap .text_con .text.t1 { font-size: 2.25em; font-weight: 600; line-height: 1; font-family: robots,sans-serif; }
.main_wrap .text_con .text.t2 { font-size: 1em; line-height: 1.7; }
.main_wrap .text_con .text.t3 { font-size: 1.375em; padding-bottom: 15px;}
.main_wrap .text_con .text.t4 { font-size: 0.9375em; padding-bottom: 20px; line-height: 1.2; }
.main_wrap .text_con .text.t5 { font-size: 1em; position: relative; padding:  0 0 1.5625em 1.0625em; line-height: .7; }
.main_wrap .text_con .text.t5:before { position: absolute; width: 5px; height: 5px; background: #fff; border-radius: 50%; content: ""; left: 0; top: 3px; }
.main_wrap .text_con .text.t6 { font-size: .8em; line-height: 1.7; }

.main_wrap .text_con .con { font-family: ns,sans-serif; letter-spacing: -.5px; }
.main_wrap .text_con .con.on { position: relative; color: #dc504b !important; font-weight: 600; font-family: robots,sans-serif; }
.main_wrap .text_con .con.on:before { position: absolute; width: 87%; height:1px; background: #dc504b; content: ""; bottom: 0; }
.main_wrap .text_con .con.family { font-family: robots,sans-serif; }
.main_wrap .text_con .con.g1 { color: #555; }
.main_wrap .text_con .con.g2 { color: #333; }
.main_wrap .text_con .con.g3 { color: #888; }
.main_wrap .text_con .con.r { color: #dc504b; }
.main_wrap .text_con .con.b { color: #003876; }
.main_wrap .text_con .con.w { color: #fff; }
.main_wrap .text_con .con.t1 { font-size: 0.9375em; }
.main_wrap .text_con .con.t2 { font-size: 1.625em; font-weight: 600; }
.main_wrap .text_con .con.t3 { font-size: 1.375em; font-weight: 500; }
.main_wrap .text_con .con.t4 { font-size: 1.0625em; }
.main_wrap .text_con .con.t5 { font-size: 0.875em; }
.main_wrap .text_con .con.t6 { position: relative; font-size: 0.9375em; padding: 0 .6em 0 1em; }
.main_wrap .text_con .con.t6:before { position: absolute; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #aeb7c8; left: 0; top: 8px; }
.main_wrap .text_con .con.t7 { font-size: 0.8125em; }
.main_wrap .text_con .con.t8 { font-size: 1.25em; font-weight: 600; }
.main_wrap .text_con .con.t9 { font-size: 2.125em; font-weight: 600; }
.main_wrap .text_con .con.t10 { font-size: 1.125em; }
.main_wrap .text_con .con.t11 { font-size: 1.125em; font-weight: 600; }
.main_wrap .text_con .con.t12 { font-size: 0.6875em; }

.main_wrap .text_con .con.p_0{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.main_wrap .text_con .con.p_1{ font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.main_wrap .text_con .con.p_2{ margin-top: .4em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.main_wrap .text_con .con.p_3{ margin-bottom: 1em; text-overflow: ellipsis; overflow: hidden;  white-space: normal;  text-align: left;  word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.main_wrap .icon_wrap { margin-top: 2em; }
.main_wrap .icon_wrap .icon_con { flex: 1; border-right: 1px solid #ddd; padding: 1em 0; }
.main_wrap .icon_wrap .icon_con:last-of-type { border-right: none; }

.main_wrap .publication_wrap { width: 48%; border: 1px solid #ddd; border-radius: 10px; background: #fff; padding: 1.5625em 1.875em; box-sizing: border-box; }
.main_wrap .publication_wrap .publication_con { margin-bottom: 1.5em; }
.main_wrap .publication_wrap .publication_con:last-of-type { margin-bottom: 0; }
.main_wrap .publication_wrap .publication_con .date_circle { width: 4.0625em; height: 30px; background: #02bec0; border-radius: 50px; margin-bottom: .5em; }

.main_wrap .publication_tit { width: 48%; margin-bottom: 1em; }
.main_wrap .publication_tit .publication_tt { width: 68%; }
.main_wrap .publication_tit .publication_tt p { margin-right: 1em; padding-right: 1em; border-right: 1px solid #ddd; }
.main_wrap .publication_tit .publication_tt p:last-of-type { margin-right: 0; padding-right: 0; border-right: none; }
.main_wrap .publication_tit.text_con .con.t3 { width: 16%; }

.main_wrap .banner_wrap { width: 49%; }
.main_wrap .banner_wrap .banner_con { flex: 1; margin-right: .5em; padding: 2.8125em 2.5em 1.75em 2.5em; box-sizing: border-box; }
.main_wrap .banner_wrap .banner_con:first-of-type { border-radius: 10px; background: #8ac873; }
.main_wrap .banner_wrap .banner_con:last-of-type { border-radius: 10px; background: #f08784; margin-right: 0; }
.main_wrap .banner_wrap .banner_con p:first-of-type { margin-bottom: 26px; }
.main_wrap .banner_wrap .banner_con .banner_btn { width: 6.25em; height: 40px; border-radius: 50px; padding: 0 1.19em; box-sizing: border-box; color: #fff; margin: 3.5em 0 1.6em 0; }
.main_wrap .banner_wrap .banner_con .banner_btn i { font-size: 0.875em; color: #fff; font-family: robots,sans-serif; font-weight: 600; }
.main_wrap .banner_wrap .banner_con:first-of-type .banner_btn { background: #48a027; }
.main_wrap .banner_wrap .banner_con:last-of-type .banner_btn { background: #dc504b; }

.main_wrap .news_wrap { width: 44%; }
.main_wrap .news_wrap .news_tit,
.main_wrap .media_wrap .media_tit { margin-bottom: 1em; }

.main_wrap .news_wrap .news_con { border: 1px solid #ddd; border-radius: 10px; padding: 1.875em; }
.main_wrap .news_wrap .news_con .news_con_tit { }
.main_wrap .news_wrap .news_con .news_con_tit .news_date { width: 4.0625em; height: 4.0625em; background: #f5f5f5; margin: 0 2em 1.5em 0; }
.main_wrap .news_wrap .news_con .news_con_tit .news_date_con { width: 80%; }
.main_wrap .news_wrap .news_con .news_article { height: 28px; }

.main_wrap .media_wrap { width: 54%; }
.main_wrap .media_wrap .media_area {  }
.main_wrap .media_wrap .media_area .media_con { flex: 1; margin-right: 0.6875em; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; }
.main_wrap .media_wrap .media_area .media_con:last-of-type { margin-right: 0; }
.main_wrap .media_wrap .media_area .media_con .media_img { width: 13.8125em; height: 150px; background-size: cover; }
.main_wrap .media_wrap .media_area .media_con .media_tt { padding: 1.375em; }
.board_icon_news.new .xi:before{content:"\e9a8"; color:#03bcc1; }

.main_wrap .researcher_wrap {  }
.main_wrap .researcher_wrap .researcher_icon { width: 46.25em; margin: 0 auto; margin-top: 3.625em; }
.main_wrap .researcher_wrap .researcher_icon .icon_con {  }
.main_wrap .researcher_wrap .researcher_icon .icon_con .circle { width: 5em; height: 5em; border-radius: 50%; background: #fff; margin-bottom: 1.5625em; }
.main_wrap .researcher_wrap .researcher_btn { width: 30em; height: 60px; background: #dc504b; border-radius: 50px; padding: 0 2em; box-sizing: border-box; margin-top: 5.625em; transition: .5s; }
.main_wrap .researcher_wrap .researcher_btn i { font-size: 1.0625em; color: #fff; }
.main_wrap .researcher_wrap .researcher_btn:hover { background: #fff; }
.main_wrap .researcher_wrap .researcher_btn:hover i { color: #dc504b; }

.main_wrap .area_wrap {  }
.main_wrap .area_wrap .area_con { width: 15.5em; height: 120px; border-radius: 10px; margin-right: 0.625em; transition:.8s; }
.main_wrap .area_wrap .area_con:last-of-type { margin-right: 0; }
.main_wrap .area_wrap .area_con:hover { transform:rotateY(180deg); }
.main_wrap .area_wrap .area_con:hover p { transform:rotateY(180deg); }
.main_wrap .area_wrap .area_con.icon_bg1 { background: #1a4e87; }
.main_wrap .area_wrap .area_con.icon_bg2 { background: #f08784; }
.main_wrap .area_wrap .area_con.icon_bg3 { background: #8ac873; }
.main_wrap .area_wrap .area_con.icon_bg4 { background: #72cdce; }
.main_wrap .area_wrap .area_con.icon_bg5 { background: #75afdf; }
.main_wrap .area_wrap .area_con .icon { margin-right: 2em; }

.page_bg { background: #fefbe9; padding: 3.75em 0; }
.page_bg2 { width: 125em; /* height: 600px; */ padding: 5em 0; background-size: cover; background-position: center; max-width:100%;}

.pointer { cursor: pointer; }

/* 슬라이드 */
.main_pipeline_wrap { margin-top: 2em; }
.main_pipeline_wrap .el{width:365px;}

.hover_st1{  }
.hover_st1 .hover_in{ position:relative; overflow:hidden; border-radius:10px; border: 1px solid #ddd;}
.hover_st1 .hover_in .obj{ transition:.5s}
.hover_st1:hover .hover_in .obj{ transform:scale(1.2)}
.hover_st1:hover .hover_in .layer{ opacity:1}
.hover_st1:hover .hover_in .layer .more{ transform:rotate(90deg)}
.img_btn { margin-bottom:2em; }
.sliderBtnSt{ line-height:2em; cursor:pointer; color: #434343;}
.sliderBtnSt .xi{ font-size: 2em; color:#434343;}
.sliderBtnSt.pause .xi{ font-size: 1.7em; }
.sliderBtnSt.prev{  }
.sliderBtnSt.next{  }

.main_pipeline_wrap {  }
.main_pipeline_wrap .img_btn { margin-top: 2.5em; }
.mV_button_wrap .mV_button_wrap{display:flex;}
.mV_button_wrap .mV_button_wrap .mV_pagination{width:90px; height:50px; color:#fff; display:flex; justify-content:center; align-items:center; border-left:1px solid #666; border-right:1px solid #666; box-sizing:border-box;}
.mV_button_wrap .mV_button_wrap .mV_pagination .swiper-pagination-current{margin-right:.25em; font-weight:bold;}
.mV_button_wrap .mV_button_wrap .mV_pagination .swiper-pagination-total{margin-left:.25em;}


.main_pipeline_wrap .img_btn .mainPipeline_area { width: 9.6875em; height: 50px; border: 1px solid #ddd; border-radius: 50px; }
.main_pipeline_wrap .img_btn .mainPipeline_area .xi { font-size: 1.6em; color: #9b9b9b; }
.main_pipeline_wrap .img_btn .mainPipeline_btn { width: 3.125em; height: 3.125em; border-radius: 50%; background: #dc504b; border: 1px solid #fff; margin-left: .5em; transition: .5s; font-weight: 600; }
.main_pipeline_wrap .img_btn .mainPipeline_btn:hover { background: #fff; border: 1px solid #dc504b; }
.main_pipeline_wrap .img_btn .mainPipeline_btn:hover p { color: #dc504b; }

.mainPipeline_area .mV_pagination{width:70px; height:24px; color:#888; font-size: 1em; display:flex; justify-content:center; align-items:flex-end; box-sizing:border-box; font-family: robots,sans-serif;}
.mainPipeline_area .mV_pagination .swiper-pagination-current{margin-right:.25em; font-weight:bold; font-size: 1.125em; color:#dc504b;}
.mainPipeline_area .mV_pagination .swiper-pagination-total{margin-left:.25em;}

/* all */
.sub_text {  }
.sub_text .line_text { display: inline-block; position: relative; }
.sub_text .line_text:before { position: absolute; content: ""; background: #1c9393; width: 100%; height: 10px; opacity: .2; padding: 0 .3em; top: 17px; left: -5px; }
.sub_text .text {  }
.sub_text .text .tt_span { vertical-align: baseline; font-size: 0.9em; line-height: 1.8; }
.sub_text .text.img { width: 65%; }
.sub_text .text.g { color: #777 !important; }
.sub_text .text.w { color: #fff !important; }
.sub_text .text.tt1 { position: relative; font-size: 1.4em; font-weight: 600; margin-bottom: .5em; }
.sub_text .text.tt2 { position: relative; font-size: 1.063em; color: #111; line-height: 1.5; padding-left: 0.5em; padding-bottom: 0.5em; box-sizing: border-box; }
.sub_text .text.tt2:before{ position: absolute; content: ""; top: .5em; width: .313em; height: .313em; background: #71cdce; border-radius: 50%; left: -7px;}
.sub_text .text.tt2.pd { padding-bottom: 0; }
.sub_text .text.tt3 { font-size: 1.1em; font-weight: 600; }
.sub_text .text.tt4 { font-size: .8em; color: #666; margin-top: 1em; }
.sub_text .text.tt5 { font-size: 1.3em; font-weight: 600; }
.sub_text .text.tt6 { font-size: .975em; }
.sub_text .text.tt7 { font-size: 1.1em; line-height: 1.6; margin-bottom: 1em; }
.sub_text .text.tt8 { position: relative; font-size: 1.7em;  font-weight: 600; margin-bottom: 2.3em; }
.sub_text .text.tt8:before { position: absolute; content: ""; width: 1px; height: 28px; background: #666; top: 50px; left: 4px; }
.sub_text .text.tt9 { font-size: 1.375em; color: #1a4e87; }
.sub_text .text.tt10 { font-size: 1.063em; color: #111; padding-bottom: .5em; }
.sub_text .text.tt10:last-of-type { padding-bottom: 0; }
.sub_text .text.tt11 { font-size:1.2em; line-height:1.6; margin-bottom:1.5em; }

.partner_wrap .board_photo { margin: -2em 0 0 -3em; }
.partner_wrap .img_wrap.detail { border: 1px solid #e5e5e5; padding: 1em 0.5em; border-radius: 5px; background: #f5f5f5; }
.partner_wrap .img_size { width: 80%; margin: 0 auto; background-size: contain; }
.partner_wrap .board_photo .logo_photo .wrap_in{margin: 2em 0 0 2em;}

.width_auto { width: 50%; }


/* 다문화청소년 ,aboutus */
.about_wrap {  }
.about_wrap .about_tt { width: 60%; padding-right: 2em; box-sizing: border-box; }
.about_wrap .about_img { width: 40%; }
.about_wrap .about_img2 img { width: 100%; }
.about_wrap .page_icon_quotes > img{ width:2.5em;}

.about_wrap .icon_wrap .icon_con { width: 25%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 1em; }
.about_wrap .icon_wrap .icon_circle { width: 200px; height: 200px; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.about_wrap .icon_wrap .icon_circle.icon1 { background: #5aa5bf; }
.about_wrap .icon_wrap .icon_circle.icon2 { background: #8bc874; }
.about_wrap .icon_wrap .icon_circle.icon3 { background: #005a91; }
.about_wrap .icon_wrap .icon_circle.icon4 { background: #75afdf; }
.about_wrap .icon_wrap .icon_circle.icon5 { background: #48a027; }
.about_wrap .icon_wrap .icon_circle .icon_tt1 { font-size: 2.2em; color: #fff; }
.about_wrap .icon_wrap .icon_circle .icon_tt2 { margin-top: .5em; font-weight: 500; color: #fff; }
.about_wrap .about_logo img { width: 20%; }

/* 공공데이터 */
.public_wrap {  }
.public_wrap .public_logo { width: 39.2%; padding: 3em 2em; box-sizing: border-box; height: 251px; overflow: hidden; }
.public_wrap .public_logo .logo { width: 90%; margin: 0 auto; }
.public_wrap .public_logo .logo.color { background: #ccc; padding: 1em; box-sizing: border-box; }
.public_wrap .public_con:first-of-type { width: 10%; }
.public_wrap .public_con:last-of-type { margin-left: 3em; }
.public_wrap .public_tt { margin-bottom: 2em; }
.public_wrap .public_tt:last-of-type { margin-bottom: 1em; }

.public_wrap .logo_btn { margin-top: 1em; }
.public_wrap .logo_btn .btN { box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); padding: 0.5em 1.5em; }
.public_wrap .logo_btn .btN > * { vertical-align: middle;}
.public_wrap .logo_btn .btN .tt { font-size: .813em; }
.public_wrap .logo_btn .btN .xi { font-size: 1.063em }
.public_wrap .logo_btn .btN:hover { background: #71cdce; border-color: #71cdce; color: #fff; transition: .2s;}

.patternGrid{background-image: repeating-linear-gradient(#ddd, #ddd 1px, transparent 0, transparent 10px), repeating-linear-gradient(90deg, #ddd, #ddd 1px, transparent 0, transparent 10px)}

.public_table { border: 1px solid #c5c5c5; border-top: 2px solid #71cdce; border-left: none; border-right: none; padding: 0 1.5em; }
.public_table .public_board tr:last-of-type td { border-bottom: none; }

/*찾아오시는 길*/
.root_daum_roughmap.root_daum_roughmap_landing{ width:100% !important;}
.wrap_controllers { display: none; border-bottom: 1px solid #e6e6e6; }
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400; box-sizing:border-box;}
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:30px; margin-bottom:10px; line-height:1.5;}
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:10px; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#71cdce}

.map_info2 { margin-top:30px; font-weight:400}
.map_info2 .info_list > li { overflow:hidden; padding:2em 1em; border-bottom:1px solid #ddd}
.map_info2 .info_list > li h3 { float:left; color:#222222; font-size:1.375em; font-weight:500;}
.map_info2 .info_list > li h3 .xi { font-size:1.5rem; vertical-align:top; }
.map_info2 .info_list > li .info { margin:0 0 0 240px;}
.map_info2 .info_list > li .info strong { display:block;}
.map_info2 .info_list > li .info p { color:#333; line-height:26px;}
.map_info2 .info_list > li.bus .info span { display:block; margin:2px 0 6px; color:#333; }
.map_info2 .info_list > li.bus .info p { position:relative; line-height:30px; color:#222; letter-spacing:.1px; font-size:1em; padding-left:85px;}
.map_info2 .info_list > li.bus .info .st:before {width:70px; height:26px; border-radius:26px; background:#47af1b; color:#fff; text-align:center; line-height:26px; position:absolute; left:0; top:50%; margin-top:-11px; font-size:0.813em; }
.map_info2 .info_list > li.bus .info .st.st1:before { content:"간선버스"; background:#0e4194;}
.map_info2 .info_list > li.bus .info .st.st2:before { content:"지선버스";}
.map_info2 .info_list > li.bus .info .st.st3:before { content:"공항버스"; background:#dad8b2;}
.map_info2 .info_list > li.bus .info .st.st4:before { content:"좌석버스"; background:#c23137;}
.map_info2 .info_list > li.subway .info span { display:block; margin:2px 0 6px; color:#333; }
.map_info2 .info_list > li.subway .bs1{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px; font-size:0.875em; font-weight:700; color:#fff; line-height:25px; border-radius:30px; background:#249f0b; margin:0 10px 5px 0}
.map_info2 .info_list > li.subway .bs1.sub_col1{ background:#10aa18}
.map_info2 .info_list > li.subway .bs1.sub_col2{ background:#ff7d21}
.map_info2 .info_list > li.subway .info { margin-top:-1px;}
.map_info2 .info_list > li.subway .info span { display:block; margin:2px 0 6px;}
.map_info2 .info_list > li.subway .info p { margin-right:34px;}
.map_info2 .info_list > li.subway .info em { display:inline-block; font-weight:500;}
.map_info2 .info_list > li.car .info .r { position:relative; padding-left: 1em; }
.map_info2 .info_list > li.car .info .r:before { position:absolute; content: ""; width: .313em; height: .313em; background: #71cdce; top: 10px; left: 0; border-radius: 50%;}
.map_info2 .info_list > li.train .train1{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px; font-size:0.875em; font-weight:700; color:#fff; line-height:25px; border-radius:30px; background:#249f0b; margin:0 10px 5px 0}
.map_info2 .info_list > li.train .train1.sub_col1{ background:#55c1c6}
.map_info2 .info_list > li.train .train1.sub_col2{ background:#3155b5}
.map_info2 .info_list > li.airplane .airplane1{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px; font-size:0.875em; font-weight:700; color:#fff; line-height:25px; border-radius:30px; background:#249f0b; margin:0 10px 5px 0}
.map_info2 .info_list > li.airplane .airplane1.sub_col1{ background:#999}

/* 연구단장 */
.greeting_Wrap {margin-top:0em;}
.greeting_Wrap .top_tw {margin-bottom:3em;}
.greeting_Wrap .top_tw .hi { line-height:1.35; font-size:1.8em; color:#222; font-weight: 600; }
.greeting_Wrap .top_tw .hi .col {color:#71cdce; font-weight: 600; vertical-align:baseline; font-size:1.438em;}

.greeting_Wrap .con2 {width:70%;}
.greeting_Wrap .con2 > p { font-size:1.063em; color:#222; line-height:1.6; padding-bottom:1em;}
.greeting_Wrap .con2 .t2{ font-size:1.125em; margin-top:3em; text-align:right}
.greeting_Wrap .con2 .t2 .name{ letter-spacing:.25em; font-size:1.5em; margin-left:1em; font-family:serif; font-weight:bold}

.greeting_Wrap .imgw {margin-left:3em; width: 30%; position:relative;}

.greeting_Wrap .imgw:before{ content:""; position:absolute; /* z-index:1; */ width:17.75em; height:17.75em; right:-3.5em; top:-2em; opacity:.2;background-image: radial-gradient(#093291 20%, transparent 0), radial-gradient(#093291 20%, transparent 0);background-position: 0 0, 5px 5px;background-size: 10px 10px;}
.greeting_Wrap .imgw:after{content:""; position:absolute;right: -38px;top: -39px;width: 7em;height: 7em; transform:translate(40%,-40%); border:.25em dashed #71cdce; border-radius:50%; background:#fff; z-index: -1;}
.greeting_Wrap .imgw img{ position:relative}

/* 연구원 */
.members_wrap {  }
.members_wrap .members_con {  }
.members_wrap .members_con .member_area { position: relative; flex: 1 1 23.7%; max-width: 23.7%; background: #f5f5f5; height: 25em; margin: 0 1em 1em 0; }
.members_wrap .members_con .member_area-last-of-type { margin-right: 0; }
.members_wrap .members_con .member_area:hover .more { opacity:1; visibility:visible; }
.members_wrap .members_con .member_area:hover .more .page_more { opacity:1; transform:translateY(0);}
.members_wrap .members_con .circle { background: #fff; width: 13em; height: 13em; border-radius: 50%; overflow: hidden; border: 1px solid #ddd; margin-bottom: 1em; }
.members_wrap .members_con .more { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); overflow:hidden; opacity:0; visibility:hidden; transition:.3s;}
.members_wrap .members_con .more .page_more { display:inline-block; width: 5em; height:5em; border-radius: 50%; line-height:5em; border:2px solid #fff; text-align:center; color:#fff !important; transition:.5s; opacity:0; transform:translateY(1.5em); cursor: pointer; }
.members_wrap .members_con .more .page_more .xi { font-size: 2em; }
.members_wrap .members_con .circle_tt { border-bottom: 1px dashed #ddd; padding: 1em 2em 2em 2em; }
.pagebg { background: #f5f5f5; padding: 5em 0;}
.wrap_img_re { width: 22em; }
.researcher_wrap {  }
.researcher_wrap.r_left { width: 44%; padding-right: 1em; box-sizing: border-box; }
.researcher_wrap.r_right { width: 56%; }

/* project */
.history_bg_wrap{background:url('../images/sub/company_history_bg01.jpg') no-repeat center/cover; height:360px; margin-top:3rem;}
.history_bg_wrap.st2{background:url('../images/sub/company_history_bg02.jpg') no-repeat center/cover; height:360px; margin-top:3rem;}
.history_bg_wrap p{color:#fff; font-size:1.5em;}
.history_bg_wrap .tt{margin-top:1rem; font-size:1.5rem;}
.history_bg_wrap .t1{margin-top:1.25rem; font-size:2.5em; font-weight:bold;}

.history_wrap .history_list{ position:relative; overflow:hidden; padding:3em 0 5em 0;}
.history_wrap .history_list:before,
.history_wrap .history_list .lineAni{ content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:2px; height:100%; background:#ddd}
.history_wrap .history_list .lineAni{ height:0; background:#71cdce; transition:.3s}
.history_wrap .history_list .lineAni:before,
.history_wrap .history_list:after{ content:""; position:absolute; width:1.25em; height:1.25em; background:#fff; border:.25em solid #71cdce; border-radius:50%; box-sizing:border-box; margin-left:1px; transform:translateX(-55%);}
.history_wrap .history_list:after{ top:auto; bottom:0; left:50%; transform:translateX(-55%);}
.history_wrap .history_list .history > li{ margin-top:5em}
.history_wrap .history_list .history > li:first-child{ margin-top:0}


/* .history_wrap .history_list .history > li .year{ width:11em; text-align:right; margin-left:50%; transform:translateX(-110%);}
.history_wrap .history_list .history > li:nth-of-type(2n) .year{margin-left:0; text-align:left; margin-left:50%; transform:translateX(10%);}
.history_wrap .history_list .history > li .year .tt{ position:relative; font-size:2.500em; color:#888; font-weight:700; transition:.3s; vertical-align:baseline}
.history_wrap .history_list .history > li .year .tt:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:40%; background:#71cdce; opacity:0; transition:.3s;}
.history_wrap .history_list .history > li .year .tt > *{ position:relative;}
.history_wrap .history_list .history > li .year.on .tt{ color:#111;}
.history_wrap .history_list .history > li .year.on .tt:before{ opacity:.2;}
.history_wrap .history_list .history > li .year .tx {display:inline-block; vertical-align:baseline; padding-left:.5em; color:#888;}
.history_wrap .history_list .history > li .year .tx > i {font-size:.938em;}
.history_wrap .history_list .history > li .year.on .tx {color:#111;} */

.history_wrap .history_list .history > li .list{ margin:1em 0 2em 12em; margin-left:50%;}
.history_wrap .history_list .history > li:nth-of-type(2n) .list{text-align:right; margin-left:0; margin-right:50%;}
.history_wrap .history_list .history > li .list > li{ margin-top:1.5em}
.history_wrap .history_list .history > li .list > li:not(.noMonth):first-child{ margin-top:40px; margin-bottom:-50px; text-align:right; margin-left:-100%; width:100%;}
.history_wrap .history_list .history > li:nth-of-type(2n) .list > li:not(.noMonth):first-child{text-align:left; margin-left:100%;}
.history_wrap .history_list .history > li .list .ti{ padding:0 1em; color:#111; font-weight:700; font-size:1.25em;}
.history_wrap .history_list .history > li .list .tt{ position:relative; padding:0 2em; margin-top:.125em; font-size:1em; color:#333; line-height:1.5;}
.history_wrap .history_list .history > li .list .tt .dot{ position:absolute; left:0; top:-.125em; width:1.875em; height:1.875em; background:transparent; border-radius:50%; box-sizing:border-box; margin-left:1px; transform:translateX(-50%);}
.history_wrap .history_list .history > li:nth-of-type(2n) .list .tt .dot{left:auto; right:-1.875em;}
.history_wrap .history_list .history > li .list .tt .dot:before{ content:""; position:absolute; top:.625em; bottom:.625em; left:.625em; right:.625em; background:#ddd; border-radius:50%;}
/*.history_wrap .history_list .history > li:nth-of-type(2n) .list .tt .dot:before{margin-left:100%;}*/
.history_wrap .history_list .history > li .list .tt .dot.on{ background:#fff;}
.history_wrap .history_list .history > li .list .tt .dot.on:before{ background:#71cdce;}

/* project_view */
.project_wrap {  }
.project_wrap .project_border { border-top: 1px dashed #ddd; padding-top: 2em; }
.project_wrap .project_con { margin-bottom: 3em; }
.project_wrap .project_con .project_title { width: 20%; /* border-top: 1px solid #ddd; */ padding-top: 1em; }
.project_wrap .project_con .project_img { width: 77%; /* border: 1px solid #ddd; */ padding: 2em; box-sizing: border-box; /* border-top: 1px solid #1a4e87; */ }

.project_wrap .project_con .text.tt9 { position: relative; display: inline; }
/* .project_wrap .project_con .text.tt9:before { position: absolute; content: ""; background: #1a4e87; width: 100%; height: 1px; top: -17px; } */
.project_wrap .project_con .text.tt10 { }
.project_wrap .project_con img {  }


.pcHide{ display:none;}

.mainLayerPop{}
  .mainLayerPop .popLayer{ display:block; position:absolute; overflow:auto; background:#fff; border:1px solid #fff; box-sizing:border-box;}
  .mainLayerPop .popLayer_closeW{ height:35px; padding:0 1em; text-align:right; background:#ff9133;}
  .mainLayerPop .popLayer_closeW *{ color:#fff;}
  .mainLayerPop .popLayer_close .tt{ font-size:.875em;}
  .mainLayerPop .popLayer_close a{ display:inline-block; margin-left:.5em; font-weight:500;}
  .clink1{color:#72727d !important;}
  .popLayer{cursor:pointer}