@charset "utf-8";/* CSS Document */
body { font-size:16px; } 
.box0 { /*margin:0 3%; */ } 
.box1 { width:1280px; max-width:94%; margin:0 auto; } 
.box2 { width:1200px; margin:0 auto } 
.PC { display:block !important } 
.PHONE { display:none !important } 

/*header*/
#header { position:relative; z-index:999; display:block; } 
#header_m { display:none; } 
#header .top_wrap { background:#1d335a; } 
#header .top_wrap .vm_wrap { height:2.8em; } 
#header .top_wrap .user_wrap { position:relative; padding-left:4.5em; } 
#header .top_wrap .user_wrap .btnAll { position:absolute; top:0; left:0; width:4em; } 
#header .top_wrap .user_wrap .btnAll .in { background:#01234b; } 
#header .top_wrap .user_wrap .btnAll .xi { font-size:2.000em; color:#fff; } 
#header .top_wrap .user_wrap .con { color:#fff; } 
#header .top_wrap .user_wrap .con > *,
#header .top_wrap .user_wrap .con .tt { display:inline-block; } 
#header .top_wrap .user_wrap .con .xi { font-size:1.125em; margin-right:.2em; } 
#header .top_wrap .user_wrap .user .tt { font-size:.813em; } 
#header .top_wrap .user_wrap .user .t1 { font-weight:500; } 
#header .top_wrap .user_wrap .time { margin-left:1em; opacity:.6; } 
#header .top_wrap .user_wrap .time .tt { font-size:.750em; } 

#header .top_wrap .menu_wrap .menu { padding:0 .6em; } 
#header .top_wrap .menu_wrap .menu > li .in { position:relative; padding:.5em 1em; color:#fff; } 
#header .top_wrap .menu_wrap .menu > li .in:before { content:""; position:absolute; left:0; top:35%; height:30%; width:1px; background:#fff; opacity:.3; } 
#header .top_wrap .menu_wrap .menu > li:first-child .in:before { display:none; } 
#header .top_wrap .menu_wrap .menu .xi,
#header .top_wrap .menu_wrap .menu .tt { padding:0 .1em; } 
#header .top_wrap .menu_wrap .menu .xi { margin:-.05em 0 0 0; font-size:1.125em; } 
#header .top_wrap .menu_wrap .menu .tt { display:inline-block; font-size:.813em; } 
#header .top_wrap .menu_wrap .menu .tt:hover { text-decoration:underline; } 
#header .top_wrap .menu_wrap .menu strong { font-weight:700; } 
#header .top_wrap .menu_wrap .menu.c1 { background:#1a9fbb; } 

.gnb .xi.link { font-size:.938em; line-height:1; } 
.gnb .xi.link:before { content:"\e980"; } 

#header .nav_wrap { position:relative; z-index:-1; display:none; } 
#header .nav_wrap:after { content:""; position:fixed; z-index:1; left:0; right:0; height:100%; background:#000; opacity:.6; } 
#header .nav_wrap .nav { position:absolute; z-index:2; top:0; left:0; right:0; padding:2em 0; background:#ecf0f4; box-shadow:0 .3em .3em rgba(0,0,0,.2); } 
#header .nav_wrap .nav .fl_wrap > li { float:none; } 
#header .nav_wrap .nav .gnb .vm_wrap { text-align:left; } 

#header .nav_wrap .nav .gnb { display:flex; justify-content:space-between; align-content:center; align-items:stretch; } 
#header .nav_wrap .nav .gnb > li { flex:1; } 
#header .nav_wrap .nav .gnb { margin-top:1em; padding:0 1em; background:#fff; border:1px solid #d4d5d8; border-radius:.4em; box-shadow:.25em .25em 0 rgba(0,0,0,.08); } 
#header .nav_wrap .nav .gnb:first-child { margin-top:0; } 
#header .nav_wrap .nav .gnb > li { border-left:1px dashed #cfd8e2; } 
#header .nav_wrap .nav .gnb > li:first-child { border-left:none; } 
#header .nav_wrap .nav .gnb > li .dp1 { position:relative; margin:0 1em; padding:1.5em .2em 1em .2em; border-bottom:2px solid #cfd8e2; font-size:.938em; color:#1d335a; font-weight:700; } 
#header .nav_wrap .nav .gnb > li .dp1 .xi.link { position:absolute; top:1.75em; right:0; } 
#header .nav_wrap .nav .gnb > li .dp2 { padding:1em 0; } 
#header .nav_wrap .nav .gnb > li .dp2 > li { margin:0 1em; padding:0 .2em; } 
#header .nav_wrap .nav .gnb > li .dp2 > li > a { position:relative; padding:.4em 0; font-size:.813em; color:#005bbb; font-weight:500; } 
#header .nav_wrap .nav .gnb > li .dp2 > li > a .arrow { position:absolute; right:0; top:50%; transform:translateY(-50%); opacity:.2; } 
#header .nav_wrap .nav .gnb > li .dp2 > li > a .arrow:before { content:"\e907"; } 
#header .nav_wrap .nav .gnb > li .dp3 { margin:.2em 0 .6em 0; } 
#header .nav_wrap .nav .gnb > li .dp3 > li { margin-top:-1px; padding:0 .8em; border:1px solid #e5e5e5; } 
#header .nav_wrap .nav .gnb > li .dp3 > li > a { position:relative; padding:.6em 0; padding-left:.875em; font-size:.813em; } 
#header .nav_wrap .nav .gnb > li .dp3 > li > a:before { content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:4px; height:4px; background:#ee2c49; border-radius:100%; } 
#header .nav_wrap .nav .gnb > li .dp4 { padding:.4em 0 .6em 0; border-top:1px solid #eee; } 
#header .nav_wrap .nav .gnb > li .dp4 > li > a { position:relative; padding:.4em 0; padding-left:1em; font-size:.750em; color:#666; } 
#header .nav_wrap .nav .gnb > li .dp4 > li > a:before { content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:4px; height:1px; background:#999; } 

#header .nav_wrap .nav .gnb > li .dp2 > li:hover > a .arrow,
#header .nav_wrap .nav .gnb > li .dp2 > li.on > a .arrow { opacity:1; } 
#header .nav_wrap .nav .gnb > li .dp3 > li:hover,
#header .nav_wrap .nav .gnb > li .dp3 > li.on { background:#f7f7f7; } 
#header .nav_wrap .nav .gnb > li .dp3 > li:hover > a,
#header .nav_wrap .nav .gnb > li .dp3 > li.on > a { color:#ee2c49; } 
#header .nav_wrap .nav .gnb > li .dp4 > li:hover > a .vm_tt,
#header .nav_wrap .nav .gnb > li .dp4 > li.on > a .vm_tt { color:#000; text-decoration:underline; } 

#header.nav_open .top_wrap .user_wrap .btnAll .in { background:#ee2c49; } 
#header.nav_open .top_wrap .user_wrap .btnAll .xi:before { content:"\e9af"; } 
#header.nav_open .nav_wrap { z-index:99; display:block; } 

#header .gnb_wrap { background:#fff; border-bottom:1px solid #ccc; box-shadow:0 .2em 0 rgba(0,0,0,.04); } 
#header .gnb_wrap .vm_wrap { height:5em; } 
#header .gnb_wrap .logo .mark,
#header .gnb_wrap .logo .txt { display:inline-block; vertical-align:top; } 
#header .gnb_wrap .logo .mark img { width:11.875em; } 
#header .gnb_wrap .logo .txt { margin:-.2em 0 -8px 1em; text-align:left; } 
#header .gnb_wrap .logo .txt > * { display:block; } 
#header .gnb_wrap .logo .txt .t1 { font-size:1.063em; font-weight:500; color:#00479e; line-height:1.1; } 
#header .gnb_wrap .logo .txt .t2 { font-size:.750em; font-weight:700; color:#555; letter-spacing:.125em; } 

#header .gnb_wrap .logo .mark.st2 { font-size:1.6em; margin:0 .3em; font-weight:700; color:#485157; position:relative; } 
#header .gnb_wrap .logo .mark.st2:before { position:absolute; content:''; left:-5px; top:7px; width:1px; height:20px; background:#ccc; } 
#header .gnb_wrap .logo .mark.st3 { font-size:.8em; color:#aaa; } 

#header .gnb_wrap .gnb { position:relative; } 
#header .gnb_wrap .gnb > li { position:relative; } 
#header .gnb_wrap .gnb > li .dp1 { position:relative; z-index:2; padding:0 3em; } 
#header .gnb_wrap .gnb.st1 > li .dp1 { padding:0 2.6em; } 
#header .gnb_wrap .gnb.st2 > li .dp1 { padding:0 1.8em; } 
#header .gnb_wrap .gnb > li .dp1 .vm_tt { font-size:1.250em; font-weight:500; } 
#header .gnb_wrap .gnb > li .dp1 .link { margin-left:.4em; } 
#header .gnb_wrap .gnb > li:before { content:""; position:absolute; z-index:1; left:1em; right:1em; bottom:-1px; height:100%; background:#1a9fbb; background:linear-gradient(135deg, #1a9fbb 0%, #005bbb 100%); opacity:0; visibility:hidden; transition:.3s; } 
#header .gnb_wrap .gnb > li:hover:before,
#header .gnb_wrap .gnb > li.on:before { height:4px; opacity:1; visibility:visible; } 
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1 { color:#005bbb; } 

#header .gnb_wrap .gnb > li .fl_wrap > * { float:none; } 
#header .gnb_wrap .gnb > li .dp2 { position:absolute; left:50%; top:100%; min-width:10em; width:100%; width:calc(100% - 2px); transform:translateX(-50%); padding:.3em 0; background:#fff; border:solid #ccc; border-width:0 1px 1px 1px; z-index:-1; opacity:0; visibility:hidden; } 
#header .gnb_wrap .gnb > li .dp2.posL { left:0; transform:translateX(0); } 
#header .gnb_wrap .gnb > li .dp2.posR { left:auto; right:0; transform:translateX(0); } 
#header .gnb_wrap .gnb > li .dp2.posL .vm_wrap { text-align:left; } 
#header .gnb_wrap .gnb > li .dp2.posR .vm_wrap { text-align:left; } 
#header .gnb_wrap .gnb > li .dp2 .vm_wrap { height:auto; } 
#header .gnb_wrap .gnb > li .dp2 > li { display:flex; border-top:1px dashed #ddd; } 
#header .gnb_wrap .gnb > li .dp2 > li:first-child { border-top:none; } 
#header .gnb_wrap .gnb > li .dp2 > li > a { flex:1; padding:.8em 1em; font-size:.938em; color:#555; } 
#header .gnb_wrap .gnb > li .dp2 > li > a.plus { flex:0 0 9em; } 
#header .gnb_wrap .gnb > li .dp2 > li > a.plus + .dp3 { flex:1 0 11em; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .vm_tt { vertical-align:top; } 

#header .gnb_wrap .gnb > li .dp3 { padding:.4em 0 .8em 0; } 
#header .gnb_wrap .gnb > li .dp3 > li > a { position:relative; padding:.3em .5em .3em .8em; font-size:.750em; } 
#header .gnb_wrap .gnb > li .dp3 > li > a:before { content:""; position:absolute; left:0; top:.7em; width:4px; height:4px; background:#1a9fbb; border-radius:100%; } 

#header .gnb_wrap .gnb > li:hover .dp2 { z-index:inherit; opacity:1; visibility:visible; transition:.2s; } 
#header .gnb_wrap .gnb > li .dp2 li:hover > a .vm_tt { text-decoration:underline; color:#005bbb } 


/*mobile nav*/
#header .gnb_wrap .util { display:none } 
#header .gnb_wrap .util > li { display:inline-block; *display:inline; zoom:1; vertical-align:top; } 
#header .gnb_wrap .util > li > a { margin-left:1em; } 
#header .gnb_wrap .util > li > a .xi { font-size:1.625em; } 
#header .gnb_wrap .util .btnAll .in { position:relative; width:1.8em; height:1.4em; } 
#header .gnb_wrap .util .btnAll .in .ham { display:block; } 
#header .gnb_wrap .util .btnAll .in .ham,
#header .gnb_wrap .util .btnAll .in .ham:before,
#header .gnb_wrap .util .btnAll .in .ham:after { width:100%; height:2px; background:#3c3c3d; transition:.1s; } 
#header .gnb_wrap .util .btnAll .in .ham:before,
#header .gnb_wrap .util .btnAll .in .ham:after { content:""; position:absolute; left:0; } 
#header .gnb_wrap .util .btnAll .in .ham:before { top:50%; } 
#header .gnb_wrap .util .btnAll .in .ham:after { top:100%; } 
.bodyPC #header .gnb_wrap .util .btnAll:hover .ham,
.bodyPC #header .gnb_wrap .util .btnAll:hover .ham:after { width:120%; background:#108ad3; } 

#header .nav_layer { position:fixed; z-index:-1; top:0; left:0; right:0; bottom:0; background:#fff; overflow-y:auto; opacity:0; visibility:hidden; } 
#header .nav_layer .nav_wrap2 { padding-bottom:2em; opacity:0; visibility:hidden; transition:.2s; } 
#header .nav_layer .nav_wrap2 a { color:#555; } 
#header .nav_layer .nav_wrap2 .nav_logo { margin-bottom:2em; padding:3em 0 2em 0; border-bottom:3px solid #e4e6e8; text-align:left; } 
#header .nav_layer .nav_wrap2 .nav_logo > a { display:inline-block; } 
#header .nav_layer .nav_wrap2 .nav_logo .txt { padding-left:10px; display:block } 
#header .nav_layer .nav_wrap2 .nav_logo .txt > i { display:block; color:#00479e; font-weight:500 } 
#header .nav_layer .nav_wrap2 .nav_logo img { width:13.5em; } 
#header .nav_layer .nav_wrap2 .nav_mem { text-align:right; } 
#header .nav_layer .nav_wrap2 .nav_mem > li { display:inline-block; flex:1; } 
#header .nav_layer .nav_wrap2 .nav_mem > li a { display:block; min-width:6em; padding:.6em 2em; border:1px solid rgba(255,255,255,.4); text-align:center; text-transform:uppercase; font-size:1em; font-weight:500; } 
#header .nav_layer .nav_wrap2 .goLink > li a { background:#fff !important; color:#0d2d4f !important; border:1px solid #0d2d4f !important; padding:.8em 2em; display:block; min-width:6em; font-size:1.125em; font-weight:500; text-align:center } 
/*#header .nav_layer .nav_wrap2 .goLink > li:hover a { background:#fff; color:#0d2d4f; } */
#header .nav_layer .nav_wrap2 .nav_mem > li .xi { margin-right:.3em; } 
/*#header .nav_layer .nav_wrap2 .nav_mem > li:hover a { background:#0d2d4f; border-color:#0d2d4f; color:#fff; } */
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li { float:none; overflow:hidden; padding:2.5em 0; border-top:1px solid rgba(0,0,0,.1); } 
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li:first-child { border-top:none; } 
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li a { text-align:left; } 
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .xi.link { margin-left:1em; color:#5de6ff; } 
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp1 { float:left; padding:.2em 0; font-size:1.500em; color:#0d2d4f; font-weight:500; text-transform:uppercase; } 
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp1:after { content:""; display:inline-block; margin-left:.3em; width:.8em; height:3px; background:#5de6ff; } 
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 { margin-left:12em; overflow:hidden; } 
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li { width:25%; } 
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li:nth-child(4n+1) { clear:both; } 
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li > a { padding:.4em 0; font-size:1.063em; } 
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp3 { padding:.4em 0; } 
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp3 > li > a { position:relative; padding:.3em 0; padding-left:1em; font-size:.875em; color:rgba(255,255,255,.6); font-weight:300; } 
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp3 > li > a:after { content:""; position:absolute; top:.9em; left:0; width:.4em; height:1px; background:#fff; opacity:.6; } 
#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li ul > li:hover > a .vm_tt { text-decoration:underline; } 

#header.m_nav_open .nav_layer { z-index:4; opacity:1; visibility:visible; } 
#header.m_nav_open .nav_layer .nav_wrap2 { opacity:1; visibility:visible; } 
#header.m_nav_open .gnb_wrap .util .btnAll { position:fixed; z-index:5; top:2em; right:2.5em; } 
#header.m_nav_open .gnb_wrap .util .btnAll.vm_wrap { height:auto; } 
#header.m_nav_open .gnb_wrap .util .btnAll .in { width:4em; height:4em; } 
#header.m_nav_open .gnb_wrap .util .btnAll .ham { background:transparent !important; } 
#header.m_nav_open .gnb_wrap .util .btnAll .ham:before,
#header.m_nav_open .gnb_wrap .util .btnAll .ham:after { background:#fff !important; top:50%; width:100% !important; } 
#header.m_nav_open .gnb_wrap .util .btnAll .ham:before { transform:rotate(-45deg); } 
#header.m_nav_open .gnb_wrap .util .btnAll .ham:after { transform:rotate(45deg); } 

#header .nav_layer .nav_wrap2 .nav_gnb .gnb > li.active { background:#edf0f4 } 
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li > a { padding-left:1em; position:relative } 
#header .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li > a:before { content:"\e91b"; position:absolute; left:0; top:7px; color:#555; font-family:'xeicon'; } 




/*footer*/
#footer { background:#313851; } 
/*#footer .copy { text-align:center; padding:2em 0; font-size:.750em; color:#fff; text-transform:uppercase; } */

#footer .goTop { position:fixed; z-index:999; bottom:-2em; right:2em; width:4em; height:4em; background:#005bbb; border-radius:100%; text-align:center; color:#fff; opacity:0; visibility:hidden; transition:.2s; } 
#footer .goTop .tt { display:block; font-size:.688em; font-weight:500; } 
#footer .goTop:hover { background:#1a9fbb; } 
#footer .goTop.scroll { bottom:2em; opacity:1; visibility:visible; } 


#footer .info_wrap { padding:1.5em 0 3em 0; /*background:#f3f4f5; border-top:1px solid #d4d5d8; */ } 
#footer .info_wrap .inner { position:relative; } 
#footer .info_wrap .menu { margin-bottom:2.3em; } 
#footer .info_wrap .menu > li .in { position:relative; margin-left:1.2em; padding-left:1.2em; font-size:.875em; text-transform:uppercase; color:#fff; opacity:.7 } 
#footer .info_wrap .menu > li .in:before { content:""; position:absolute; left:0; top:15%; width:1px; height:70%; background:#fff; opacity:.3; } 
#footer .info_wrap .menu > li:first-child .in { margin-left:0; padding-left:0; } 
#footer .info_wrap .menu > li:first-child .in:before { display:none; } 
#footer .info_wrap .menu > li:hover .in { text-decoration:underline; } 
#footer .info_wrap .info { text-transform:uppercase; } 
#footer .info_wrap .info * { color:#fff; } 
#footer .info_wrap .info .tt { display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:.2em 2em .2em 0; font-size:.875em; } 
#footer .info_wrap .info .tt * { vertical-align:baseline; } 
#footer .info_wrap .info .copy { margin-top:1.8em; font-size:.688em; color:#aaaaab; text-align:left } 
#footer .info_wrap .mark { position:absolute; top:0; right:0; text-align:right; } 
#footer .info_wrap .mark > li .in { margin-left:2em; opacity:.4; } 
#footer .info_wrap .mark > li:first-child .in { margin-left:0; } 
#footer .info_wrap .mark > li .in img { height:1.8em; } 






/*contents*/
.main #contents:before,
.main #contents .doc_wrap .doc_tit,
.dp1_member #contents:before,
.dp1_member #contents .doc_wrap .doc_tit { display:none } 
.main #contents .doc_wrap { background:none } 
.main #contents .sub_layout { width:100%; padding:0 0 5em 0; background:#f9f9f9 } 
#contents { position:relative; } 
#contents:before { content:""; display:block; position:absolute; z-index:1; top:0; left:0; width:100%; background:#e9ecf2; } 
#contents:before,
#contents .sub_layout .doc_wrap .doc_tit,
#contents .sub_layout .lnb_wrap .gnb > li .dp1 { height:8em; } 
#contents .sub_layout { position:relative; z-index:2; align-items:stretch; padding:2em 0 8em 0; width:1280px; margin:0 auto } 

#contents .lnb_wrap { flex:0 0 14em; } 
#contents .lnb_wrap .fl_wrap > * { float:none; } 
#contents .lnb_wrap .gnb > li { display:none; } 
#contents .lnb_wrap .gnb > li.on { display:block; } 
#contents .lnb_wrap .gnb .dp1 { position:relative; padding:0 1em; border-radius:2em 0 0 0; background:#005bbb; background:linear-gradient(135deg, #1a9fbb 0%, #005bbb 100%); } 
#contents .lnb_wrap .gnb .dp1:after { content:""; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:url(../images/inc/mark_white.svg) no-repeat right -.5em bottom -.5em; background-size:7em auto; opacity:.1; } 
#contents .lnb_wrap .gnb .dp1 .vm_tt { position:relative; z-index:2; font-size:1.375em; color:#fff; font-weight:700; text-transform:uppercase; } 
#contents .lnb_wrap .gnb .dp2 a { text-align:left; } 
#contents .lnb_wrap .gnb .dp2 > li { margin-top:.3em; border:1px solid #ccc; border-radius:.3em; overflow:hidden; } 
#contents .lnb_wrap .gnb .dp2 > li > a { position:relative; padding:.8em 2em .8em 1em; background:linear-gradient(-180deg, #fff 0%, #fff 50%, #e9ecf2 100%); color:#000; } 
#contents .lnb_wrap .gnb .dp2 > li > a .vm_tt { font-size:.875em; font-weight:700; } 
#contents .lnb_wrap .gnb .dp2 > li > a .arrow { position:absolute; right:.3em; top:50%; margin-top:-.6em; font-size:1.625em; color:#bbb; } 
#contents .lnb_wrap .gnb .dp2 > li > a .arrow:before { content:"\ea40"; } 
#contents .lnb_wrap .gnb .dp2 > li > a.plus .arrow { transform:rotate(90deg); } 
#contents .lnb_wrap .gnb .dp2 > li:hover { border-color:#005bbb; } 
#contents .lnb_wrap .gnb .dp2 > li.on > a { color:#005bbb; } 
#contents .lnb_wrap .gnb .dp2 > li.on > a .arrow { color:#005bbb; } 
#contents .lnb_wrap .gnb .dp3 { border-top:1px solid #ddd; padding:.4em; } 
#contents .lnb_wrap .gnb .dp3 > li { margin-top:1px; } 
#contents .lnb_wrap .gnb .dp3 > li > a { position:relative; padding:.6em 1.2em .6em .8em; background:#e9ecf2; } 
#contents .lnb_wrap .gnb .dp3 > li > a:after { content:"\e93f"; font-family:xeicon!important; position:absolute; right:.4em; top:50%; margin-top:-.5em; } 
#contents .lnb_wrap .gnb .dp3 > li > a .vm_tt { font-size:.813em; } 
#contents .lnb_wrap .gnb .dp3 > li:hover > a,
#contents .lnb_wrap .gnb .dp3 > li.on > a { background:#1a9fbb; color:#fff; } 
#contents .lnb_wrap .gnb .dp4 { padding:.6em .6em 1em .6em; } 
#contents .lnb_wrap .gnb .dp4 > li > a { position:relative; padding:.3em 0 .3em .6em; color:#555; } 
#contents .lnb_wrap .gnb .dp4 > li > a:after { content:""; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; background:#ee2c49; border-radius:100%; } 
#contents .lnb_wrap .gnb .dp4 > li > a .vm_tt { font-size:.813em; } 
#contents .lnb_wrap .gnb .dp4 > li:hover > a .vm_tt,
#contents .lnb_wrap .gnb .dp4 > li.on > a .vm_tt { color:#ee2c49; text-decoration:underline; } 

#contents .doc_wrap { background:#fff; } 
#contents .doc_wrap .doc_tit { border-bottom:1px solid #ddd; margin:0 2em 2em 2em } 
#contents .doc_wrap .doc_tit .tit { padding:1.5em 0 .8em 0; font-size:1.375em; color:#222; font-weight:500; } 
#contents .doc_wrap .doc_tit .nav > li { display:inline-block; vertical-align:middle; color:#666; } 
#contents .doc_wrap .doc_tit .nav .xi { font-size:1em; } 
#contents .doc_wrap .doc_tit .nav .tt { font-size:.813em; } 
#contents .doc_wrap .doc_tit .nav .tt:before { content:"\e940"; font-family:xeicon!important; display:inline-block; padding:0 .3em 0 .1em; color:#aaa; } 
#contents .doc_wrap .doc_tit .nav > li:last-child { color:#ee2c49; font-weight:500; } 


/*MAIN*/
.main_body #header { border-bottom-color:transparent; } 
.main_body #footer { border-top-color:transparent; } 
.main_con_wrap,
.main_slide,
.main_slide .el { position:relative; /*height:calc(100vh - 27.5em); */ height:520px } 
.main_slide_wrap { position:absolute; top:0; left:0; width:100%; height:100%; } 
.main_slide .el .bg { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; } 

.main_section_wrap { background:#f9f9f9 } 


.main_con { position:relative; height:100%; } 
.main_con .box1 { width:1280px; margin:0 auto } 
.main_con.section0 .main_tit { margin-top:7.5em !important; margin-right:0 } 
.main_con.section0 .main_tit .img { padding-bottom:1em } 
.main_con.section1 { margin-top:2em; padding:1em 0 3em 0; } 
.main_con.section0 .main_tit .btn { margin-top:1em; } 

.main_con .ani { opacity:0; visibility:hidden; transition:1s; } 
.main_con .aniT { transform:translateY(3em); } 
.load .main_con .aniT { opacity:1; visibility:visible; transform:translateY(0); } 
.load .main_con .aniF { opacity:1; visibility:visible; } 
.load .main_con .ani1 { transition-delay:0s; } 
.load .main_con .ani2 { transition-delay:.2s; } 
.load .main_con .ani3 { transition-delay:.4s; } 
.load .main_con .ani4 { transition-delay:.6s; } 
.load .main_con .ani5 { transition-delay:.8s; } 
.load .main_con .ani6 { transition-delay:1s; } 
.load .main_con .ani7 { transition-delay:1.2s; } 

.main_con .in_box { border-radius:.375em; box-sizing:border-box; } 

.main_menu { margin-top:1em } 
.main_menu > li { flex:1; margin-left:1.5em; } 
.main_menu > li:first-child { margin-left:0; } 
.main_menu > li .in { position:relative; height:10em; padding:2em 1em; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer; text-align:center; color:#fff; transition:.2s; } 
.main_menu > li .in:before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:linear-gradient(0deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%); border:solid #fff; border-width:0; opacity:.6; transition:.3s; } 
.main_menu > li.st1 .in { background:#0e498f; } 
.main_menu > li.st2 .in { background:#387ac9; } 
.main_menu > li.st3 .in { background:#00abad; } 
.main_menu > li.st4 .in { background:#d82f5b; } 
.main_menu > li .in .con { position:relative; width:100%; } 
.main_menu > li .in .con .xi { margin-bottom:1em; width:3.5em; line-height:3.5em; border:2px solid rgba(255,255,255,.3); border-radius:100%; font-size:1em; } 
.main_menu > li .in .con .xi:before { font-size:1.750em; } 
.main_menu > li .in .con .tt { font-size:1.250em; letter-spacing:-1px; } 
.main_menu > li .in .in_btn { margin-top:-4em; opacity:0; transition:.2s; } 
.main_menu > li .in .in_btn > li .btn { display:block; margin:1px 1px; padding:.5em .5em; background:#fff; border:1px solid #fff; font-size:.813em; color:#005aa6; } 
.main_menu > li .in .in_btn.flex { margin-top:-1.5em; } 
.main_menu > li .in .in_btn.flex > li { flex:1; } 

.main_menu > li .in:hover { box-shadow:3px 3px 10px rgba(0,0,0,.3); } 
/*.main_menu > li:not(.hover) .in:hover { padding-top:1em; } */
.main_menu > li:not(.hover) .in:hover:before { border-width:8px; } 
.main_menu > li .in:hover .con .tt { text-shadow:1px 1px 1px rgba(0,0,0,.3); } 

.main_menu > li.hover .in .hover_con { position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; visibility:hidden; } 
.main_menu > li.hover .in .hover_con > li { position:relative; flex:1; } 
.main_menu > li.hover .in .hover_con > li:before { content:""; position:absolute; left:0; width:100%; height:0; transition:.4s; } 
.main_menu > li.hover .in .hover_con > li:nth-child(1):before { background:#77ccd1; top:0; } 
.main_menu > li.hover .in .hover_con > li:nth-child(2):before { background:#5395d9; bottom:0; } 
.main_menu > li.hover .in .hover_con > li .in_con { position:relative; height:100%; padding:0 1em; } 
.main_menu > li.hover .in .hover_con > li .in_con > * { flex:1; } 
.main_menu > li.hover .in .hover_con > li .in_con .tt { display:block; font-size:1.125em; } 
.main_menu > li.hover .in .hover_con > li .in_con .xi { margin-top:-1.75em; width:1.75em; line-height:1.75em; background:#fff; border-radius:100%; font-size:1em; color:#005aa6; opacity:0; transition:.2s; } 
.main_menu > li.hover .in:hover .hover_con { opacity:1; visibility:visible; transition:.4s; } 
.main_menu > li.hover .in:hover .hover_con > li:before { height:100%; } 
.main_menu > li.hover .in .hover_con > li > .in_con:hover .xi { margin-top:1em; opacity:1; } 
.main_menu > li .in:hover .con .in_btn,
.main_menu > li.hover .in .hover_con > li > .in_con .in_btn { margin-top:.75em; opacity:1; } 

.main_board { margin-top:3em; } 
.main_board > li { flex:1; margin-left:1em; } 
.main_board > li:first-child { margin-left:0; } 
.main_board > li .in { height:100%; padding:1.25em 1.5em; background:#fff; } 

.main_board .tit_wrap { margin-bottom:1em; padding:.5em 0 1em 0; border-bottom:1px solid #e5e5e5; } 
.main_board .tit_wrap .tit .xi { font-size:1em; width:2em; height:2em; line-height:2em; border-radius:100%; box-shadow:1px 1px 3px rgba(0,0,0,.2); border:1px solid #eee; text-align:center; margin-right:.75em } 
.main_board .tit_wrap .tit .xi:before { font-size:1.063em } 
.main_board .tit_wrap .tit .tt { font-size:1.125em; color:#111; font-weight:500; letter-spacing:-1px; } 
.main_board .tit_wrap .more { display:block; margin-left:1em; color:#005aa6; transition:.3s; opacity:0; visibility:hidden; transform:translateX(-1em); } 
.main_board .tit_wrap .more .xi { font-size:1em; line-height:1; } 
.main_board .tit_wrap .more .tt { margin-left:.25em; font-size:.750em; } 
.main_board .tit_wrap:hover .more { opacity:1; visibility:visible; transform:translateX(0); } 

.main_notice .list { padding:0 .5em; } 
.main_notice .list > li .link { height:2.8em; } 
.main_notice .list > li .link .xi { margin-right:.570em; font-size:1em; color:#aaa; line-height:1; } 
.main_notice .list > li .link .tt { flex:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 
.main_notice .list > li .link .date { padding-left:3em; font-size:.750em; color:#888; } 
.main_notice .list > li .link .no { color:#888; } 
.main_notice .list > li a.link:hover .tt { color:#005aa6; text-decoration:underline; } 

.main_state .table_st th,
.main_state .table_st td { padding-top:.25em; padding-bottom:.25em; } 
.main_state .table_st .w_btn { width:6.5em; } 


.main_tit { margin-bottom:2em; } 
a.main_tit { display:block; } 
.main_tit .tit { } 
.main_tit .txt { margin-top:1.5em; } 
.main_tit .tt .b { font-weight:700; font-size:1.063em } 
.main_tit .tt .b.bigg { font-size:1.3em; } 
.main_tit .t0 { font-size:2.357em; color:#fff; display:block; line-height:1.3 } 
.main_tit .t1 { font-size:2.2em; color:#172538; padding-top:5px; display:block } 
.main_tit .ti { font-size:2.2em; color:#172538; display:block } 
.main_tit .t1.en { font-size:3em; } 
.main_tit .t2 { font-size:1.125em; color:#fff; line-height:1.5 } 
.main_tit .t3 { font-size:1.500em; color:#333; } 
.main_tit.cw .tt { color:#333; } 
.main_tit.st1 { margin-bottom:1em; } 
.main_tit.st2 .txt { flex:1; margin:0 0 0 2.5em; padding-left:2.5em; border-left:1px solid #ccc; } 

.main_more { display:inline-block; width:7em; padding:0 1.5em; border-radius:8em; height:2.6em; line-height:2.6em; margin-top:8px; background:#fff; box-shadow:2px 2px .375em rgba(0,0,0,.15); text-align:center; color:#111; transition:.2s; border:1px solid #ddd } 
.main_more.st1 { width:6em; height:2.5em; line-height:2.5em; font-size:.9em; box-shadow:none; background:#d82744; color:#fff } 
.main_more.st1:hover { background:#d82744; } 
.main_more.c1 { background:#e5eaef; color:#72727d } 
.main_more.c1:hover { background:#e5eaef; color:#72727d } 
.main_more > .in_tt { display:inline-block; font-weight:500; } 
.main_more > .in_tt.en { font-weight:700; } 
.main_more > .xi { padding-left:.5em; } 
.main_more > .icon:before { content:"\e907"; } 
.main_more:hover { background:#b0822c; color:#fff;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(40,89,166,1)), color-stop(1%, rgba(40,89,166,1)), color-stop(99%, rgba(16,172,177,1)), color-stop(100%, rgba(16,172,177,1))); /* safari4+,chrome */
background:-webkit-linear-gradient(0deg, rgba(40,89,166,1) 0%, rgba(40,89,166,1) 1%, rgba(16,172,177,1) 99%, rgba(16,172,177,1) 100%); /* safari5.1+,chrome10+ */
background:-o-linear-gradient(0deg, rgba(40,89,166,1) 0%, rgba(40,89,166,1) 1%, rgba(16,172,177,1) 99%, rgba(16,172,177,1) 100%); /* opera 11.10+ */
background:-ms-linear-gradient(0deg, rgba(40,89,166,1) 0%, rgba(40,89,166,1) 1%, rgba(16,172,177,1) 99%, rgba(16,172,177,1) 100%); /* ie10+ */
background:linear-gradient(90deg, rgba(40,89,166,1) 0%, rgba(40,89,166,1) 1%, rgba(16,172,177,1) 99%, rgba(16,172,177,1) 100%); /* w3c */;border-color:transparent } 
.main_more.mgT { margin-top:4em; } 
.main_more.mgL { margin-left:2.5em; } 


.main_list_col { border-radius:.375em; overflow:hidden } 
.main_list_col .inner { flex:1; min-width:0; } 
.main_list_col .inner .list_wrap { flex:1; /*margin-left:1.25em; */ } 
.main_list_col .box_st { border-color:#d4d5d8; min-height:16.625em; } 
/*.main_list_col .box_st.edu { border-color:#272d42; background:#313851; } */
.main_list_col .con_idx > .idx { box-sizing:border-box; } 
.main_list_col > .in { padding:0 !important } 
.main_list_col .tab { align-items:stretch; position:relative; border-bottom:1px solid; } 
.main_list_col .tab.st1 { background:#607ba6; border-bottom-color:#607ba6; justify-content:flex-start; } 
.main_list_col .tab.st2 { background:#575e73; border-bottom-color:#272d42; } 
.main_list_col .tab > li { text-align:center; } 
.main_list_col .tab.st1 > li { } 
.main_list_col .tab.st2 > li { flex:1; } 
.main_list_col .tab > li .main_more2 { position:absolute; top:50%; right:1.75em; transform:translateY(-50%); background:#fff; color:#888; display:none; } 
.main_list_col .tab > li .tt { position:relative; display:block; padding:.938em .4em; border-style:solid; cursor:pointer; min-width:4.188em } 
.main_list_col .tab.st1 > li .tt { padding-left:1.75em; padding-right:1.75em; border-width:0 1px 0 0; border-color:#8493aa; /*color:#3c3c3d; */color:#fff; } 
.main_list_col .tab.st2 > li .tt { border-width:0 0 0 1px; border-color:#272d42; color:#fff; } 
.main_list_col .tab.st2 > li:first-child .tt { border-left-width:0; } 
.main_list_col .tab > li .tt:after { content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; display:none; } 
.main_list_col .tab.st1 > li .tt:after,
.main_list_col .tab.st1 > li.on .tt { background:#ffffff; color:#3c3c3d } 
.main_list_col .tab.st2 > li .tt:after,
.main_list_col .tab.st2 > li.on .tt { background:#313851; } 
.main_list_col .tab > li.on .tt:after { display:block; } 
.main_list_col .tab > li.on .main_more2 { display:block; } 

.main_more2 { display:inline-block; width:1.825em; line-height:1.825em; text-align:center; border-radius:100%; } 
.main_more2 .xi { font-size:1.250em; transition:.2s; } 
.main_more2 .xi:before { content:"\e913"; } 
.main_more2:hover .xi { transform:rotate(180deg); } 
.main_more2.more_c1 { background:#5e80b6; color:#fff } 



.main_list_col .list_wrap.edu { } 
.main_list_col .list_wrap.edu .con_in { text-align:center; } 
.main_list_col .list_wrap.edu .list { text-align:left; } 
.main_list_col .list_wrap.edu .list > li .in { display:block; color:#555; padding:1.25em 1.5em } 
.main_list_col .list_wrap.edu .list > li:first-child .in { margin-top:0; border-bottom:1px dashed #ddd; } 
.main_list_col .list_wrap.edu .list > li .in .tt { display:inline-block; min-width:4em; padding:.25em .25em .375em .25em; border-radius:2em; text-align:center; font-size:.875em; line-height:1; } 
.main_list_col .list_wrap.edu .list > li .in .tt.c1 { background:#d82744; color:#fff; } 
.main_list_col .list_wrap.edu .list > li .in .tt.c2 { background:#e5eaef; color:#72727d; } 
.main_list_col .list_wrap.edu .list > li .in .tit { display:block; padding:.4em 0; font-size:.938em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 
.main_list_col .list_wrap.edu .list > li .in .date { font-size:.813em; color:#72727d; margin-top:.5em } 
.main_list_col .list_wrap.edu .list > li .in .cate { font-size:.875em; color:#2957a5; margin-bottom:.5em; } 
.main_list_col .list_wrap.edu .list > li:hover .in .tit { text-decoration:underline; } 
.main_list_col .list_wrap.edu .con_in .btn { display:inline-block; box-sizing:border-box; min-width:92%; margin-top:1.75em; padding:.4em .5em; background:#3f9e73; border-radius:6em; color:#fff; transition:.2s; } 
.main_list_col .list_wrap.edu .con_in .btn > * { display:inline-block; padding:0 .4em; } 
.main_list_col .list_wrap.edu .con_in .btn .tt { font-size:.938em; } 
.main_list_col .list_wrap.edu .con_in .btn .xi { font-size:1.250em; } 
.main_list_col .list_wrap.edu .con_in .btn:hover { background:#ef7c00; } 

.main_list_col .date_wrap { /* width:28%; */text-align:center; /* margin-left:-.5em; */padding: .3em; } 
.main_list_col .date_wrap .t1 { font-size:1.250em; padding-bottom:3px; font-weight:600; color:#0d478c } 
.main_list_col .date_wrap .t2 { color:#555; font-size:.875em } 
.main_list_col .date_wrap .date_inner { padding:.8em; margin-top:.2em; border:1px solid #ddd; width:4em } 
.main_list_col .txt_wrap { width:72%; padding-left:1.5em; text-align:left; word-break:break-all; } 
.main_list_col .txt_wrap .inner { /*word-break: break-word; width:100%; white-space:pre-wrap; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height: 20px; *//* display: inline-block; */padding-top:2px } 
.main_list_col .txt_wrap .inner > .strong { font-size:1.063em; width:100%; white-space:pre-wrap; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-word; font-weight:500; color:#333 } 


.main .no_con { padding:4.5em 0 !important } 


.main_edu_list { } 
.main_edu_list .tab_cnt02 { display:none } 
.noti::after { display:block; content:""; clear:both } 
.main_edu_con li { height:240px; border-radius:.375em; background:#fff; box-shadow:0px 5px 15px rgba(0, 0, 0, 0.1); flex:1; } 
.main_edu_con li + li { margin-left:20px } 
.main_edu_con li a { display:block; width:100%; height:100%; padding:2em; box-sizing:border-box } 
.main_edu_con li:hover .cnt { text-decoration: underline; } 
.main_edu_con li span { display:block } 
.main_edu_con li .tit { color:#0d478c; font-size:.875em; display:inline-block; padding:.3em .8em; border-radius:3em; border:1px solid #0d478c; } 
.main_edu_con li .tit.cate1 { background:#6379ff; border-color:#6379ff; color:#fff } 
.main_edu_con li .tit.cate2 { background:#00a3dd; border-color:#00a3dd; color:#fff } 
.main_edu_con li .tit.cate3 { background:#ff9f00; border-color:#ff9f00; color:#fff } 
.main_edu_con li .date1 { font-size:.875em; color:#333 } 
.main_edu_con li .loca { font-size:.875em; font-weight:500; padding-bottom:.5em; color:#555 } 
.main_edu_con li .cnt { display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:4.8em; line-height:26px; color:#333333; margin:14px 0 22px; font-size:1.063em; font-weight:500 } 
.main_edu_con li .cal { color:#555555; font-size:.875em; } 



/*추가 및 수정*/
.main_quick_wrap { position:absolute; width:100%; bottom:0; left:0; } 
.main_quick_wrap .main_quick { background:#406fce; height:11em } 
.main_quick_wrap .main_link { background:#1647aa; /*background:linear-gradient(to bottom, #3493eb 0%,#17459f 100%); background:-webkit-linear-gradient(top, #3493eb 0%,#17459f 100%); */padding:1.5em 2em; width:30%; position:relative } 
/*.main_quick_wrap .main_link:after { display:block; content:""; position: absolute; top:20%; right:0px; border-right:20px solid transparent; border-bottom:20px solid #1647aa; transform:rotate(225deg) translateY(12px); } */
.main_titA { } 
.main_titA .tt { font-size:1.375em; color:#fff; font-weight:500; } 
.main_titA .t1 { color:#fff; font-size:.938em; margin:.8em 0 1.5em 0; display:block } 
.link_btn { border:1px solid rgba(255,255,255,.5); color:#fff !important; display:block; padding:.6em .5em; text-align:center; font-size:.938em } 
.link_btn > .xi { font-size:.938em; padding-left:.5em } 
.main_link_btn { margin-top:1em; } 
.main_link_btn li { flex:1 0 50%; max-width:49%; margin:.2em 0; transition:.3s; } 
.main_link_btn li:hover { background:#fff; border-color:transparent; } 
.main_link_btn li:hover a > i { color:#1647aa } 
.main_edu { width:70%; } 
.main_edu_btn li { flex:1 } 
.main_edu_btn li a { display:block; height:11em; } 
.main_edu_btn li:nth-child(even) a { background:#3d6ac5 } 
.main_edu_btn li a > i { display:block; text-align:center } 
.main_edu_btn li a > .img { padding-top:2em } 
.main_edu_btn li a > .tit { color:#fff; padding-top:1em; font-size:1.063em; font-weight:500 } 
.main_edu_btn li:hover a > .img { transform:rotateY(360deg); transition:.3s; } 



.main_link .search { box-sizing:border-box; position:relative; width:100%; height:2.875em; padding:0 3.5em 0 1em; background:#fff; border-radius:.3em; } 
.main_link .search .inp { width:100%; height:100%; font-size:.938em; border:none; background:none; } 
.main_link .search .btn { position:absolute; right:0; top:0; width:3.5em; height:100%; text-align:center; background:#fff; border:none; border-radius:.3em } 
.main_link .search .btn .xi { font-size:1.750em; color:#1f4d7f; } 
.main_link .search .btn:hover .xi { color:#0148a2; } 





.main_con.section1 .gall_wrap { width:100%; float:left; position:relative; box-sizing:border-box; height:100%; display: none;} 
.main_con.section1 .gall_wrap .item.slick-slide { } 
.main_con.section1 .gall_wrap .visual .slick-track { height:322px; } 
.main_con.section1 .gall_wrap .visual .item { height:100%; min-height:322px } 
.main_con.section1 .gall_wrap .visual .item > dl { padding:1em } 
.main_con.section1 .gall_wrap .visual .item > dl > dt { font-size:.938em; transition:.3s } 
.main_con.section1 .gall_wrap .visual .item > dl > dt:hover a { color:#b31054 } 
.main_con.section1 .gall_wrap .visual .item > dl > dd { font-size:.875em; color:#666; margin-top:1em } 
.main_con.section1 .gall_wrap .visual .item > dl > dd .xi { margin-right:3px } 
.main_con.section1 .gall_wrap .visual .item .item_img { height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; } 
.gall_wrap .slick-dots { position:absolute; left:1.5em; bottom:1.5em } 
.gall_wrap .slick-dots ul > li { float:left } 
.gall_wrap .slick-dots ul > li button { width:15px; height:15px; background:#ddd; font-size:0; border:none !important; border-radius:50%; margin-right:5px } 
.gall_wrap .slick-dots ul > li.slick-active button { background:#005bbb } 



.main_con.section1 .con_box { flex:1 0 50%; max-width:50% } 
.main_con.section1 .con_box:nth-child(1) { flex:1 0 60%; max-width:60% } 
.main_con.section1 .con_box:nth-child(2) { flex:1 0 38%; max-width:38% } 

/*SUB PAGE************************/
/*inc*/
.page_mg { margin-top:2.5em !important; } 
.page_mg1 { margin-top:1em !important; } 
.page_mg2 { margin-top:5em !important; } 
.page_mg3 { margin-top:-1em !important; } 
.page_mg4 { margin-top:.5em !important; } 

.page_scrollX { display:flex; overflow-x:auto; } 
.page_scrollX.sw1 > .scroll_in { flex:1 0 1024px; } 

.page_scroll_tit { margin-bottom:.6em; color:#3c3c3d; display:none; } 
.page_scroll_tit .xi { width:1.2em; line-height:1.2em; margin-right:.4em; border:1px solid #d4d5d8; border-radius:100%; text-align:center; font-size:1.750em; } 
.page_scroll_tit .tt { font-size:.938em; } 

.page_tab { margin-bottom:2em; text-align:center; } 
.page_tab .tab { display:flex; } 
.page_tab .tab > li > a { position:relative; z-index:1; display:block; min-width:8em; margin-left:-1px; padding:.6em 1em; background:#f0f0f0; border:1px solid #ccc; border-bottom-color:#313851; color:#777; transition:.2s; } 
.page_tab .tab > li:first-child > a { margin-left:0; } 
.page_tab .tab > li > a .tt { font-size:.938em; font-weight:500; } 
.page_tab .tab > li:hover > a,
.page_tab .tab > li.on > a { z-index:2; background:#fff; border-color:#313851; border-bottom-color:#fff; color:#111; } 

.page_tab.st2 { margin-top:3em; text-align:left } 
.page_tab.st2 .tab > li > a .tt { font-size:1em } 
.page_tab.st2 .tab > li > a { padding:.8em 1em; min-width:13em; } 


.page_tab2 .tab,
.page_tab2 .tab > li,
.page_tab2 .tab > li > a { display:flex; align-items:stretch; } 
.page_tab2 { margin-bottom:3em; text-align:center; min-width:0; } 
.page_tab2 .tab { flex-wrap:wrap; } 
.page_tab2 .tab > li > a { justify-content:center; align-items:center; margin:0 .4em .4em 0; min-width:9em; padding:.6em 1.5em; background:#f0f0f0; border:1px solid #ccc; border-radius:30em; font-size:1.125em; color:#72727d; transition:.2s; } 
.page_tab2 .tab > li > a > * { display:inline-block; *display:inline; zoom:1; } 
.page_tab2 .tab > li .icon { margin-left:.5em; color:#d4d5d8; } 
.page_tab2 .tab > li .icon:before { content:"\e937"; } 
.page_tab2 .tab > li:hover > a,
.page_tab2 .tab > li.on > a { background:#1647aa; border-color:#1647aa; color:#fff; } 
.page_tab2 .tab > li:hover .icon,
.page_tab2 .tab > li.on .icon { color:#fff; } 




.page_tit_col { margin-bottom:.75em; } 
.page_tit_col * { margin-bottom:0 !important; } 
.page_tit_col.flex { align-items:center; } 
.page_tit_col .input_st { font-size:.938em; } 

.page_basic_tit { margin-bottom:1em; padding-left:1em; } 
.page_basic_tit > *[class^="t"] > * { vertical-align:baseline; } 
.page_basic_tit > .t1 { position:relative; font-size:1.250em; color:#111; font-weight:500; } 
.page_basic_tit > .t1:before { content:""; position:absolute; top:.15em; left:-.8em; width:.3em; height:1em; background:#1a9fbb; border-radius:.2em; } 
.page_basic_tit > .t2 { padding-top:.75em; font-size:.813em; color:#222; line-height:1.5; } 
.page_basic_tit > .t3 { display:inline-block; padding:.5em 1em; border:1px solid #d4d5d8; border-radius:.3em; font-size:.813em; color:#666; } 
.page_basic_tit > .t3 strong { color:#222; } 

.page_tit.dp1 { margin-bottom:.75em; } 
.page_tit.dp1 .tt,
.page_tit.dp1 .tt > * { display:inline-block; } 
.page_tit.dp1 .tt:first-child { margin-left:0 !important; } 
.page_tit.dp1 .tt.t1 { color:#1d335a; font-size:1.125em } 
.page_tit.dp1 .tt.t2 { margin-left:2em; font-size:.813em; color:#333; } 
.page_tit.dp1 .tt.t3 { color:#005bbb; } 
.page_tit.dp1 a:hover { text-decoration:underline; } 

.page_tit.dp2 { margin-bottom:.75em; padding-left:1.5em; } 
.page_tit.dp2 > .tt { position:relative; display:block; font-size:1.063em; color:#005bbb; } 
.page_tit.dp2 > .tt:before { content:"\ea40"; font-family:xeicon; font-size:1.250em; font-weight:normal; line-height:1em; position:absolute; top:0; left:-1.3em; } 
.page_tit.dp2 > .tt.t1 { color:#ee2c49; } 
.page_tit.dp2 > .tt.t2 { color:#1a9fbb; } 
.page_tit.dp2 > .tt.t2.sedu { color:#005bbb; } 
.page_tit.dp2 > .tt.t3 { font-size:1em } 



.page_tit.dp3 { margin-bottom:.75em; padding-left:1.5em; } 
.page_tit.dp3 > .tt { position:relative; display:block; font-size:.938em; color:#0d2d4f; } 
.page_tit.dp3 > .tt:before { content:"\e998"; font-family:xeicon; font-size:1.250em; font-weight:normal; line-height:1em; position:absolute; top:0; left:-1.3em; } 
.page_tit.dp3 > .tt.t1 { font-size:1em; } 

.page_list.dp2 { margin-top:1em; } 
.page_list.dp2 > * { margin-top:.375em; padding-left:.8em; } 
.page_list.dp2 > * > .tt { font-size:.938em; color:#111; } 
.page_list.dp2 > li:before { top:.65em; width:.35em; height:1px; background:#333; } 

.page_list.dp3 { margin-top:.75em; } 
.page_list.dp3 > * { margin-top:.3em; padding-left:.7em; } 
.page_list.dp3 > * > .tt { font-size:.938em; color:#555; } 
.page_list.dp3 > li:before { top:.45em; width:.25em; height:.25em; background:#d82744; border-radius:100%; } 

.page_list.dp2 > * .page_list.dp3 { margin-bottom:1.25em; } 
.page_list.dp2 > *:last-child .page_list.dp3 { margin-bottom:0; } 

.page_list { line-height:1.4; } 
.page_list:first-child { margin-top:0; } 
.page_list > li:before { content:""; position:absolute; left:0; } 
.page_list > * { position:relative; } 
.page_list > *:first-child { margin-top:0; } 
.page_list > * > .tt > * { vertical-align:baseline; } 
.page_list > * .btn { margin-top:.5em; font-weight:700; } 
.page_list > * .btn.input_st.s3 { font-size:.750em; } 

.page_list.fl_wrap > li { margin:.3em 0; box-sizing:border-box; } 

.page_list_style { margin-left:1.3em; } 
.page_list_style > li { list-style:decimal; list-style-position:outside; } 
.page_list_style.st1 > li { margin-top:.6em; line-height:1.3em; color:#108ad3; font-weight:700; } 
.page_list_style.st1 > li:first-child { margin-top:0; } 
.page_list_style.st1 > li > .tt { font-size:.938em; color:#3c3c3d; } 

.page_num_list { margin-top:1em; line-height:1.4; } 
.page_num_list:first-child { margin-top:0; } 
.page_num_list > li { margin-top:1em; padding-top:1em; border-top:1px dashed #c6ced7; } 
.page_num_list > li:first-child { margin-top:0; padding-top:0; border-top:none; } 
.page_num_list > li > .group { position:relative; padding:.4em 0 .4em 3em; } 
.page_num_list > li > .group > .tt > .num { position:absolute; top:0; left:0; width:2.2em; line-height:2.2em; display:inline-block; text-align:center; background:#00479e; border-radius:100%; color:#fff; font-weight:800; } 
.page_num_list > li > .group > .tt > .tit { color:#00479e; } 
.page_num_list > li > .group > .tt > .tit.t1 { font-size:.938em; } 
.page_num_list > li > .group > .tt > .tit.t2 { font-size:.875em; } 
.page_num_list > li > .group > .tt + .page_list { font-size:.875em; } 
.page_num_list > li > .group > .ex { margin-top:.5em; font-size:.813em; color:#333; } 

.page_num_list.st2 { text-align:center; } 
.page_num_list.st2 > li > .group { padding:0; } 
.page_num_list.st2 > li > .group > .tt > .num { position:static; margin-bottom:.6em; } 
.page_num_list.st2 > li > .group > .tt > .tit { display:block; } 

.page_col_box { margin:0 0 -.75em -.75em; align-items:stretch; } 
.page_col_box > li { flex:1; } 
.page_col_box > li > .inner { flex:1; margin:0 0 .75em .75em; padding:.75em .75em; background:#f5f5f5; border:dashed #c6ced7; border-top-style:solid; border-width:3px 1px 1px 1px; box-sizing:border-box; } 

.flex_sec1 > li { flex:1 1 100%; } 
.flex_sec2 > li { flex:1 1 50%; } 
.flex_sec3 > li { flex:1 1 33.33%; } 
.flex_sec4 > li { flex:1 1 25%; } 

.page_down_list { flex-wrap:wrap; } 
.page_down_list > li { display:flex; flex:1 0 50%; max-width:50%; } 
.page_down_list > li > .in { display:flex; align-items:center; flex:1; position:relative; margin:.125em .25em; padding:.6em 2.5em .6em 1.8em; background:#fff; border:1px solid #bbb; border-radius:6em; box-shadow:.15em .15em 0 rgba(0,0,0,.08); } 
.page_down_list > li > .in:before { content:""; position:absolute; left:1em; top:50%; margin-top:-.15em; width:.3em; height:.3em; background:#d82744; border-radius:100%; } 
.page_down_list > li > .in .tt { display:block; font-size:.813em; font-weight:700; } 
.page_down_list > li > .in .icon { position:absolute; right:1em; top:50%; margin-top:-.875em; font-size:1em; } 
.page_down_list > li > .in .xi:before { content:"\eb7c"; font-size:1.500em; } 
.page_down_list > li > .in .xi.link:before { content:"\e9c0"; } 
.page_down_list > li:hover > .in { background:#0d2d4f; border-color:#0d2d4f; color:#fff; transition:.2s; } 


.page_box { padding-left:1.5em } 
.page_box.st1 { border:1px solid #ccc; padding:2em 1.5em; margin-left:1.5em; border-top:4px solid #ccc } 
.page_box.st2 { padding:1.5em 2em; border:1px solid #ccc; border-radius:.4em; box-shadow:.25em .25em 0 rgba(0,0,0,.08); } 
.page_box .txt { line-height:1.6; color:#333; font-size:.938em } 


.page_ex_box { align-items:stretch; background:#ecf0f4; border:1px solid #9ba1aa; border-radius:.4em; overflow:hidden; } 
.page_ex_box > .inner { display:flex; align-items:center; justify-content:center; text-align:center; padding:1em 1em; } 
.page_ex_box > .inner.icon { flex:1; } 
.page_ex_box > .inner.txt { flex:8; justify-content:flex-start; text-align:left; } 
.page_ex_box > .inner.txt > .in { flex:1; } 
.page_ex_box.flex > .inner.icon { border-right:1px solid #d4d5d8; } 
.page_ex_box > .inner.icon { background:#fff; } 
.page_ex_box > .inner.icon > .tt { display:inline-block; margin-left:.75em; font-size:.938em; color:#0d2d4f; } 
.page_ex_box > .inner.icon .xi { font-size:1.750em; } 
.page_ex_box > .inner.icon .in { width:3.5em; height:3.5em; background:#ee2c49; border-radius:100%; color:#fff; } 
.page_ex_box > .inner.icon1 .in { background:#108ad3; } 
.page_ex_box > .inner.icon2 .in { background:#0d2d4f; } 
.page_ex_box > .inner.icon3 .in { background:#313851; } 
.page_ex_box > .inner.icon4 .in { background:#ef7c00; } 
.page_ex_box > .inner.icon5 .in { background:#ecf0f4; } 
.page_ex_box > .inner.icon6 .in { background:#596272; } 
.page_ex_box > .inner.txt { padding-left:1em; padding-right:1em; } 
.page_ex_box > .inner.btn { background:#fff; border-left:1px solid #d4d5d8; line-height:1.4; } 
.page_ex_box > .inner .in_tt { color:#3c3c3d; line-height:1.6; } 
.page_ex_box > .inner .in_tt > * { vertical-align:baseline; } 
.page_ex_box > .inner .in_tt.line { padding:.4em 0; border-top:1px dashed #d4d5d8; } 
.page_ex_box > .inner .in_tt.line:first-child { border-top:none; } 
.page_ex_box > .inner .in_tt.t1 { font-size:.938em; } 
.page_ex_box > .inner .in_tt.t2 { font-size:.813em; } 
.page_ex_box > .inner .in_tt.t3 { font-size:.875em; } 
.page_ex_box > .inner .in_tt.t4 { font-size:1.125em; } 
.page_ex_box .c1 { color:#ee2c49; } 
.page_ex_box .c2 { color:#108ad3; } 
.page_ex_box .c3 { color:#0d2d4f; } 
.page_ex_box .c4 { color:#ef7c00; } 
.page_ex_box .c5 { color:#72727d; } 
.page_ex_box .c6 { color:#111111; } 

.page_ex_box.st1 { border-color:#596272 !important; border-width:1px 0 1px 0; border-radius:0; } 
.page_ex_box.st1 > .inner.txt { flex:3.8; } 
.page_ex_box.st1 > .inner.icon { justify-content:flex-start; } 

.page_ex_box.st2 > .inner.txt { padding-top:2em; padding-bottom:2em; } 

.page_ex_box.mg1 { margin-bottom:2.5em; } 
.page_ex_box.mg2 { margin-top:3em; } 
.page_ex_box.mg3 { margin-top:1em } 

.page_ex_box .flex_vt { align-items:flex-start !important; } 
.page_ex_box .flex_ac { justify-content:center !important; } 

.page_txt_wrap { margin-top:2.5em; } 
.page_txt_wrap:first-of-type { margin-top:0; } 

.page_txt_wrap.flex { } 
.page_txt_wrap.flex > * { padding:1.4em .4em; border-top:2px solid #e8e8e8; } 
.page_txt_wrap.flex > .flex_w1 { flex:1; position:relative; padding-left:0; padding-right:0; border-top-color:#c6cad1; } 
.page_txt_wrap.flex > .flex_w1:before,
.page_txt_wrap.flex > .flex_w1:after { content:""; position:absolute; top:-2px; height:2px; width:.8em; } 
.page_txt_wrap.flex > .flex_w1:before { left:0; background:#4e84d6; } 
.page_txt_wrap.flex > .flex_w1:after { left:.8em; background:#44afd3; } 
.page_txt_wrap.flex > .flex_w2 { flex:4; margin-left:2em; } 
.page_txt_wrap.flex > .flex_w2.st1 { flex:6; } 

.ex_s_txt { margin-top:1em; color:#222; line-height:1.4; } 
.ex_s_txt .icon { position:relative; display:inline-block; } 
.ex_s_txt .icon.st1 { padding-left:1.2em; } 
.ex_s_txt .icon.st2 { padding-left:1.5em; } 
.ex_s_txt .icon.st3 { padding-left:1.75em; min-height:1.3em; } 
.ex_s_txt .icon:before { position:absolute; left:0; line-height:1em; } 
.ex_s_txt .icon.st1:before { content:"*"; top:0; font-size:1.375em; } 
.ex_s_txt .icon.st2:before { content:"※"; top:.075em; font-size:1.125em; } 
.ex_s_txt .icon.st3:before { content:"\eb23"; top:-.01em; font-family:xeicon; font-weight:normal; font-size:1.500em; color:#005bbb; } 
.ex_s_txt .t1 { font-size:.938em; } 
.ex_s_txt .t2 { font-size:.813em; } 
.ex_s_txt .t3 { font-size:.750em; } 
.ex_s_txt .c1 { color:#ff3c00; } 

.ex_s_txt.st1 { padding:.75em 1em; background:#fff; } 
.ex_s_txt.st2 { padding:.75em 1em; background:#ecf0f4; border-radius:.375em; } 
.ex_s_txt.st3 { margin-top:.5em; } 
.ex_s_txt.st4 { margin-top:0; padding:.5em 1em; border:1px dashed #ccc; } 

.pg_txt { color:#222; line-height:1.6; } 
.pg_txt.t1 { font-size:.938em; } 
.pg_txt.t2 { font-size:.875em; } 
.pg_txt.t3 { font-size:.813em; } 
.pg_txt.t4 { font-size:.750em; } 
.pg_txt.t5 { font-size:1.125em; } 
.pg_txt.c1 { color:#005bbb; } 
.pg_txt.c2 { color:#1a9fbb; } 
.pg_txt.c3 { color:#1d335a; } 
.pg_txt.c4 { color:#ee2c49; } 
.pg_txt.c5 { color:#ff3c00; } 

.page_in_con { padding:1.25em 1.25em; border:1px solid #e5e5e5; box-shadow:.25em .25em 0 rgba(0,0,0,.05); } 
.page_in_box { width:600px; max-width:100%; margin:0 auto; text-align:center; } 
.page_line { margin:3em 0; height:0; border-bottom:3px dotted #ddd; } 



.page_cate { } 
.page_cate .cate > li { display:inline-block; vertical-align:top; margin:.25em 0; } 
.page_cate .cate > li > a { display:block; box-sizing:border-box; min-width:4.8em; padding:.8em .25em; text-align:center; background:linear-gradient(-180deg, #fff 0%, #fff 50%, #e3e3e3 100%); border:1px solid #72727d; border-radius:.3em; color:#000; } 
.page_cate .cate > li > a .tt { display:inline-block; font-size:.938em; font-weight:500; line-height:1em; } 
.page_cate .cate > li:hover > a { border-color:#d82744; color:#d82744; } 
.page_cate .cate > li.on > a { background:#d82744; border-color:#d82744; color:#fff; /* transform: translateY(-.5em); */ } 

.page_cate2 { margin-bottom:1.8em; position:relative } 
.page_cate2 .cate > li > a { display:block; padding:.4em 0; } 
.page_cate2 .cate > li > a:after { content:""; display:inline-block; vertical-align:middle; margin:0 1.2em; width:1px; height:2em; background:#ccc; transform:rotate(30deg); } 
.page_cate2 .cate > li:nth-child(2) > a:after { visibility:hidden; } 
.page_cate2 .cate > li > a .tt { position:relative; display:inline-block; padding:.3em 0 .2em 0; font-size:1.463em; font-weight:600; color:#464550 } 
.page_cate2 .cate > li > a .tt:after { content:""; position:absolute; left:0; bottom:-3px; width:0; height:3px; background:#1647aa; transition:.2s; } 
.page_cate2 .cate > li:hover > a .tt,
.page_cate2 .cate > li.on > a .tt { color:#1647aa; } 
.page_cate2 .cate > li:hover > a .tt:after,
.page_cate2 .cate > li.on > a .tt:after { width:100%; } 


/*문의 / 담당자 / 연락처*/
.personInfo_box { margin:0 0 -2px -2px; align-items:stretch; } 
.personInfo_box > li { flex:1; margin:0 0 2px 2px; padding:1em 1em; background:#ecf0f4; border-radius:.6em; } 
.personInfo_box .inner .icon { position:absolute; top:0; left:0; font-size:1.125em; line-height:1em; } 
.personInfo_box .inner > dt,
.personInfo_box .inner > dd { padding-left:1.6em; } 
.personInfo_box .inner > dt { position:relative; margin-bottom:1em; padding-bottom:.8em; border-bottom:1px dashed #ccc; color:#ee2c49; } 
.personInfo_box .inner > dt .icon:before { content:"\e92b"; } 
.personInfo_box .inner > dt .tit { font-size:.938em; font-weight:700; } 
.personInfo_box .inner > dd { position:relative; margin:.25em 0; padding-top:.075em; color:#333; } 
.personInfo_box .inner > dd .tt { font-size:.813em; } 
.personInfo_box .inner > dd .tt * { vertical-align:baseline; } 
.personInfo_box .inner > dd a { color:#005bbb; } 
.personInfo_box .inner > dd a:hover { text-decoration:underline; } 

.personInfo_box.flex > li { display:flex; } 
.personInfo_box.flex .inner { display:flex; flex-direction:column; flex:1; } 
.personInfo_box.flex .inner > dt { flex:1 1 auto; max-height:2.25em; } 

.personInfo_box.st2 { margin:0; } 
.personInfo_box.st2 .inner { margin-top:1.5em; padding-top:1em; border-top:4px solid #ecf0f4; } 
.personInfo_box.st2 .inner:first-child { margin-top:0; padding-top:0; border-top:none; } 
.personInfo_box.st2 .inner > dt { float:none; } 
.personInfo_box.st2 .inner > dd:first-of-type { clear:both; } 
.personInfo_box.st2 .inner > dd { margin:.25em 2.5em .25em 0; } 

/*검색*/
.page_search_wrap { align-items:stretch; margin-bottom:1.8em; padding:1em 0; background:linear-gradient(-180deg, #fff 0%, #fff 50%, #ecf0f4 100%); border:1px solid #72727d; border-radius:.5em; box-shadow:.2em .2em 0 rgba(0,0,0,.1); font-size:.938em; } 
.page_search_wrap .con_wrap { flex:7.5; flex-wrap:wrap; } 
.page_search_wrap .btn_wrap { flex:1; border-left:1px dashed #ddd; text-align:center; } 
.page_search_wrap .btn_wrap.w2 { flex:2; } 
.page_search_wrap .inner { display:flex; align-items:center; padding:0 1.2em; } 
.page_search_wrap .in { flex:1; align-items:center; } 
.page_search_wrap .in.in2 { flex:1 0 40%; max-width:40% } 
.page_search_wrap .inp_row { flex:1 1 100%; padding:.3em 0; } 
.page_search_wrap .inp_row .tit { min-width:7em; } 
.page_search_wrap .inp_row .tit .icon { position:relative; display:inline-block; padding-left:1em; } 
.page_search_wrap .inp_row .tit .icon:before { content:""; position:absolute; left:0; top:.4em; width:.4em; height:.4em; background:#d82744; border-radius:50%; } 
.page_search_wrap .inp_row .inp { flex:1; } 
.page_search_wrap .inp_row .inp .label_st.st2 { margin:.1em 0; } 
.page_search_wrap .btn_wrap .input_st { margin:.1em 0; width:100%; } 

.page_search_wrap.st2 { padding:1em 1.5em; } 
.page_search_wrap.st2 .inp_row { align-items:center; } 

/*지도*/
.map_wrap { position:relative; line-height:1.2; } 
.map_wrap #map { height:350px } 

.map_btn_type,
.map_btn_link,
.map_btn_zoom { position:absolute; top:.8em; bottom:.8em; left:.8em; right:.8em; z-index:10; } 

.map_btn_type { left:auto; bottom:auto; overflow:hidden; } 
.map_btn_type > li { float:left } 
.map_btn_type > li > a { display:block; padding:.1em .6em .2em .6em; background:#fff; border:1px solid #ddd; color:#666; } 
.map_btn_type > li > a.type_map { border-radius:.3em 0 0 .3em; } 
.map_btn_type > li > a.type_skyview { border-radius:0 .3em .3em 0; } 
.map_btn_type > li > a.selected_btn { background:#d82744; border-color:#d82744; color:#fff; } 
.map_btn_type > li > a .tt { font-size:.813em; } 
.map_btn_type > li > a .xi { font-size:1.125em; } 

.map_btn_link { right:auto; bottom:auto; padding:.1em .6em .2em .6em; background:rgba(0,0,0,.5); border:1px solid rgba(0,0,0,.2); border-radius:.3em; color:#fff !important; } 
.map_btn_link .tt { font-size:.813em; } 
.map_btn_link .xi { font-size:1.125em; } 
.map_btn_link:hover { background:rgba(0,0,0,.8); } 

.map_btn_zoom { top:auto; left:auto; } 
.map_btn_zoom > li > a { display:block; margin-top:2px; background:#fff; border:1px solid #aaa; box-shadow:2px 2px 0 rgba(0,0,0,.15); border-radius:100%; text-align:center; color:000; } 
.map_btn_zoom > li > a:hover { background:#313851; border-color:transparent; color:#fff; } 
.map_btn_zoom > li > a .xi { font-size:1.5em; width:1.6em; line-height:1.6em; } 

/*MEMBER***************************/
.member_wrap { margin-top:1em } 
.member_wrap .login_box { width:580px; max-width:100%; margin:0 auto; } 
.member_wrap .join_box { width:800px; max-width:100%; margin:0 auto; } 
.member_wrap .cert_box { width:580px; max-width:100%; margin:0 auto; } 
.member_wrap .join_box.paper_fin_St { width: inherit; } /*설문조사 완료 박스*/

.member_wrap .member_tit { padding:1em 0 2em 0; text-align:center; } 
.member_wrap .member_tit .tit { margin-bottom:.3em; font-size:2.500em; color:#3c3c3d; font-weight:700; text-transform:uppercase; } 
.member_wrap .member_tit .tit2 { font-size:1.750em; color:#3c3c3d; font-weight:700; letter-spacing:-1px; } 
.member_wrap .member_tit .txt { color:#72727d; line-height:1.5em; } 
.member_wrap .member_tit .c1 { color:#3c3c3d; } 

.member_wrap .member_tab { text-align:center; padding:0 1px 0 0; } 
.member_wrap .member_tab > li { width:50%; } 
.member_wrap .member_tab > li .in { position:relative; z-index:1; margin:0 -1px -1px 0; padding:1em .5em; background:#f0f0f0; border:1px solid #d4d5d8; font-size:1.125em; color:#72727d; } 
.member_wrap .member_tab > li.on .in { z-index:2; background:#fff; border-bottom-color:transparent; color:#21489d; } 
.member_wrap .member_tab > li.on .in:before { content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:4px; background:#21489d; } 

.member_wrap .member_form { padding:2.5em 2em; border:1px solid #d4d5d8; } 
.member_wrap .member_form.st2 { border-top-width:4px; border-top-color:#005bbb; } 
.member_wrap .member_form.st3 { padding:0; border-top-color:#313851; } 

.member_wrap .form > li:first-child { margin-top:0; } 
.member_wrap .form .inp_wrap { position:relative; margin-top:.4em; } 
.member_wrap .form .inp_wrap .xi { position:absolute; z-index:2; top:0; left:0; width:4em; line-height:3.5em; text-align:center; font-size:1em; color:#3c3c3d; } 
.member_wrap .form .inp_wrap .xi:before { font-size:1.750em; } 
.member_wrap .form .inp_wrap .inp { box-sizing:border-box; width:100%; height:3.5em; padding:0 1em 0 4.5em; background:#fff; border:1px solid #ddd; border-radius:.3em; } 
.member_wrap .form .inp_wrap .inp_sel { background:transparent; } 
.member_wrap .form .inp_wrap .inp:focus { border-color:#21489d; } 
.member_wrap .form .btn_wrap { margin-top:1.2em; } 
.member_wrap .form .btn_wrap .btn { margin:.4em 0; font-size:1.125em; } 
.member_wrap .form .btn { display:block; box-sizing:border-box; text-align:center; width:100%; padding:.8em 1em; border:1px solid #0d2d4f; border-radius:.3em; } 
.member_wrap .form .btn.c1 { background:#0d2d4f; color:#fff; } 
.member_wrap .form .btn.c2 { background:#ffffff; color:#0d2d4f; } 
.member_wrap .form .etc_wrap { margin-top:1.5em; } 
.member_wrap .form .etc_wrap .find { text-align:right; } 
.member_wrap .form .etc_wrap .find .link { position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; } 
.member_wrap .form .etc_wrap .find .link:before { content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc; } 
.member_wrap .form .etc_wrap .find .link:first-child { margin-left:0; padding-left:0; } 
.member_wrap .form .etc_wrap .find .link:first-child:before { display:none; } 
.member_wrap .form .etc_wrap .find .link:hover { text-decoration:underline; } 
.member_wrap .form .id_wrap { padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; border-radius:.3em; text-align:center; font-size:1.125em; } 
.member_wrap .form .id_wrap strong { vertical-align:baseline; color:#21489d; letter-spacing:0; } 
.member_wrap .form .pw_wrap { padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; border-radius:.3em; text-align:center; font-size:.938em; color:#3c3c3d; line-height:1.8; } 

.member_wrap .form .cer_wrap > li { width:33.33%; text-align:center; } 
.member_wrap .form .cer_wrap > li .inner { margin:0 1px; padding:1em .6em; background:#ecf0f4; } 
.member_wrap .form .cer_wrap .icon .in { display:inline-block; width:4em; height:4em; background:#fff; border-radius:100%; } 
.member_wrap .form .cer_wrap .icon .in img { max-height:2.5em; } 
.member_wrap .form .cer_wrap .txt { margin-top:1em; height:3em; } 
.member_wrap .form .cer_wrap .btn { padding:.4em .4em; } 

.member_wrap .terms_wrap .all_check { padding:1em 0; border-bottom:1px dashed #bbb; font-size:1.063em; } 
.member_wrap .terms_wrap > li { padding-top:1.5em; } 
.member_wrap .terms_wrap > li:first-child { padding-top:0; } 
.member_wrap .terms_wrap .tit { margin-bottom:.6em; font-size:1.250em; color:#3c3c3d; font-weight:500 } 
.member_wrap .terms_wrap .tit * { vertical-align:baseline; } 
.member_wrap .terms_wrap .c1 { color:#d82744; } 

.member_btn_wrap { margin:1.5em 0 0 -.4em; text-align:center; } 
.member_btn_wrap > li { width:50%; } 
.member_btn_wrap .in { margin-left:.4em; } 
.member_btn_wrap .input_st { width:100%; min-width:40% !important; } 

.member_agree .agree { padding:3em; border:solid #ddd; border-width:2px 1px 1px 1px; border-top-color:#333; font-size:.938em; color:#777; line-height:1.5em; } 
.member_agree .agree.H { padding:1em 1.5em; border-top-width:1px; height:10em; overflow-y:scroll; } 
.member_agree .agree p { padding:.5em 0; } 
.member_agree .agree * { vertical-align:baseline; } 
.member_agree .agree strong { color:#333; } 
.member_agree .check { padding:1em 2em; border:solid #ddd; border-width:0 1px 1px 1px; border-radius:0 0 .6em .6em; text-align:right; } 

.join_table { border-top:1px solid #333; font-size:.938em; } 
.join_table th,
.join_table td { height:2.25em; padding:.75em 1.5em; border-bottom:1px solid #e8e8e8; text-align:left; } 
.join_table th { color:#3c3c3d; padding-right:.8em; background:#f8f8f8; } 
.join_table td { color:#72727d; } 
.join_table .checkShow td { padding-left:0; padding-right:0; } 

.join_in_box { padding:.4em .8em; border:1px solid #ddd; background:#f7f7f7; } 
.join_in_box:first-child { margin-top:0 !important; } 
.join_in_box > li { margin-top:.8em; padding-top:.6em; border-top:1px dashed #ccc; } 
.join_in_box > li:first-child { margin-top:0; padding-top:0; border-top:none; } 
.join_in_box .tit { position:relative; margin:.4em 0 .4em 0; padding-left:.8em; color:#0d2d4f; } 
.join_in_box .tit:before { content:""; position:absolute; top:.45em; left:0; width:.35em; height:.35em; background:#0d2d4f; border-radius:100%; } 

.join_finish { padding:1em 0; text-align:center; } 
.join_finish .tit { margin-bottom:.6em; font-size:1.375em; color:#3c3c3d; font-weight:500; letter-spacing:-1.5px; } 
.join_finish .txt { color:#72727d; line-height:1.5em; } 
.join_finish .txt strong { color:#21489d; vertical-align:baseline; } 
.join_finish .join_table { width:90%; margin:2em auto 0 auto; } 


/**/
.page_step_wrap { margin-bottom:2em; text-align:center; } 
.page_step_wrap .step { display:inline-block; *display:inline; zoom:1; } 
.page_step_wrap .step > li .in { position:relative; padding:0 1.5em; min-width:8em; color:#aaa; } 
.page_step_wrap .step > li .in:before { content:"\e940"; font-family:xeicon; position:absolute; font-size:2.000em; color:#ddd; top:.2em; left:-.5em; } 
.page_step_wrap .step > li:first-child .in:before { display:none; } 
.page_step_wrap .step > li .in > * { position:relative; display:block; } 
.page_step_wrap .step > li .in .xi { margin:.2em 0 .6em 0; font-size:2.500em; } 
.page_step_wrap .step > li .in .xi:before { position:relative; z-index:2; } 
.page_step_wrap .step > li .in .xi:after { content:""; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%, -50%); width:1.6em; height:1.6em; background:#e8e8e8; border-radius:100%; } 
.page_step_wrap .step > li .in .no { font-size:.688em; font-weight:700; text-transform:uppercase; } 
.page_step_wrap .step > li .in .tt { font-size:1.125em; } 
.page_step_wrap .step > li.on .in { color:#3c3c3d; } 
.page_step_wrap .step > li.on .in .xi { color:#fff; } 
.page_step_wrap .step > li.on .in .xi:after { background:#21489d; } 
.page_step_wrap .step > li.on .in .no { color:#21489d; } 


/*LOGIN***************************/
.login_wrap { position:fixed; width:100%; height:100%; left:0; top:0; align-items:center; background:#1d335a; background:url(../images/sub/login_bg.jpg) no-repeat 50% 50%; background-size:cover; } 
.login_wrap .login { width:600px; max-width:94%; margin:0 auto; padding:1em 0 5em 0; } 
.login_wrap .login_tit { margin-bottom:1em; text-align:center; color:#fff; } 
.login_wrap .login_tit .logo img { width:17em; } 
.login_wrap .login_tit .tit { margin-top:.6em; } 
.login_wrap .login_tit .tit > * { display:inline-block; } 
.login_wrap .login_tit .tit .t1 { font-size:1.500em; font-weight:700; padding:.4em .25em 0 0; } 
.login_wrap .login_tit .tit .t2 { font-size:3.000em; margin-left:.25em; } 
.login_wrap .login_con { background:#fff; box-shadow:0 2px 3px rgba(0,0,0,.2); border-radius:.6em; overflow:hidden; } 
.login_wrap .login_con .tab { align-items:stretch; align-items:center; text-align:center; } 
.login_wrap .login_con .tab > li { flex:1; } 
.login_wrap .login_con .tab > li > a { display:block; padding:1.2em 1em; background:#ecf0f4; border:solid #d4d5d8; border-width:0 0 1px 1px; color:#333; font-weight:700; } 
.login_wrap .login_con .tab > li:first-child > a { border-left-width:0; } 
.login_wrap .login_con .tab > li.on > a { background:#fff; border-bottom-color:#fff; color:#005bbb; } 
.login_wrap .form_wrap { padding:3em 2em; background:#fff; } 
.login_wrap .form_wrap .form > li { margin-top:.6em; } 
.login_wrap .form_wrap .form > li:first-child { margin-top:0; } 
.login_wrap .form_wrap .form > li .in { position:relative; padding:0 1em 0 4em; border:1px solid #ddd; border-radius:.25em; overflow:hidden; } 
.login_wrap .form_wrap .form > li .in .xi { position:absolute; top:0; left:0; width:4em; line-height:4em; background:#ecf0f4; border-right:1px solid #ddd; text-align:center; font-size:1em; } 
.login_wrap .form_wrap .form > li .in .xi:before { font-size:1.500em; color:#333; } 
.login_wrap .form_wrap .form > li .in .inp { width:100%; box-sizing:border-box; padding:1em 0 1em 1em; height:4em; border:none; background:none; font-weight:700; } 
.login_wrap .form_wrap .form > li.btn_wrap { margin-top:2em; align-items:center; } 
.login_wrap .form_wrap .form > li.btn_wrap .check { font-size:.938em; font-weight:700; } 
.login_wrap .form_wrap .form > li.btn_wrap .btn { padding:0 2em; height:3.5em; border-radius:.25em; background:#3086c9; color:#fff; font-weight:700; border:none; min-width:40%; } 

.login_wrap .link_wrap { padding:1em .2em; align-items:center; border-top:1px dotted rgba(255,255,255,.3); } 
.login_wrap .link_wrap .xi { line-height:1; } 
.login_wrap .link_wrap .t1 { font-size:.813em; color:#fff; } 
.login_wrap .link_wrap .t1 .xi { font-size:1.5em; } 
.login_wrap .link_wrap .t2 { padding:.6em 1.5em; background:#005bbb; border-radius:6em; font-size:.938em; color:#fff; font-weight:700; text-transform:uppercase; } 
.login_wrap .link_wrap .t2 .tt { display:inline-block; padding:0 .25em; } 
.login_wrap .link_wrap .t2:hover .tt { text-decoration:underline; } 


/*POPUP****************************/
body.pop .popPrint .popIn { width:657px; } 
body.pop .popWidth.st1 .popIn { width:600px; } 
body.pop .popWidth.st2 .popIn { width:680px; } 
body.pop .popAgree .popIn { width:800px; height:500px } 

/*수료증 출력*/
.pop .printDiv .bg .bgImg { position: absolute; top: 0em; left: 0; z-index: -1; width: 100%; height: 100%; border-radius: 2em; overflow: hidden; } 
.pop .printDiv .bg .bgImg > img { width: 100%; height: 100%; object-fit: cover; } 
 


.printDiv .receiptN { font-size: .9em; font-weight: 500; margin-bottom: .3em; } 
.printDiv .certiN { font-size: .9em; font-weight:700; color: #111; margin-bottom: .3em; } 
.pop_page_print { font-size: 12px; } 
.pop_page_print .txt_wrap .tit.en { font-size: 1.615em; margin-top: 1em; font-weight: 700; color: #1d4a85; letter-spacing: -0.03em; text-align: center; } 
.pop_page_print .txt_wrap .tit.kr { font-size: 1.215em; font-weight: 600; color: #111; margin: .5em 0; text-align: center; } 
.pop_page_print .txt_wrap .name { display: flex; justify-content: center; align-items: center; gap: .5em; font-size: 1.65em; font-weight: 600; } 
.pop_page_print .txt_wrap .name .name_en { text-align: center; } 
.pop_page_print .txt_wrap .txt_en { margin: .85em 0; font-size: 1.1em; line-height: 1.3; color: #1d1d1d; letter-spacing: -0.03em; text-align: center; font-weight: 500; } 
.pop_page_print .txt_wrap .txt_en > .t1 { font-weight: 800; font-size: 1.315em; color: #111; margin-bottom: .2em; } 
.pop_page_print .txt_wrap .txt_kr { font-size: 1em; line-height: 1.3; color: #1d1d1d; letter-spacing: -0.03em; text-align: center; font-weight: 500; } 
.pop_page_print .dateDiv{ margin-top: 2.5em; display: flex; align-items: center; justify-content: space-between;}
.pop_page_print .dateDiv .completion{ font-size: .968em; color: #222; margin-bottom: .25em; font-weight: 400;}
.pop_page_print .dateDiv .expiration{ font-size: .968em; color: #222; font-weight: 400;}

.pop .pop_page_print:first-child { page-break-before:avoid; } 
.pop .pop_page_print .txt_wrap { font-size:1.313em; left:10%; right:10%; top:13% } 
.pop .pop_page_print .font_bt { /* font-family:"궁서체","Batang",serif */; } 
.pop .pop_page_print .txt_wrap .info { margin-top:1em; } 
.pop .pop_page_print .txt_wrap .info.info_top { margin-right: 2em; } 
.pop .pop_page_print .txt_wrap .txt.t1 { margin-top:2.750em; /*letter-spacing:.025em; */font-size:1.188em; } 
.pop .pop_page_print .txt_wrap .txt.t2 { margin-top:2em; letter-spacing:-.05em; } 
.pop .pop_page_print .txt_wrap .sign { position:relative; text-align: center; margin-top:2em; z-index: 999; page-break-inside: avoid !important;break-inside: avoid !important; display: flex; align-items: center; justify-content: center; gap: .5em; } 
.pop .pop_page_print .info_bottom .txt_wrap .txt.t1 { } 
.pop .pop_page_print .txt_wrap .sign .stampcon{ display: flex; align-items: center;}
.pop .pop_page_print .txt_wrap .sign .stamp { position: relative; right:1.5em; top: -.65em; width: 4.5em; height: 2em; /* display: block !important;position: absolute !important;top: -.75em;right: 7.5em;width: 5.5em !important;height: 2em !important;visibility: visible !important;opacity: 1 !important; page-break-inside: avoid !important;break-inside: avoid !important; */ } 
.pop .pop_page_print .txt_wrap .sign .stamp img { width: 80%; display: block !important; } 
.pop .pop_page_print .txt_wrap .sign .tt.t1 { position:relative; z-index: 2; font-weight:bold; letter-spacing:.01em; /*text-indent:.01em; */ font-size:1.5em } 
.pop .pop_page_print .txt_wrap .sign .tt.t1 > img { width: 1.5em; } 
.pop .pop_page_print .f_size1 { font-size:1.063em !important; text-align: center; margin-top: 1.5em; } 

.tcen { text-align: center; } 
.popWin .pop_page_print { page-break-before:always; margin-top:0; } 
.popWin .pop_page_print:first-child { page-break-before:avoid; } 


.printDiv .receiptN { font-size: .9em; font-weight: 600; margin-bottom: .3em; } 
.printDiv .certiN { font-size: .9em; font-weight: 700; color: #111; margin-bottom: .3em; } 
/*PRINT*/
/* @page { size:auto; margin:10mm -210mm; -webkit-margin-before:0; -webkit-margin-end:0; -webkit-margin-after:0; -webkit-margin-start:0; } */
.printBreak { page-break-before:always; } 


@page { size: A4; margin:0 0; padding: 0; } 
@media print {html, body {margin: 0;padding: 0; } 
.noprint { display:none; } 
.printBreak { page-break-before:always; } 


}

/*INTRO*/
.main_icon_col { margin-left:-1.25em; } 
.main_icon_col .inner { flex:1; margin:1.25em 0 1.25em 1.25em; } 
.main_icon_col .list.st1 { margin-left:-1.5em; flex:1; } 
.main_icon_col .list.st1 > li { margin-left:1.5em; flex:1; background:#fff; border:1px solid transparent; border-radius:.6em; overflow:hidden; min-height:11.875em; } 
.main_icon_col .list.st1 > li .in { padding:1.563em .5em .5em .5em; display:block; text-align:center; box-sizing:border-box; height:100%; color:#333; } 
.main_icon_col .list.st1 > li .icon { width:6.25em; height:6.25em; background:#ecf0f4; border-radius:100%; } 
.main_icon_col .list.st1 > li .icon img { max-height:3.75em; transition:.4s; } 
.main_icon_col .list.st1 > li .sbj { margin-top:1em; } 
.main_icon_col .list.st1 > li .sbj .tt { font-size:1.125em; } 

.main_icon_col .list.st1 > li:hover .icon img { transform:rotateY(360deg); } 
.main_icon_col .list.st1 > li:hover { background:#313851; transition:background .3s; } 
.main_icon_col .list.st1 > li:hover .sbj .tt { color:#fff; } 


/*이메일무단수집거부*/
.terms_area { padding:20px; background:#f7f7f7; border-top:2px solid #333; border-bottom:1px solid #999; font-size:1em; color:#555; font-weight:400; line-height:1.6; } 
.terms_area .terms_box { padding:30px; background:#fff; border:1px solid #eee; font-size:0.875em; } 
.terms_area .terms_box strong { color:#111; font-weight:500; } 
.terms_area.agree { padding:15px 20px; border:1px solid #aaa; line-height:1.4; } 
.terms_area.agree .tit { margin-bottom:15px; padding-left:5px; font-size:1.250em; color:#000; font-weight:500; letter-spacing:-1px; } 
.terms_area.agree .tit i { vertical-align:middle; } 
.terms_area.agree .tit .xi { padding-right:5px; } 
.terms_area.agree .terms_box { padding:20px 30px; height:150px; overflow-y:scroll; } 
.terms_area.agree .check { margin-top:10px; text-align:right; } 
.page_email { letter-spacing:-1px; padding:30px; background:#fff; border:1px solid #eee; } 
.page_email .line { margin:30px 0 30px 0; height:1px; background:#ccc; } 
.page_email .email_top { padding:20px 30px; background:#f9f9f9; border:1px solid #ddd; text-align:center; color:#111; font-weight:400; line-height:1.4; } 
.page_email .email_con { } 
.page_email .email_con .tit { text-align:center; font-size:1.125em; color:#000; } 
.page_email .email_con .con_wrap { margin-top:40px; } 
.page_email .email_con .con_wrap > dt { margin-bottom:10px; } 
.page_email .email_con .con_wrap > dt > span { display:block; position:relative; padding-top:2px; padding-left:25px; color:#333; } 
.page_email .email_con .con_wrap > dt > span:before { content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em; } 
.page_email .email_con .con_wrap > dd { margin-left:25px; font-size:0.875em; color:#666; font-weight:400; line-height:1.8; } 


/*개인정보처리방침*/
.privacy_area { border-top:2px solid #333; border-bottom:1px solid #666; position:relative; } 
.privacy_area .privacy_tt { position:absolute; left:0; top:0; width:178px; height:100%; border-left:1px solid #ccc; border-right:1px solid #ccc; text-align:right; } 
.privacy_area .privacy_tt strong { display:inline-block; *display:inline; zoom:1; font-size:1.308em; color:#fff; padding:20px 15px 0; font-weight:500 } 
.privacy_area .privacy_box { background-color:#f9f9f9; padding:30px; } 
.privacy_area .privacy_box .privacy_in { overflow-y:hidden; height:auto; padding:30px; border:1px solid #ccc; background:#fff; line-height:1.6; margin-bottom:10px; color:#222; font-size:.875em; font-weight:300 } 
.privacy_area .privacy_box .privacy_in > strong { font-weight:500; } 



/*뷰페이지 추가*/
.view_btn_wrap { margin-left:2em } 
.edu_view_wrap .con_in { padding:2em; border-width:1px 1px 1px 1px; border-color:#ddd; border-style:solid; margin-top:-1px; border-top-color:#111 } 
.edu_view_wrap .list_con { margin-top:2em } 
.edu_view_wrap .list_con:first-child { margin-top:0 } 



/*설문통계*/
.page_database { background:#f2faf9; padding:2em } 
.page_database .page_con { position:relative; } 
.page_database .pos.circle { position:absolute; top:-10em; left:50%; margin-left:20%; width:36em; height:36em; border-radius:100%; opacity:.08; } 
.page_database .database_wrap .en { font-weight:600; letter-spacing:0; } 
.page_database .database_wrap > li { margin-top:1.5em; } 
.page_database .database_wrap > li:first-child { margin-top:0; } 
.page_database .database_wrap .inner { padding:3em 3em; background:#fff; box-shadow:.25em .25em 0 rgba(15,40,113,.2); } 
.page_database .database_wrap .list { padding:1em 0; border:dashed #afafeb; border-width:1px 0 1px 0; } 
.page_database .database_wrap .list > li { margin-top:.4em; } 
.page_database .database_wrap .list > li:first-child { margin-top:0; } 
.page_database .database_wrap .list .con { position:relative; line-height:2em; color:#3c3c3d; } 
.page_database .database_wrap .list .con .pos { position:absolute; top:0; } 
.page_database .database_wrap .list .con .tit { left:0; width:10em; text-align:right; font-size:1em } 
.page_database .database_wrap .list .con .info { right:0; width:7em; } 
.page_database .database_wrap .list .con .info .t1 { font-size:1.250em; color:#095282; } 
.page_database .database_wrap .list .con .info .t2 { margin-left:.6em; color:#69696b; } 
.page_database .database_wrap .list .con .bar { position:relative; height:2em; } 
.page_database .database_wrap .list .con .bar:before { content:""; position:absolute; top:.5em; left:0; right:0; height:1em; background:#f1f1f1; } 
.page_database .database_wrap .list .con .bar .per { position:absolute; top:.5em; left:0; height:1em; background:#65b5e9; } 
.page_database .database_wrap .list > li:nth-child(6n+1) .bar .per { background:#65b5e9; } 
.page_database .database_wrap .list > li:nth-child(6n+2) .bar .per { background:#63c9e6; } 
.page_database .database_wrap .list > li:nth-child(6n+3) .bar .per { background:#869fe4; } 
.page_database .database_wrap .list > li:nth-child(6n+4) .bar .per { background:#bca0e5; } 
.page_database .database_wrap .list > li:nth-child(6n+5) .bar .per { background:#eba3d8; } 
.page_database .database_wrap .list > li:nth-child(6n+6) .bar .per { background:#e6a377; } 
.page_database .database_wrap .txt { margin-top:1em; padding:1em 1.5em; background:#f5f5f5; } 
.page_database .database_wrap .txt .xi { display:inline-block; width:2.5em; line-height:2.5em; background:#005bbb; border-radius:100%; text-align:center; font-size:1em; color:#fff; } 
.page_database .database_wrap .txt .xi:before { content:"\e9d8"; font-size:1.250em; } 
.page_database .database_wrap .txt .tt { display:inline-block; vertical-align:middle; width:90%; margin-left:3%; line-height:1.4em; font-size:1.063em; } 

.page_small_tit { margin-bottom:1em; padding-left:1.8em; } 
.page_small_tit .t1 { position:relative; font-size:1.250em; color:#3c3c3d; font-weight:500 } 
.page_small_tit .t1:before { content:"\e901"; position:absolute; top:0; left:-1.2em; font-family:xeicon; color:#095282; } 
.page_small_tit .t2 { margin-top:2em; font-size:1em; color:#69696b; position:relative; margin-left:-2em } 
/*.page_small_tit .t2:before { position:absolute; content:""; border:2px solid #095282; width:.3em; height:.3em; top:5px; left:-1em; border-radius:50% } */

.datapage_tit { margin-bottom:2.2em; } 
.datapage_tit .tit_s { font-size:1.375em; color:#1e2424; font-weight:500 } 
.datapage_tit .tit_tt { vertical-align:baseline } 
.datapage_tit .tit_pp { font-size:1.125em } 
.datapage_tit .tit_pp .num { vertical-align:baseline } 
.datapage_tit .tit_pp > i { margin-right:3px; color:#333 } 


/*오시는길*/
.location_wrap { } 
.page_location_wrap { margin-top:1em } 
.root_daum_roughmap { width:100% !important; padding:0 !important; border:none !important } 

.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em 2em; margin-top:2em; background:#fff; } 
.map_info1 .t1 { float:left; } 
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:20px; line-height:38px; } 
.map_info1 .t1 span:last-child { margin-right:0; } 
.map_info1 .t1 .xi { font-size: 1.250em; vertical-align:middle; color:#fff; margin-right:5px; background:#2756a6; border-radius:50px; width:1.7em; height:1.7em; line-height:1.7em; text-align:center; } 
.map_info1 .map_btn { float:right; display:inline-block; padding:11px 45px 10px 45px; color:#fff; background:#003f87; border:1px solid #ddd; } 
.map_info1 .map_btn .tx { font-size:.875em; color:#fff; vertical-align:middle } 


/*사업소개*/
/*.greeting_wrap { } 
.greeting_wrap .strong { font-weight:600; vertical-align:baseline } 
.greeting_wrap .page_in_con { background:#f8fcfe } */
.tbox .tit { padding-left:0 !important; } 
.tbox .tit .t1 { font-weight:500; color:#1f3b82; font-size:1em } 
.tbox .tit .icon { display:inline-block; width:2.5em; height:2.5em; line-height:2.5em; text-align:center; position:relative; margin-right:.25em } 
.tbox .tit .icon .bg { position:absolute; left:0; top:0; width:100%; height:100% } 
.tbox .tit .icon .xi { font-size:1.25em; position:relative; z-index:1; color:#fff } 
.hexagon { display:block; position: relative; overflow: hidden; background:transparent; width: 100%; height:0; padding-bottom:100%; transform: rotate(-30deg) skewX(30deg) scaleY(.866) } 
.hexagon:before { position: absolute; right: 6.7%; bottom: 0; left: 6.7%; top: 0; transform: scaleY(1.155) skewX(-30deg) rotate(30deg); background: linear-gradient(275deg, #00aaab 0%,#2855a5 100%); content: ''; } 


/*모바일 헤더*/
#header_m { height:4.25rem; background:#fff; border-bottom:1px solid #ccc; box-shadow:0 .2em 0 rgba(0,0,0,.04); position:fixed; left:0; top:0; width:100%; z-index:999999; } 
#header_m .hm_top { padding-top:.5rem; padding-bottom:.5rem; } 
@media screen and (max-width: 500px) {#header_m .hm_top { padding-top:.375rem; } 
 }
@media screen and (max-width: 412px) {#header_m .hm_top { padding-top:.65rem; } 
 }
#header_m .h_btn { transform:scale(.9); } 
#header_m .h_btn.hb_back { margin-left:10px; } 
#header_m .h_btn.hb_home { margin-right:auto; } 
#header_m .h_btn.hb_login { margin-left:auto; } 
#header_m .h_btn.hb_logout { margin-left:auto; } 
#header_m .h_btn.hb_menu { margin-right:10px; } 
#header_m .logo_wrap { transform:scale(.9); } 

#header_m .nav_layer { position:fixed; z-index:-1; top:0; left:0; right:0; bottom:0; background:#fff; overflow-y:auto; opacity:0; visibility:hidden; } 
#header_m .nav_layer .nav_wrap2 { padding-bottom:2em; opacity:0; visibility:hidden; transition:.2s; } 
#header_m .nav_layer .nav_wrap2 a { color:#555; } 
#header_m .nav_layer .nav_wrap2 .nav_logo { margin-bottom:2em; padding:3em 0 2em 0; border-bottom:3px solid #e4e6e8; text-align:left; } 
#header_m .nav_layer .nav_wrap2 .nav_logo > a { display:inline-block; } 
#header_m .nav_layer .nav_wrap2 .nav_logo .txt { padding-left:10px; display:block } 
#header_m .nav_layer .nav_wrap2 .nav_logo .txt > i { display:block; color:#00479e; font-weight:500 } 
#header_m .nav_layer .nav_wrap2 .nav_logo img { width:13.5em; } 
#header_m .nav_layer .nav_wrap2 .nav_mem { text-align:right; } 
#header_m .nav_layer .nav_wrap2 .nav_mem > li { display:inline-block; flex:1; } 
#header_m .nav_layer .nav_wrap2 .nav_mem > li a { display:block; min-width:6em; padding:.6em 2em; border:1px solid rgba(255,255,255,.4); text-align:center; text-transform:uppercase; font-size:1em; font-weight:500; } 
#header_m .nav_layer .nav_wrap2 .goLink > li a { background:#fff !important; color:#0d2d4f !important; border:1px solid #0d2d4f !important; padding:.8em 2em; display:block; min-width:6em; font-size:1.125em; font-weight:500; text-align:center } 
/*#header_m .nav_layer .nav_wrap2 .goLink > li:hover a { background:#fff; color:#0d2d4f; } */
#header_m .nav_layer .nav_wrap2 .nav_mem > li .xi { margin-right:.3em; } 
/*#header_m .nav_layer .nav_wrap2 .nav_mem > li:hover a { background:#0d2d4f; border-color:#0d2d4f; color:#fff; } */
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li { float:none; overflow:hidden; padding:2.5em 0; border-top:1px solid rgba(0,0,0,.1); } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li:first-child { border-top:none; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li a { text-align:left; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .xi.link { margin-left:1em; color:#5de6ff; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp1 { float:left; padding:.2em 0; font-size:1.500em; color:#0d2d4f; font-weight:500; text-transform:uppercase; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp1:after { content:""; display:inline-block; margin-left:.3em; width:.8em; height:3px; background:#5de6ff; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 { margin-left:12em; overflow:hidden; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li { width:25%; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li:nth-child(4n+1) { clear:both; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li > a { padding:.4em 0; font-size:1.063em; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp3 { padding:.4em 0; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp3 > li > a { position:relative; padding:.3em 0; padding-left:1em; font-size:.875em; color:rgba(255,255,255,.6); font-weight:300; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp3 > li > a:after { content:""; position:absolute; top:.9em; left:0; width:.4em; height:1px; background:#fff; opacity:.6; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li ul > li:hover > a .vm_tt { text-decoration:underline; } 

#header_m.m_nav_open .nav_layer { z-index:4; opacity:1; visibility:visible; } 
#header_m.m_nav_open .nav_layer .nav_wrap2 { opacity:1; visibility:visible; } 
#header_m.m_nav_open .gnb_wrap .util .btnAll { position:fixed; z-index:5; top:2em; right:2.5em; } 
#header_m.m_nav_open .gnb_wrap .util .btnAll.vm_wrap { height:auto; } 
#header_m.m_nav_open .gnb_wrap .util .btnAll .in { width:4em; height:4em; } 
#header_m.m_nav_open .gnb_wrap .util .btnAll .ham { background:transparent !important; } 
#header_m.m_nav_open .gnb_wrap .util .btnAll .ham:before,
#header_m.m_nav_open .gnb_wrap .util .btnAll .ham:after { background:#fff !important; top:50%; width:100% !important; } 
#header_m.m_nav_open .gnb_wrap .util .btnAll .ham:before { transform:rotate(-45deg); } 
#header_m.m_nav_open .gnb_wrap .util .btnAll .ham:after { transform:rotate(45deg); } 

#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li.active { background:#edf0f4 } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li > a { padding-left:1em; position:relative } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li > a:before { content:"\e91b"; position:absolute; left:0; top:7px; color:#555; font-family:'xeicon'; } 

#header_m .gnb_wrap .util { display:block; position:absolute; right:0 } 
#header_m .nav_layer { overflow-y:hidden; } 
#header_m .nav_layer .nav_wrap2 { position:absolute; top:0; left:3%; right:3%; bottom:0; padding:0; } 
#header_m .nav_layer .nav_wrap2 .nav_logo img { width:21.5em } 
#header_m .nav_layer .nav_wrap2 .nav_logo { margin-bottom:1em; padding:2.5em 0 1.5em 0; } 
#header_m .nav_layer .nav_wrap2 .nav_mem > li a { background:#00aaad; border-color:#00aaad; color:#fff; margin-left:1px } 
#header_m .nav_layer .nav_wrap2 .nav_mem > li:nth-child(1) a { background:#2956a5 !important; border-color:#2956a5 !important } 
#header_m .nav_layer .nav_wrap2 .nav_gnb { position:sticky; position: -webkit-sticky; top:11em; left:0; width:100%; height:calc(100% - 11em); /*overflow-y:scroll; -webkit-overflow-scrolling:touch; */ } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb { padding-bottom:3em; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li { padding:1em 2em; background:#f9f9f9 } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp1 { float:none; position:relative; padding:0 2em 0 0; font-size:1.250em; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp1:after { content:"\e941"; font-family:xeicon!important; position:absolute; right:-.5em; top:50%; margin-top:-.875em; width:1.75em; height:1.75em; line-height:1.75em; background:#fff; border:1px solid #ddd; border-radius:100%; color:#222; text-align:center; transition:.3s; display:none; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp1.arrow:after { display:block; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp2 { margin-left:0; padding:1em 0 1em 0; font-size:1.063em; display:none; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp2 > li { float:none; width:100%; border-top:1px dashed #ddd; padding-top:1em } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp3 { padding-bottom:1em; font-size:1.125em; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp3 > li > a { font-weight:400; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp2 > li.on.on > a .vm_tt { text-decoration:underline; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp3 > li.on > a { color:#ffbc1c; } 

#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li.active .dp1.plus:after { transform:rotate(180deg); } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li.on .dp1.plus:after { transform:rotate(0); } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li.active .dp2 { display:block; } 
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li.on .dp2 { display:block; } 

#header_m.m_nav_open .gnb_wrap .util .btnAll { font-size:.688em; top:1.5em; right:3%; } 

#header_m.m_nav_open .gnb_wrap .util .btnAll { font-size:.750em; top:3em; } 
#header_m.m_nav_open .gnb_wrap .util .btnAll .in { background:#2956a5; border-radius:100%; } 
#header_m.m_nav_open .gnb_wrap .util .btnAll .ham:before,
#header_m.m_nav_open .gnb_wrap .util .btnAll .ham:after { left:15%; width:70% !important; } 

#header_m .main_edu_btn { margin-top:.25em; } 
#header_m .main_edu_btn li { flex:1 1 100%; } 
#header_m .main_edu_btn li a { height:auto; padding-top:.75em; padding-bottom:.75em; } 
#header_m .main_edu_btn li:nth-of-type(2n-1) a { background:#3d6ac5; } 
#header_m .main_edu_btn li:nth-of-type(2n) a { background:#406fce; } 
#header_m .main_edu_btn li a > .img { padding-top:0; width:60%; } 
#header_m .main_edu_btn li a > .tit { padding-top:.25em; font-size:2vw; } 

.header_m_pd { padding-bottom:120px; } 

/***********회사소개 greetings************/
.greeting_Wrap { margin-top:0em; } 
.greeting_Wrap .top_tw { margin-bottom:3em; } 
.greeting_Wrap .top_tw .top1 { letter-spacing:3px; color:#8f8f8f; margin-top:.5em; } 
.greeting_Wrap .top_tw .top2 { font-size:1.5em; color:#666; margin-top:1em; } 
.greeting_Wrap .top_tw .hi { line-height:1.35; font-size:1.8em; color:#222; font-weight:500; } 
.greeting_Wrap .top_tw .hi .col { color:#005bbb; vertical-align:baseline; font-size:1.375em; font-weight:700 } 
.greeting_Wrap .con2 { flex:1 1 0%; min-width:0; } 
.greeting_Wrap .con2 > p { font-size:1.063em; color:#555; line-height:1.8; padding-bottom:1.5em; } 
.greeting_Wrap .con2 .t2 { font-size:1.125em; text-align:right } 
.greeting_Wrap .con2 .t2 .name { font-size:1.188em; margin-left:1em; color:#222; vertical-align:baseline; } 
.greeting_Wrap .imgw { margin-left:7em; flex:0 0 auto; position:relative; } 
/*.greeting_Wrap .imgw:before { content:""; position:absolute; right:0; top:0; width:10em; height:10em; transform:translate(40%,-40%); border:.25em dashed #4484bc; border-radius:50%; background:#fff } 
.greeting_Wrap .imgw:after { content:""; position:absolute; right:0; top:0; width:3em; height:3em; transform:translate(200%,-200%); border-radius:50%; background:#4484bc } */
.greeting_Wrap .imgw img { position:relative; width:28em; } 

.sub_rule_wrap { } 
.sub_rule_wrap .ti_w { background:#fff; padding:3em; border:1px solid #ddd; border-bottom:none; border-top:3px solid #152c8d; } 
.sub_rule_wrap .ti_w .t1 { font-size:2em; color:#222; text-align:center } 
.sub_rule_wrap .ti_w .yearW { text-align:right; } 
.sub_rule_wrap .ti_w .yearW .tt { color:#666; font-size:.813em; line-height:1.6; font-weight:300; } 
.dl_st { padding:3em 2em 4em 2em; border:1px solid #ddd; background:#fafafa; margin-bottom:1.5em; } 
.dl_st:last-child { margin-bottom:0; } 
.dl_st > dt { font-size:1.5em; color:#222; font-weight:500; margin-bottom:1em; text-align:center } 
.dl_st > dt .ts { font-size:.75em } 
.dl_st > dd { line-height:1.2; color:#666; font-size:1.063em; margin-top:2em } 
.dl_st > dt + dd { margin-top:0 } 
.dl_st > dd > ul { /*margin-left:1.5em*/ } 
.dl_st > dd > ul li:not(:first-child) { margin-top:.5em } 
.dl_st.st1 { border-top:none; } 
.dl_st.st2 > dd { margin-top:2em; } 
.dl_st > dd > p { line-height:1.8; margin-bottom:.5em; } 

/**/
.dl_st.intro { background:#fff; border-top:3px solid #152c8d; padding: 1em 2em 4em 2em } 
.dl_st.intro .subpage_tit .t3 { margin-bottom:1em; font-size:1.5em; padding-left:.8em; } 
.dl_st.intro .subpage_tit .t3:before { width:7px; height:25px; } 
.dl_st.intro .subpage_tit .t3:after { display:none; } 
.dl_st.intro > dd { margin-bottom:3em; } 
.dl_st.intro > dd:last-child { margin-bottom:0; } 

.subpage_tit:not(:first-child) { margin-top:6em; line-height:1.2 } 
.subpage_tit .t1 { font-weight:500; font-size:1.5em; position:relative; padding:.75em 0 } 
.subpage_tit .t1:before { content:""; position:absolute; left:0; top:0; width:2em; height:.25em; box-sizing:border-box; background:#152c8d; border-right:1em solid #bbb } 
.subpage_tit .t1.ac:before { left:50%; transform:translateX(-50%) } 
.subpage_tit .t1.no:before { display:none; } 
.subpage_tit .t2 { font-weight:500; font-size:2.5em; } 
.subpage_tit .t3 { position:relative; padding-left:1.375em; font-weight:500; font-size:1.188em; color:#111; line-height:1.2; margin-bottom:.75em } 
.subpage_tit .t3:before { content:""; position:absolute; left:0; top:.125em; background: linear-gradient(-225deg, #4578c8 49%, #152c8d 50%); width:1em; height:1em } 
.subpage_tit.st2 .t3 { font-size:1.375em; padding-left:.8em; margin-bottom:1em; } 
.subpage_tit.st2 .t3:before { width:6px; height:23px; } 
.subpage_tit.st2 .t3:after { display:none } 
.subpage_tit .t3:after { content:""; position:absolute; left:0; top:.125em; width:1em; height:1em; background:#fff; transform:scale(.5) } 
.subpage_tit .t4 { margin-top:1em; font-size:1.250em; line-height:1.6; } 

.ul_st { margin-top:-1.25em } 
.ul_st > li .ul_in { position:relative; padding:0 1em; margin-top:1.25em; color:#666 } 
.ul_st > li .ul_in:before { content:""; width:1em; height:1em; border-radius:50%; background:#063165; font-size:.375em; position:absolute; left:0; top:1.75em; line-height:1 } 
.ul_st > li .ul_in .t1 { font-weight:500; color:#063165 } 
.ul_st.s1 > li { margin-top:.875em; font-size:.938em; line-height:1.2 } 
.ul_st.s1 > li .class_sub_ttl > p { font-size: 1.215em; color: #171717; font-weight: 700; } 
.ul_st.s1 > li .ul_in:before { top:1em } 

.ul_st.st3 { margin-top:0 } 
.ul_st.st3 > li { counter-increment:ul_st3; position:relative; padding:.25em 2em } 
.ul_st.st3 > li:before { font-size: 1.215em; content:counter(ul_st3) "."; font-weight:500; width:1.5em; padding-right:.5em; text-align:right; color:#063165; position:absolute; left:0; top:.25em } 
.ul_st.st3 > li:last-child { margin-bottom:.875em; } 
/**/
.root_daum_roughmap { width:100% !important; } 
.map_tit .t1 img { padding:3px; box-sizing:border-box; } 
.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; background:#fff; } 
.map_info1 .t1 .tt_in { color:#666; padding:0 1.875em .625em 0; } 
.map_info1 .t1 .tt_in:last-child { padding-right:0; } 
.map_info1 .t1 .tt_in.time { flex:1 1 100%; } 
.map_info1 .t1 .tt_in .tt { flex:1; } 
.map_info1 .t1 .tt_in a { color:inherit; } 
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:.625em; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#1273d7 } 

/*SUB PAGE*******************/
/*inc*/
.page_sec { margin-top:3.5em !important; } 
.page_sec0 { margin-top:-1px !important; } 
.page_sec1 { margin-top:.375em !important; } 
.page_sec2 { margin-top:1em !important; } 
.page_sec3 { margin-top:2em !important; } 
.page_sec4 { margin-top:5em !important; } 
.page_sec5 { margin-top:3.5em !important; } 

/**/
.fda_tit_wrap { text-align:center; } 
.fda_tit_wrap .t0 { padding-bottom:10px; letter-spacing: 3px; color: #8f8f8f; margin-top: 0.5em; } 
.fda_tit_wrap .t0.cw { color:#fff; } 
.fda_tit_wrap .ti { font-weight:800; font-size:2.5em; color:#111; } 
.fda_tit_wrap .ti.t1 { font-size:2.250em; } 
.fda_tit_wrap .ti.cw { color:#fff; } 
.fda_tit_wrap .tx { line-height:1.7; font-size:1.063em; color:#555; padding-top:1em; } 


.inn { position: relative; border:1px solid #ddd; height:320px; margin-top: 2em; } 
.inn.bg01 { background:url(../images/sub/sub_bg01.jpg); background-size:cover; background-position:center center; background-repeat:no-repeat; } 
.inn.bg02 { background:url(../images/sub/sub4/support_bg01.jpg); background-size:cover; background-position:center center; background-repeat:no-repeat; } 
.infoT .tt { background:#fff; font-weight:400; margin: 0 5em; position: relative; top: -7em; display:block; padding:2em 1em; text-align:center; box-shadow:3px 3px 10px rgba(0,0,0,.2); } 
.infoT .tt .txt { text-align:center; line-height:1.6; display:block; padding:0 1em; word-break:break-all; font-size: 1.063em; color: #555; } 
.infoT .tt .col { font-size:1.375em; display:block; font-weight:700; padding-bottom:.8em } 
.t_point { display: inline; color: #005089; font-weight: 500; vertical-align:baseline; } 
.fc-content { } 

/* 교육신청폼 상세 */
.btn_li { } 
.btn_li { gap: .35em } 
.btn_li > li { } 
.btn_li > li > .e_btn { padding: .3em 1em; background: #fff; color: #609ff4; font-size: .9em; } 

.fw100 { } 
.fw400 { font-weight: 400; } 
.fw500 { font-weight: 500; } 
.fw600 { font-weight: 600; } 
.fw700 { font-weight: 700; } 
.fw800 { font-weight: 800; } 
.fw900 { font-weight: 900; } 


.edu_top { padding: 1.75em 1.5em; background: #609ff4; color: #fff; } 
.edu_top .edu_type { align-items: center; gap: 1em; } 
.edu_top .edu_type .subject { } 
.edu_top .edu_type .subject > p { font-size: 2.55em; font-weight: 600; } 
.edu_top .edu_type .date_con { font-size: 1.215em; } 
.edu_top .edu_type .date_con > i { vertical-align: baseline; } 
.course-info { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-top: 1em; } 
.course-info > li { flex: 1 1 50%; max-width: 50%; } 
.course-info > li .tit_box { display: flex; align-items: center; padding: 1em 2em; min-width: 6em; border-right: 1px solid #e7e7e7; } 
.course-info > li .info_box { width: 100%; padding: 1em 2em; text-align: left; } 
.course-info > li .info_box > span { color: #444; font-weight: 400; } 
.course-info > li .info_box > span > i { vertical-align: baseline; } 
.course-info > li .info_box > span > .cr1 { color: #609ff4; } 
.course-info > li .info_box > .cr1 { color: #609ff4; } 
.course-info > li .info_box > .cr2 { color: #111; } 
.course-info > li .hu { } 
.course-info > li .hu > i { } 
.course-info > li.bg1 { background: #f5f5f5; } 
.course-info > li.bg2 { background: #e3e3e3; } 
.course-info > li.long { flex: 1 1 100%; max-width: 100%; } 

.location_con { gap: 2.5em; margin-top: 2em; align-items:center; margin-bottom: 3em; } 
.location_con .map { flex: 1 1 50%; } 
.location_con .lo_info { flex: 1 1 50%; } 
.location_con .lo_info .sec { margin-bottom: 1.75em; text-align: left; } 
.location_con .lo_info .sec:last-of-type { margin-bottom: 0em; } 
.location_con .lo_info .sec .tit { font-size: 1.15em; font-weight: 600; margin-bottom: .5em; } 
.location_con .lo_info .sec .txt { font-size: 1em; font-weight: normal; color: #444; line-height: 1.5 } 

.etc_guide { } 
.etc_guide .etc_list { margin: 0 0 -1em -1em; } 
.etc_guide .etc_list > li { flex: 1 1 50%; max-width: 50%; } 
.etc_guide .etc_list > li > .in { margin: 0 0 1em 1em; } 
.etc_guide .etc_list > li > .in .top { padding: 1em 2em; background: #a7a7a7; box-sizing: border-box; } 
.etc_guide .etc_list > li > .in .top > span { font-size: 1.315em; font-weight: 500; color: #fff; } 
.etc_guide .etc_list > li > .in .btm { padding: 1em 2em; } 
.etc_guide .etc_list > li > .in .btm > span { color: #444; font-size: 1em; line-height: 1.5; }