@charset "utf-8";

#wrap { position:relative; width:100%; }

.jbMenu { text-align: center; width: 100%; z-index:1000; }
.jbFixed { position: fixed; top: 0px; transition:all 0.2s ease; }
.jbFixed  #header { width:100%; position:relative; height:60px; background:#fff; text-align:center; padding:12px 0 0 0 ; z-index:100}
.jbFixed  #header .tsearch a { position:absolute; left:0; top:0; width:50px; height:60px; background:url(/images_m/new/ic-sear.png) no-repeat center center; background-size:18px 17px; z-index:1001; text-indent:-5000px;}
	 
#header { width:100%; position:relative; height:60px; background:#fff; text-align:center; padding:12px 0 0 0 ; z-index:100; transition:all 0.2s ease;}
#header h1{margin-top:5px}
#header .tsearch a { position:absolute; left:0; top:0; width:50px; height:60px; background:url(/images_m/new/ic-sear.png) no-repeat center center; background-size:18px 17px; z-index:1001; text-indent:-5000px; }
.tot_search { position:relative; margin-top:80px; padding:0 30px }
.sear_lab { display:none }
#mcontainer { position:relative; padding-bottom:25px }

.m_sec_01 { position:relative; height:290px; background:url(/images_m/new/m_sec1_bg.jpg) no-repeat center 0 #333; background-size:cover; padding:32px 0 0 0 }
.m_copy_t1 { font-family:'Core'; font-size:0.9em; color:#fff; text-align:center; letter-spacing:-0.05em }
.m_copy_t2 { font-family:'Core'; font-size:1.5em; color:#fff; text-align:center; font-weight:bold; margin-top:4px; letter-spacing:-0.05em}
.data_area { position:relative; margin:20px auto 0 auto; width:316px; height:160px }
.bx-wrapper { position:relative; width:100%;}
.bx-wrapper .slider .slide { position:relative; width:152px !important; height:160px; margin-right:10px; padding:18px 10px 20px 10px }
.bx-wrapper .slider .t_ic1 { background:url(/images_m/new/t-ic1.jpg) no-repeat center 46px #fff; background-size:40px 35px }
.bx-wrapper .slider .t_ic2 { background:url(/images_m/new/t-ic2.jpg) no-repeat center 46px #fff; background-size:40px 35px }
.bx-wrapper .slider .t_ic3 { background:url(/images_m/new/t-ic3.jpg) no-repeat center 46px #fff; background-size:40px 35px }
.bx-wrapper .slider .t_ic4 { background:url(/images_m/new/t-ic4.jpg) no-repeat center 46px #fff; background-size:40px 35px }
.bx-wrapper .slider .t_ic5 { background:url(/images_m/new/t-ic5.jpg) no-repeat center 46px #fff; background-size:40px 35px }
.bx-wrapper .slider .slide:last-child { margin-right:0 }
.bx-wrapper .slider .slide .cl_vi_tl { position:relative; font-size:0.85em; color:#3e3e3e; text-align:center; line-height:1.1; letter-spacing:-0.05em }
.bx-wrapper .slider .slide .cl_vi_num { position:relative; font-size:2.3em; font-weight:500; color:#3297f5; text-align:center; line-height:1.0; margin-top:58px}
.bx-wrapper .slider .slide .cl_vi_num1 { position:relative; font-size:2.3em; font-weight:500; color:#3297f5; text-align:center; line-height:1.0; margin-top:33px}
.bx-wrapper .slider .slide .cl_vi_num .cl_vi_unit { font-size:0.3em; vertical-align:bottom }
.bx-wrapper .slider .slide .cl_vi_sta { position:relative; font-size:0.65em; color:#999; font-weight:500; text-align:center; line-height:1.1; margin-top:3px}
.bx-wrapper .bx-prev { left: -15px; top:60px; display:block; width:30px; height:40px; border:1px solid #d7dfe6; background:url(/images_m/new/ar_prev.png) no-repeat center center #fff; transition:all 0.3s ease; background-size:7px 12px }
.bx-wrapper .bx-prev:hover { background:url(/images_m/new/ar_prev_on.png) no-repeat center center #3297f5; border-color:#3297f5; background-size:7px 12px}
.bx-wrapper .bx-next { right: -13px; top:60px; display:block; width:30px; height:40px; border:1px solid #d7dfe6; background:url(/images_m/new/ar_next.png) no-repeat center center #fff; transition:all 0.3s ease; background-size:7px 12px}
.bx-wrapper .bx-next:hover { background:url(/images_m/new/ar_next_on.png) no-repeat center center #3297f5; border-color:#3297f5; background-size:7px 12px}
.bx-wrapper .bx-controls-direction a { position: absolute;  text-indent: -9999px; z-index: 9999; }

.m_notice { position:relative; background:#fff; height:45px; padding-left:65px }
.m_notice h2 { position:absolute; left:12px; top:14px; color:#1780e1; font-size:0.75em; font-weight:600; }
.m_notice .m_nt_list { position:relative; height:45px; overflow:hidden }
.m_notice .m_nt_list li a { display:block; padding:13px 0; font-size:0.85em; letter-spacing:-0.03em; color:#333; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; width:76%;}
.m_notice .nt_ctr { position:absolute; right:12px; top:7px; height:31px; width:62px; background:#fff; text-align:right }
a.up { display:inline-block; width:31px; height:31px; border:1px solid #d7dfe6; background:url(/images_m/new/ar_up.png) no-repeat center center #fff; background-size:9px 6px; transition:all 0.2s ease; }
a.up:hover { background:url(/images_m/new/ar_up_on.png) no-repeat center center #3297f5; border:1px solid #3297f5; background-size:9px 6px }
a.down { display:inline-block; width:31px; height:31px; border:1px solid #d7dfe6; margin-left:-1px; background:url(/images_m/new/ar_down.png) no-repeat center center; background-size:9px 6px; transition:all 0.2s ease; }
a.down:hover { background:url(/images_m/new/ar_down_on.png) no-repeat center center #3297f5; border:1px solid #3297f5; background-size:9px 6px }

.m_sec_02 { position:relative; background:#e5edf4; padding:25px 12px 27px 12px }
.link_bn { position:relative; overflow:hidden }
.link_bn li { position:relative; float:left; width:31.5%; margin-right:2.75%; margin-bottom:10px}
.link_bn li a { display:block; text-align:center; padding:22px 8px 92px 8px; line-height:1.2; color:#333; }
.link_bn li a.lk_ic1 { background:url(/images_m/new/lk_ic1.png) no-repeat center 60px #fff; background-size:45px 60px }
.link_bn li a.lk_ic2 { background:url(/images_m/new/lk_ic2.png) no-repeat center 60px #fff; background-size:45px 60px }
.link_bn li a.lk_ic3 { background:url(/images_m/new/lk_ic3.png) no-repeat center 60px #fff; background-size:45px 60px }
.link_bn li a.lk_ic4 { background:url(/images_m/new/lk_ic4.png) no-repeat center 75px #fff; background-size:45px 60px }
.link_bn li a.lk_ic5 { background:url(/images_m/new/lk_ic5.png) no-repeat center 75px #fff; background-size:45px 60px }
.link_bn li a.lk_ic6 { background:url(/images_m/new/lk_ic6.png) no-repeat center 75px #fff; background-size:45px 60px }
.link_bn li:nth-child( 3 ) { margin-right:0; background: #59afff; height:133px;; text-align: center}
.link_bn li:nth-child( 3 ) img{width:100%; height:133px; min-width:100px; max-width:114px}
.link_bn li:nth-child( 6 ) { margin-right:0 }
.area_bn { position:relative; background:url(/images_m/new/map_bg.png) no-repeat right 67px #3297f5; height:245px; background-size:260px; padding:35px 25px }
.ar_tl { color:#fff; font-size:1.4em; font-weight:700 }
.ar_txt { color:#fff; font-size:0.9em; opacity:.9; margin-top:8px }
.ar_btn { display:block; width:36px; height:36px; border:2px solid #fff; border-radius:50%; background:url(/images_m/new/ar1.png) no-repeat center center; background-size:7px 11px; text-indent:-5000px; margin-top:25px }
a.go_btn { display:block; width:36px; height:36px; border:2px solid #fff; border-radius:50%; background:url(/images_m/new/ar1.png) no-repeat center center; background-size:7px 11px }
.info_box { position:relative; padding:23px 12px 23px 58%; margin-top:10px; }
.info_box h2 { position:absolute; left:20px; top:36px; font-size:1.2em; font-weight:bold; color:#1870c3; letter-spacing:-0.03em; line-height:1.2 }
.info_box h2 span { font-weight:normal }
.info_box h2.if_tl1 { top:58px; }
.info_list_m li a { display:block; padding:3px 3px 3px 10px; background:url(/images_m/new/bullet1.gif) no-repeat left center; background-size:2px; font-size:0.9em; color:#555; line-height:1.3; letter-spacing:-0.03em}
.info_list_m li a:hover, .info_list_m li a:active { color:#111; }
.iic1 { background:url(/images_m/new/inf_ic1.png) no-repeat 110px center #fff; background-size:50px }
.iic2 { background:url(/images_m/new/inf_ic2.png) no-repeat 110px center #fff; background-size:50px }
.iic3 { background:url(/images_m/new/inf_ic3.png) no-repeat 110px center #fff; background-size:50px }

.m_sec_03 { position:relative; background:#fff; padding:25px 12px 30px 12px }
.m_sec_03 h2 { font-size:1.25em; color:#3297f5 !important; font-weight:600; letter-spacing:-0.03em; text-align:center}
.m_sec_03 .stxt { font-size:0.85em; color:#707070 !important; letter-spacing:-0.03em; text-align:center; margin-top:6px;}
.thema_list { position:relative; overflow:hidden; margin-top:20px }
.thema_list li { position:relative; float:left; width:50%; margin:0; height: 220px }
.thema_list li a { width:100%; height:100%; display:block; padding:38px 12px 60px 32px; color:#fff;  font-size:1.3em; font-weight:bold; line-height:1.3 }

.thema_list li:nth-child( 1 ) { background:url(/images_m/new/icon1.png) no-repeat right bottom #12b8ba; background-size:120px 110px; }
.thema_list li:nth-child( 2 ) { background:url(/images_m/new/icon2.png) no-repeat right bottom #e6eff4; background-size:120px 110px; }
.thema_list li:nth-child( 3 ) { background:url(/images_m/new/icon3.png) no-repeat right bottom #ffd15d; background-size:120px 110px; }
.thema_list li:nth-child( 4 ) { background:url(/images_m/new/icon4.png) no-repeat right bottom #3d4959; background-size:120px 110px; }
.thema_list li:nth-child( 5 ) { background:url(/images_m/new/icon5.png) no-repeat right bottom #3397f5; background-size:120px 110px; }
.thema_list li:nth-child( 6 ) { background:url(/images_m/new/icon6.png) no-repeat right bottom #fc6f58; background-size:120px 110px; }
.thema_list li:nth-child( 7 ) { background:url(/images_m/new/th7.png) no-repeat 40px 72px #19427f; background-size:35px 38px }
.thema_list li:nth-child( 8 ) { background:url(/images_m/new/th8.png) no-repeat center center #2a5da9; background-size:100%} 


.m_sec_04 { position:relative; background:url(/images_m/new/pattern.gif) #e5edf4; padding:27px 12px 25px 12px }
.bd_tl_tab { position:relative; overflow:hidden; width:100%; text-align:center }
.bd_tl_tab a { display:inline-block; font-size:1.15em !important; font-weight:400; color:#697887; vertical-align:middle; letter-spacing:-0.03em}
.bd_tl_tab a:after { content:"|"; color:#fff; margin-right:10px; padding-left:10px; font-weight:100; font-size:0.9em; vertical-align:top }
.bd_tl_tab a:last-child:after { content:""; margin:0; padding:0 }
.bd_tl_tab a.mtab_on { color:#3297f5 !important; font-weight:600}
.mgal_view { position:relative; overflow:hidden; margin-top:22px }
.mgallery { position:relative; float:left; width:49%; height:230px; margin:0 2% 8px 0; background:#fff; padding:7px 7px 12px 7px }
.mgallery:nth-child( 2 ) { margin-right:0 }
.mgallery:nth-child( 4 ) { margin-right:0 }
.mgallery .ga_pic {width:100%;height: 148px;}
.mgallery .ga_pic img { width:100%; height:inherit }
.mgallery .ga_pic:hover img { opacity:.5 }
.mgallery .ga_pic:hover .view_wp { display:block }
.mgallery .ga_pic img { width:100%; transition:all 0.3s ease;}
.mgallery .ga_pic .view_wp { position:absolute; left:7px; top:7px; width:100%; height:inherit; display:none; }
.mgallery .ga_pic .view_wp a { display:block; padding:35% 0 40px 0; height:210px; color:#fff; text-align:center; font-size:0.7em; font-weight:500 }
.mgallery .ga_suj { margin-top:5px; display:block; font-size:0.9em; color:#333; padding:7px 5px; line-height:1.3 }
.mgallery .ga_date { margin-top:0; color:#999; font-size:0.7em; padding:0 5px }
.mgallery .ga_date span { color:#3297f5 }
.mgallery .ga_date span:after { color:#999; content:"|"; font-size:0.8em; vertical-align:middle; margin:0 10px}

.mdata_box { position:relative; float:left; width:49%; height:100px; margin:0 2% 8px 0; background:#fff; padding:7px 7px 12px 7px }
.mdata_box:nth-child( 2 ) { margin-right:0 }
.mdata_box:nth-child( 4 ) { margin-right:0 }
.mdata_box:nth-child( 6 ) { margin-right:0 }
.mdata_box:hover, .mdata_box:active { background:#3297f5 }
.mdata_box:hover .data_suj, .mdata_box:active .data_suj { color:#fff }
.mdata_box:hover .data_date, .mdata_box:active .data_date  { margin-top:5px; color:#fff; font-size:0.7em; padding:10px 5px 0 5px; border-top:1px solid #47a2f6; text-align:center }
.mdata_box .data_suj { display:block; font-size:0.9em; color:#333; padding:7px 5px; line-height:1.3; text-align:center }
.mdata_box .data_date { margin-top:5px; color:#999; font-size:0.7em; padding:10px 5px 0 5px; border-top:1px solid #d7dfe6; text-align:center }


.m_sec_05 { position:relative; background:#e5ecf2; padding:25px 12px 30px 12px }
.m_sec_05 h2 { font-size:1.25em; color:#3297f5 !important; font-weight:600; letter-spacing:-0.03em; text-align:center}
.m_notice_wp { background:#fff; padding:24px 15px; margin-top:22px }
.m_notice_wp h3 { position:relative; color:#333; font-size:1.05em;}
.m_notice_wp h3 span a { position:absolute; right:0; top:-4px; background:#3297f5; color:#fff; text-align:center; padding:2px 7px; font-weight:400 }
.bt_nt_list { position:relative; margin-top:12px }
.bt_nt_list li { position:relative }
.bt_nt_list li a { display:block; padding:2px 0 2px 10px; background:url(/images_m/new/bullet1.gif) no-repeat left center; background-size:2px; color:#333; font-size:0.8em; letter-spacing:-0.03em; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; width:76%; line-height:1.4 } 
.bt_nt_list li span { position:absolute; right:0; top:2px; color:#999; font-size:0.8em }
.bt_banner { position:relative; margin-top:10px; overflow:hidden }
.bt_banner li { position:relative; float:left }
.bt_banner li a { display:block; padding:20px 15px; font-size:0.95em; letter-spacing:-0.02em }
.bt_banner li a:hover, .bt_banner li a:active { color:#222 }
.bt_banner li:nth-child( 1 ) { width:60%; margin-right:2%; background:url(/images_m/new/ic-mail.png) no-repeat 93% center #245093; background-size:27px; }
.bt_banner li:nth-child( 2 ) { width:38%; background:url(/images_m/new/ic-mon.png) no-repeat 90% center #fff; background-size:27px;}
.bt_banner li:nth-child( 3 ) { width:38%; margin:10px 2% 0 0; background:url(/images_m/new/ic-report.png) no-repeat 90% center #fff; background-size:27px; }
.bt_banner li:nth-child( 4 ) { width:60%; background:url(/images_m/new/ic-about.png) no-repeat 93% center #3297f5; background-size:27px;; margin-top:10px }
.bt_banner li:nth-child( 1 ) a, .bt_banner li:nth-child( 4 ) a { color:#fff }

.sv { position:relative; height:100px; }
.sbg1 { background:url(/images_m/new/sv1.png) no-repeat right center #a3d6fa; color:#0f1f2e; font-size:1.35em; padding:35px 25px; font-weight:700; background-size:168px 100px}
.sbg2 { background:url(/images_m/new/sv2.png) no-repeat right center #93e7ec; color:#0f1f2e; font-size:1.35em; padding:35px 25px; font-weight:700; background-size:168px 100px}
.sbg3 { background:url(/images_m/new/sv3.png) no-repeat right center #d4eda4; color:#0f1f2e; font-size:1.35em; padding:35px 25px; font-weight:700; background-size:168px 100px}
.sbg4 { background:url(/images_m/new/sv4.png) no-repeat right center #f6e9ac; color:#0f1f2e; font-size:1.35em; padding:35px 25px; font-weight:700; background-size:168px 100px}
.sbg5 { background:url(/images_m/new/sv5.png) no-repeat right center #fcdcb8; color:#0f1f2e; font-size:1.35em; padding:35px 25px; font-weight:700; background-size:168px 100px}
.sbg6 { background:url(/images_m/new/sv6.png) no-repeat right center #BFE9F7; color:#0f1f2e; font-size:1.35em; padding:35px 25px; font-weight:700; background-size:168px 100px}
.sbg7 { background:url(/images_m/new/sv7.png) no-repeat right center #DCDCDC; color:#0f1f2e; font-size:1.35em; padding:35px 25px; font-weight:700; background-size:168px 100px}

#container { position:relative; padding:0 12px 20px 12px }
#container h2 { padding:15px 0 12px 20px; border-bottom:1px solid #dee6ec; color:#1274d0; font-size:1.12em; font-weight:400;    background: url(/images/common/tl_bullet.gif) no-repeat left center;  background-size: 14px; }
#container h3.tit_school {margin:20px 10px 15px; color:#333; font-size:1em; font-weight:400; border-bottom:3px solid #dedede; box-sizing:border-box; background-size:14px; position:relative; height:35px; line-height: 35px }
#container h3.tit_school:before {border-bottom:3px solid #3297f5; width:110px; content:""; position: absolute; top:32px; left:0 }
#contents { position:relative; margin:20px 0 50px 0; }

#footer { position:relative; padding:0 12px 50px 12px }
#footer .ft_menu { position:relative; padding:0 0; overflow:hidden; border-top:1px solid #e5edf4; border-bottom:1px solid #e5edf4; height:45px;}
#footer .ft_menu li { float:left; margin-right:7px}
#footer .ft_menu li a { display:block; padding:13px 0 13px 0; color:#666; font-size:0.7em; letter-spacing:-0.03em }
#footer .ft_menu li a:after { content:"|"; color:#dedede; padding-left:7px }
#footer .ft_menu li:last-child a:after { content:"" }
#footer .ft_top a { position:absolute; right:0; /*top:-1px;*/ width:45px; height:45px; background:#3297f5; display:block; z-index:10; text-align:center; color:#fff; font-size:0.7em; font-weight:500; padding:15px 5px 5px 5px; transition:all 0.3s ease; }
/*#footer .ft_top a:hover { background:url(/images_m/new/ar_top.png) no-repeat center 12px #003669; }*/
#footer .ft_logo { position:relative; margin-top:20px; }
#footer .ft_logo img { width:65px; }
#footer  address { color:#666; font-size:0.75em; margin-top:10px; font-style:normal; line-height:1.5 }
#footer  address span:before { content:"|"; color:#dedede; padding:0 5px 0 7px }
#footer  address span a{ color: #666 }
#footer  address span a:hover{ text-decoration: none}
#footer .ft_copyr { color:#888; font-size:0.75em; margin-top:5px}
#footer .keris { position:absolute; right:12px; top:60px; }
#footer .keris img { width:65px; margin-left: 10px}



/*셀렉트박스 메뉴*/
.tab_drop {padding:10px; background:#efefef}
.tab_drop .dep1-dropdown {position:relative;margin:0 auto;height:41px;width: 100%;color:#666;font-size:0.8em;padding:10px 10px;cursor: pointer;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;/* z-index: 999999; */background:url('/images_m/new/sel_ar.png') no-repeat right 50% #fff;border:1px solid #8bc3f7;letter-spacing:-0.02em;text-align:left;background-size:15px 4px;z-index: 100;}
.tab_drop .dep1-dropdown .m_dropdown {position: absolute;top: 39px;left:-1px;width: 100.5%;  /* Styles */background:#fff;list-style: none;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out; /* Hiding */max-height:0;overflow: hidden;border-left:1px solid #8bc3f7;border-right:1px solid #8bc3f7;}
.tab_drop .dep1-dropdown .m_dropdown li a { display: block; font-size:1.0em; text-decoration: none; color:#777; box-sizing:border-box; padding: 12px 10px 12px 10px; transition: all 0.2s ease-out; background:#fff; border-bottom:1px solid #8bc3f7; border-top:1px solid #8bc3f7; margin-top:-1px}
.tab_drop .dep1-dropdown .m_dropdown li:nth-child( 1 ) a {margin-top:0}
/*
.tab_drop .dep1-dropdown .m_dropdown li a:hover { color:#333 }
.tab_drop .dep1-dropdown .m_dropdown li:hover a { color:#444; background:url('/images_m/new/sel_ar_up.png') no-repeat 100% center #f0f3f8; background-size:15px 4px}
.tab_drop .dep1-dropdown.active { box-shadow: none; color:#222; background:url('/images_m/new/sel_ar_up.png') no-repeat right center #fff; background-size:15px 4px}
*/
.tab_drop .dep1-dropdown.active .m_dropdown { max-height: 500px;}


.tab_drop2 {padding:10px; background:#efefef}
.tab_drop2 .dep1-dropdown {position:relative;margin:0 auto;height:41px;width: 100%;color:#fff;font-size:0.8em;padding:10px 10px;cursor: pointer;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;/* z-index: 999999; */background:url('/images_m/new/sel_ar2.png') no-repeat right 50% #3297f5;border:1px solid #1f78cb;letter-spacing:-0.02em;text-align:left;background-size:15px 4px;z-index: 100;}
.tab_drop2 .dep1-dropdown .m_dropdown {position: absolute;top: 39px;left:-1px;width: 100.5%;  /* Styles */background:#fff;list-style: none;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out; /* Hiding */max-height:0;overflow: hidden;border-left:1px solid #9aceff;border-right:1px solid #9aceff;}
.tab_drop2 .dep1-dropdown .m_dropdown li a { display: block; font-size:1.0em; text-decoration: none; color:#1065b4; box-sizing:border-box; padding: 12px 10px 12px 10px; transition: all 0.2s ease-out; background:f2f9ff; border-bottom:1px solid #9aceff; border-top:1px solid #9aceff; margin-top:-1px}
.tab_drop2 .dep1-dropdown .m_dropdown li:nth-child( 1 ) a {margin-top:0}
/*
.tab_drop2 .dep1-dropdown .m_dropdown li a:hover { color:#1065b4 }
.tab_drop2 .dep1-dropdown .m_dropdown li:hover a { color:#1065b4; background:url('/images_m/new/sel_ar_up.png') no-repeat 100% center #f2f9ff; background-size:15px 4px}
.tab_drop2 .dep1-dropdown.active { box-shadow: none; color:#fff; background:url('/images_m/new/sel_ar_up2.png') no-repeat right center #3297f5; background-size:15px 4px}
*/
.tab_drop2 .dep1-dropdown.active .m_dropdown { max-height: 500px;}


.tab_drop3 .dep1-dropdown {position:relative;margin:0 auto;height:33px;width: 160px;color:#fff;font-size:0.8em;padding:5px 10px; cursor: pointer;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;/* z-index: 999999; */background:url('/images_m/new/sel_ar2.png') no-repeat right 50% #3297f5;border:1px solid #1f78cb;letter-spacing:-0.02em;text-align:left;background-size:15px 4px;z-index: 100; text-align:center; line-height:20px}
.tab_drop3 .dep1-dropdown .m_dropdown {position: absolute;top: 32px;left:-1px;width: 160px;  /* Styles */background:#fff;list-style: none;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out; /* Hiding */max-height:0;overflow: hidden;border-left:1px solid #9aceff;border-right:1px solid #9aceff;}
.tab_drop3 .dep1-dropdown .m_dropdown li a { display: block; font-size:1.0em; text-decoration: none; color:#1065b4; box-sizing:border-box; padding: 0 10px; transition: all 0.2s ease-out; background:f2f9ff; border-bottom:1px solid #9aceff; border-top:1px solid #9aceff; margin-top:-1px}
.tab_drop3 .dep1-dropdown .m_dropdown li{margin-bottom:0}
.tab_drop3 .dep1-dropdown .m_dropdown li:nth-child( 1 ) a {margin-top:-16px}
.tab_drop3 .dep1-dropdown .m_dropdown li a:hover { color:#1065b4 }
.tab_drop3 .dep1-dropdown .m_dropdown li:hover a { color:#1065b4; background:url('/images_m/new/sel_ar_up.png') no-repeat 100% center #f2f9ff; background-size:15px 4px}
.tab_drop3 .dep1-dropdown.active { box-shadow: none; color:#fff; background:url('/images_m/new/sel_ar_up2.png') no-repeat right center #3297f5; background-size:15px 4px}
.tab_drop3 .dep1-dropdown.active .m_dropdown { max-height: 900px;}



/*셀렉트박스 css*/
.layer-select-box {position: relative; display: inline-block; width: 160px; height:33px; float: left; border: 1px solid #1f78cb; color:#fff}
.layer-select-box select {display: inline-block; width: 100%; cursor: pointer; padding: 3px 15px; margin-bottom:5px; outline: 0; border: none; border-radius: 0; color: #fff; appearance: none; -webkit-appearance: none;
-moz-appearance: none; font-size: 14px; height: 100%; background: #3297f5 url('/images_m/new/sel_ar2.png') 140px center no-repeat; background-size:15px 4px;}
.layer-select-box select::-ms-expand {display: none; border: 1px solid #1f78cb;}
.layer-select-box select:disabled {opacity: 0.5; pointer-events: none; }
.layer-select-box__arrow {position: absolute;top: 16px;right: 15px;width: 0;height: 0;pointer-events: none;border-style: solid;border-width: 8px 5px 0 5px;border-color: #000 transparent transparent transparent;}
.layer-select-box select:hover ~ .layer-select-box__arrow,
.layer-select-box select:focus ~ .layer-select-box__arrow {border-top-color: #000;}
.layer-select-box select:disabled ~ .layer-select-box__arrow {border-top-color: red;}


/* tab */
.tab_st_d1 { position:relative; overflow:hidden; }
.tab_st_d1 ul { overflow:hidden }
.tab_st_d1 ul:after { content:""; clear:both; display:block }
.tab_st_d1 ul li { position:relative; float:left; height:41px;}/*20181123수정*/
.tab_st_d1 ul li a { display:block; background:#fff; border:1px solid #dee6ec; height:41px; padding:12px 8px 11px 8px; box-sizing:border-box; text-align:center; color:#666; font-size:0.8em; letter-spacing:-0.03em; transition:all 0.2s ease; line-height:1.3 }/*20181123수정*/
.tab_st_d1 ul li a:hover, .tab_st_d1 ul li a:active {background:#043763; color:#fff; border:1px solid #043763;}
.tab_st_d1 ul li a.t_on { background:#3297f5; border:1px solid #3297f5; padding:12px 8px 11px 8px; text-align:center; color:#fff; font-weight:700; font-size:0.8em; letter-spacing:-0.03em; transition:all 0.2s ease; line-height:1.3}
.tab_st_d1 ul li.w1 { width:100%; margin-bottom:1%;}/*20181123추가*/
.tab_st_d1 ul li.w2 { width:49.5%; margin:0 1% 1% 0;}/*20181123수정*/
.tab_st_d1 ul li.w3 { width:32.66666667%; margin:0 1% 1% 0;}
.tab_st_d1 ul li.w4 { width:24.25%; margin:0 1% 1% 0; }
.tab_st_d1 ul li.w5 { width:19.2%; margin:0 1% 1% 0;}
.w3.long a{padding-top: 3px;}
.w3.long a.t_on { background:#3297f5; border:1px solid #3297f5; padding:4px 8px 11px 8px; text-align:center; color:#fff; font-weight:700; font-size:0.8em; letter-spacing:-0.03em; transition:all 0.2s ease; line-height:1.3}

/*
.tab_st_d1 ul li.w6 { width:16.6666666666% }
.tab_st_d1 ul li.w7 { width:14.28571428% }
.tab_st_d1 ul li.w9 { width:11.1111111111% }
*/
.tab_st_d1 ul li:nth-child(even).w2 { margin-right:0;}/*20181123추가-짝수에만 마진0 */
.tab_st_d1 ul li:nth-child(3).w3, .tab_st_d1 ul li:nth-child(6).w3 { margin-right:0;}/*20181123추가- 3,6번째에만 마진0 */
.tab_st_d1 ul li:nth-child(4).w4, .tab_st_d1 ul li:nth-child(8).w4 { margin-right:0;}/*20181123추가-4,6번째에만 마진0 */
.tab_st_d1 ul li:nth-child(5).w5 { margin-right:0;}/*20181123추가-5번째에만 마진0 */
.tab_st_d1 ul li a p{margin-top:-8px}


.tab_st_d2 { position:relative }
.tab_st_d2 ul:after { content:""; clear:both; display:block }
.tab_st_d2 ul li { position:relative; float:left; height:38px}/*20181123수정*/
.tab_st_d2 ul li.w1 { width:100%;  margin-bottom:1%; }
.tab_st_d2 ul li.w2 { width:49.5%; margin-right:1% }
.tab_st_d2 ul li.w3 { width:32.66666667%; margin-right:1%; }
.tab_st_d2 ul li.w4 { width:24.25%; margin-right:1% }
.tab_st_d2 ul li.w5 { width:19.2%; margin-right:1% }
.tab_st_d2 ul li:last-child.w2, .tab_st_d2 ul li:last-child.w3, .tab_st_d2 ul li:last-child.w4, .tab_st_d2 ul li:last-child.w5 { margin-right:0 }
.tab_st_d2 ul li a { display:block; background:#fff; border:1px solid #dee6ec; height:38px; box-sizing:border-box; padding:11px 5px 10px 5px; text-align:center; color:#666; font-size:0.8em; letter-spacing:-0.05em; transition:all 0.2s ease; line-height:1.3 }/*20181123수정*/
.tab_st_d2 ul li a:hover {background:#555; color:#fff; border:1px solid #555;}
.tab_st_d2 ul li a.t_on { background:#fff; border:1px solid #16396f; padding:11px 5px 10px 5px; text-align:center; color:#16396f; font-weight:700; font-size:0.8em; letter-spacing:-0.05em; transition:all 0.2s ease; line-height:1.3}
.tab_st_d2 ul li a p { margin-top:-8px}/*20181123추가*/

.tab_st_d3 { position:relative; text-align:center; margin-bottom: 20px }
.tab_st_d3:after { content:""; clear:both; display:block }
.tab_st_d3 a { display:inline-block; margin-right:10px; padding:10px 20px 10px 0; background:url(/images_m/new/tab_ar2.png) no-repeat right center; border-bottom:2px solid #adadad; text-align:left; color:#adadad; font-size:0.8em; transition:all 0.2s ease; background-size:3px 4px}
.tab_st_d3 a:last-child  { margin-right:0 }
.tab_st_d3 a:hover { border-bottom:2px solid #163970; color:#163970; background:url(/images_m/new/tab_ar2_on.png) no-repeat right center; background-size:4px 3px }
.tab_st_d3 a.t_on { display:inline-block; margin-right:10px; padding:10px 20px 10px 0; border-bottom:2px solid #163970; text-align:left; color:#163970; font-size:0.8em; background:url(/images_m/new/tab_ar2_on.png) no-repeat right center; background-size:4px 3px}


.guide_bx { position:relative; display:table; width:100%; padding:22px 20px 23px 95px; background:url(/images_m/new/ic-grp.png) no-repeat 20px center #ececec; margin-top:20px; background-size:50px}
.guide_bx .gt { display:table-cell; width:100%; }
.guide_bx .gt .gt1 { font-size:0.85em; letter-spacing:-0.03em; color:#333; line-height:1.4}
.guide_bx .gt .gt2 { font-size:0.75em; letter-spacing:-0.03em; color:#ff7a4b; line-height:1.4}

.ct_stl { position:relative; display:table; margin-top:30px }
.ct_stl h3 { display:table-cell; font-size:1.0em; font-weight:normal; background:url(/images_m/new/tl_bullet1.png) no-repeat left center; background-size:12px;  padding-left:20px;}
.ct_stl span.tl_exp { display:table-cell; font-size:0.65em; color:#888; padding-left:15px; }

.ct_search_box { position:relative; border:1px solid #dcdcdc; background:#f3f3f3; border-right:none; border-left:none; padding:15px 10px; margin-top:15px}
.ct_search_box .sel_la { background:url(/images_m/new/bullet1.gif) no-repeat left center; background-size:3px; padding-left:11px; font-size:0.85em}
.ct_search_box .sr_r_txt { position:relative; margin-top:10px; border-top:1px solid #fff; padding-top:10px; width:100%}
.ct_search_box .sr_r_txt .srr_t_date { display:inline-block; color:#245093; font-size:0.8em; vertical-align:middle; background:url(/images_m/new/ic-sch.png) no-repeat left center; padding-left:21px; background-size:15px 16px }
.ct_search_box .sr_r_txt .srr_t_date span.srr_t_txt { display:inline-block;  color:#666; font-size:0.9em; vertical-align:middle; padding-left:15px; }
.ct_search_box .sr_r_txt .srr_t_down { display:inline-block; margin-right:10px; color:#245093; font-size:0.8em; vertical-align:middle; background:url(/images_m/new/ic-file.png) no-repeat left center; padding-left:21px; background-size:15px 12px }
.box_center{text-align: center;}

.chart_box { position:relative; background:#fff; border:1px solid #e4e4e4; padding:20px 15px 20px 15px}
.chart_box h4 { font-size:1.0em; font-weight:300 }
.chart_box h4 span { font-size:0.7em; color:#666; margin-left:10px}
.chart_box .file_box { position:absolute; right:15px; top:15px }
.chart_box .chart_disp { margin-top:25px; width:100%}

.chart_box2 { position:relative; background:#fff; border:1px solid #e4e4e4; padding:10px}
.chart_box2 h4 { font-size:1.0em; font-weight:300 }
.chart_box2 h4 span { font-size:0.7em; color:#666; margin-left:10px}
.chart_box2 .file_box { position:absolute; right:15px; top:15px }
.chart_box2 .chart_disp { margin-top:25px; width:100%}

/* Table List*/
.tb_wp { margin-top:15px; overflow-x:scroll }
.tbl { width:100%; border-collapse:collapse;border-spacing:0;border-top: #bac7db 1px solid; border-right: #bac7db 1px solid;}
.tbl th, .tbl td {border-left: #bac7db 1px solid; border-bottom: #bac7db 1px solid; vertical-align:middle;text-align: center; font-size:0.75em}
.tbl th {background-color: #e8ecf3; color: #1c427b; text-align:center; padding:8px 8px; font-weight: 700;}
.tbl td {padding: 8px 8px; font-size:0.7em}
.tbl td.al_l { text-align:left}
.tbl td .pres { color:#3297f5 }
.tbl tfoot td { background-color: #e8ecf3; color: #1c427b; }

/* 테이블 */
.tbl_type13_container{position: relative;margin-top:20px;}
.tbl_type13_container .type13_inner{position: absolute;   width:calc(100% - 19.2rem);   top: 0;    left: 191px;    overflow-x: scroll;}
.tbl_type13.inner{    width: 800px}

.tbl_type13 {font-size:15px; width:19.2rem;}
.tbl_type13 span {display:block;}
.tbl_type13 thead th {line-height:30px;color:#1c427b;background:#e8ecf3;border:1px solid #bac7db; font-weight:700; font-size: 0.75em}

.tbl_type13 td,
.tbl_type13 tbody th {border:1px solid #bac7db;text-align:center;padding:8px 5px; font-size: 0.75em}
.tbl_type13 tbody .bl_none {/*border-left:0;*/}
.tbl_type13 .c_gray {font-size:13px;}
.tbl_type13 .c_red {color:#ff4f40;font-size:13px;}
.tbl_type13 .c_green {color:#666;font-size:13px;}
.tbl_type13 .rigion{text-align:right}



/*끝*/

/* button select input */
select.sel { height: 32px;padding:0 17px 0 8px; background-color: #fff;border:1px solid #7b7b7b; color: #444; font-size:0.75em; border-radius:0; letter-spacing:normal;}
select.sel {background:url(/images_m/new/sel_ar.png) right 50% no-repeat #fff;-webkit-appearance:none;-moz-appearance: none;appearance: none; background-size:11px 3px}
select.sel::-ms-expand {display: none; /* 화살표 없애기 for IE10, 11*/ }

select.sel_sear { height: 37px; display:inline-block; padding:0 25px 0 10px; background-color: #fff;border:1px solid #7b7b7b; color: #555; font-size:0.9em}
select.sel_sear {background:url(/images_m/new/sel_ar1.png) right 50% no-repeat #fff;-webkit-appearance:none;-moz-appearance: none;appearance: none;}
select.sel_sear::-ms-expand {display: none; /* 화살표 없애기 for IE10, 11*/ }

.i-src-fld { display:inline-block; vertical-align:top; width:80%; height:50px;padding:0 12px 0 5px; background:none; border:none; border-bottom:1px solid #7b7b7b; font-size:1.0em; color:#fff; border-radius:0} 
.i-src-fld::placeholder { color:#fff; font-size:1.0em }
.i-src-fld::-webkit-input-placeholder { color:#fff; font-size:1.0em}
.i-src-fld:-ms-input-placeholder { color:#fff; font-size:1.0em}
.i-src-fld1 { display:inline-block; vertical-align:top; height: 32px;padding:0 12px; background-color: #fff;border:1px solid #7b7b7b; font-size:0.85em }
.i-src-fld1::placeholder { color:#3297f5; font-size:0.8em }
.i-src-fld1::-webkit-input-placeholder { color:#3297f5; font-size:0.8em}
.i-src-fld1:-ms-input-placeholder { color:#3297f5; font-size:0.8em}

button.search {display:inline-block; vertical-align:top;  width:48px; height:32px; border:none; background:#5b5b5b; transition:all 0.3s ease; color:#fff; font-size:0.85em;}
button.search:hover { background:#333 }
button.search1 {display:inline-block; vertical-align:top;  width:48px; height:32px; border:none; background:#333; transition:all 0.3s ease; color:#fff; font-size:0.9em; font-weight:700}
button.search1:hover { background:#333 }
button.t_search {display:inline-block; vertical-align:top;  width:67px; height:67px; border:none; background:url(/images_m/new/ic_tsrc.png) no-repeat center center #003c76; transition:all 0.3s ease; color:#fff; font-weight:700; text-indent:-5000px;}
button.t_search:hover { background:url(/images_m/new/ic_tsrc.png) no-repeat center center #001b35 }
button.tsrc_btn { display:inline-block; vertical-align:top;  width:20%; height:50px; border:none; border-bottom:1px solid #7b7b7b; background:url(/images_m/new/ic-search.png) no-repeat 85% center; background-size:15px; text-indent:-5000px; transition:all 0.3s ease; }
/*button.tsrc_btn:hover { background:url(/images_m/new/ic-search.png) no-repeat 85% center; }*/

a.btn_xls { display:inline-block; padding:6px 8px; width:50px; background:#1f6f43; border-radius:6px; text-align:center; color:#fff; font-size:0.8em; transition:all 0.3s ease; }
a.btn_xls:hover, a.btn_xls:ative { background:#125631; }
a.btn_hwp { display:inline-block; padding:6px 8px; width:50px; background:#367ad7; border-radius:6px; text-align:center; color:#fff; font-size:0.8em; transition:all 0.3s ease; }
a.btn_hwp:hover, a.btn_hwp:ative { background:#215fb3; }
a.btn_jpg { display:inline-block; padding:6px 8px; width:50px; background:#f8913e; border-radius:6px; text-align:center; color:#fff; font-size:0.8em; transition:all 0.3s ease; }
a.btn_jpg:hover, a.btn_jpg:ative { background:#e44c28; }




#modalLayer{ display:none; position:fixed; left:0; top:0; z-index:99999; width:100%; height:100%; background:#222; opacity:.95}
#modalLayer .modalContent { position:relative; padding:80px 10px 60px 10px;  }
#modalLayer .modal_close { position:relative; text-align:center; padding-top:30px; width:100%}
#modalLayer .modal_close .btn_pop_close { position:relative; text-align:center; padding-top:30px; width:100%}

/* margin */
.mtm1 { margin-top:-1px }
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px }
.mt7 { margin-top:7px }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px }
.mt25 { margin-top:25px }
.mt30 { margin-top:30px }
.mt40 { margin-top:40px }
.mt50 { margin-top:50px }
.mt60 { margin-top:60px }
.ml2 { margin-left:2px }
.ml5 { margin-left:5px }
.ml10 { margin-left:10px }
.ml15 { margin-left:15px }
.ml25 { margin-left:25px }
.ml340 { margin-left:340px }
.mr3 { margin-right:3px }
.mr10 { margin-right:10px }
.mr100 { margin-right:100px }
.mb5 {margin-bottom: 5px}
.mb15 {margin-bottom: 15px}
.mb20 {margin-bottom: 20px}
.mb30 {margin-bottom: 30px}
.mb50 {margin-bottom: 50px}
.pt30 {padding-top: 30px}
.w50 { width:50px }
.w90 { width:90px }
.w85 { width:85px }
.w100 { width:100px }
.w120 { width:120px }
.w127 { width:127px }
.w130 { width:130px }
.w140 { width:140px }
.w150 { width:150px }
.w165 { width:165px }
.w200 { width:200px }
.w210 {width: 210px;}
.w212 {width: 212px;}
.w240 {width: 240px;}
.w277 {width: 277px}
.w674 { width:656px }

.min_w80 {min-width:80px !important;}
.hr{    border-bottom: 1px solid #dedede;}

.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;left: -9999px;} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */

/*도움말- 20181123 추가*/
.page_info {position:absolute;top:10px;right:12px;width:35px;height:35px;background:url('/images_m/new/nav_info.png') no-repeat center 50%;background-size:50px 60px;}
.page_info_con {position:absolute;left:0;right:0;top:3em;z-index:150;line-height:130%; margin:0 12px; border:3px solid #a3d6fa; box-sizing:border-box; background:#fff;/*display:none;*/}
.page_info_con::before {content:"";position:absolute;top:-0.6em;right:0.1em;width:1.2em;height:0.6em;background:url('/images_m/new/box_arrow.png') no-repeat}
.page_info_con .list {padding:0.8em;text-align:left;}
.page_info_con .list.tpye li {padding-left:0;font-size:0.8em;line-height:130%;}
.page_info_con .list li::before {display:none;}
.page_info_con .list li + li {margin-top:1rem;}


/*테마통계-20181126 추가
.theme_wrap li{background:#01539d; }
.theme_wrap li:nth-child(even){background:#30c9d2;} */
.theme_wrap li a{display:block; height: 210px; color:#fff; font-size:14px; /*text-shadow: -1px 1px 3px #000;*/ position:relative;}
/*
.theme_wrap li a::before {position:absolute; content:""; background:url('/images_m/new/theme_icon.png') no-repeat 0 0; background-size:150px; width:120px; height:130px;}
.theme_wrap li.icon01 a::before {top:0;left:0; background-position:-25px -5px}
.theme_wrap li.icon02 a::before {top:0;left:0; background-position:-25px -148px}
.theme_wrap li.icon03 a::before {top:0;left:0; background-position:-25px -293px}
.theme_wrap li.icon04 a::before {top:0;left:0; background-position:-25px -440px}
.theme_wrap li.icon05 a::before {top:0;left:0; background-position:-25px -585px}
.theme_wrap li.icon06 a::before {top:0;left:0; background-position:-25px -733px}
.theme_wrap li.icon07 a::before {top:0;left:0; background-position:-25px -872px}
*/

/*테마통계-20200813 CSS 수정*/
.theme_wrap li:nth-child( 1 ) {background:#01539d; }
.theme_wrap li:nth-child( 2 ) {background:#12b8ba; }
.theme_wrap li:nth-child( 3 ) {background:#e6eff4; }
.theme_wrap li:nth-child( 4 ) {background:#ffd15d; }
.theme_wrap li:nth-child( 5 ) {background:#3d4959; }
.theme_wrap li:nth-child( 6 ) {background:#3397f5; }
.theme_wrap li:nth-child( 7 ) {background:#fc6f58; }

.theme_wrap li a::before {position:absolute; content:""; width:120px; height:210px;}
.theme_wrap li.icon00 a::before  { background:url(/images_m/new/icon_0.png) no-repeat right bottom;   background-size:20% 70%; width:100%; }
.theme_wrap li.icon01 a::before  { background:url(/images_m/new/icon_1.png) no-repeat right bottom;   background-size:17% 55%; width:100%; }
.theme_wrap li.icon02 a::before  { background:url(/images_m/new/icon_2.png) no-repeat right bottom;   background-size:17% 55%; width:100%; }
.theme_wrap li.icon03 a::before  { background:url(/images_m/new/icon_3.png) no-repeat right bottom;   background-size:17% 55%; width:100%; }
.theme_wrap li.icon04 a::before  { background:url(/images_m/new/icon_4.png) no-repeat right bottom;   background-size:17% 55%; width:100%; }
.theme_wrap li.icon05 a::before  { background:url(/images_m/new/icon_5.png) no-repeat right bottom;   background-size:17% 55%; width:100%; }
.theme_wrap li.icon06 a::before  { background:url(/images_m/new/icon_6.png) no-repeat right bottom;   background-size:17% 55%; width:100%; }

.theme_wrap li.icon00 a span { display:block; padding-left:0px; padding-top:71px; text-align:center; line-height:18px; font-size:36px;}
.theme_wrap li a span{display:table-cell; padding-left:30px; vertical-align:middle; height:210px; font-size:31px; font-weight:bold; }
.theme_wrap li a span p{height:32px; font-size:16px; font-weight:300; line-height:24px;}


/*알리미소개*/
.alrimi_info {position:relative; height:330px; background:#40b1e6; text-align:center}
/*.alrimi_info {position:relative; height:330px; background:url('/images_m/new/m_sec1_bg.jpg') no-repeat center 0 #333; background-size:cover; text-align:center}*/
.alrimi_info > div{margin:0 auto; max-width:600px}
.alrimi_info > div > div {text-align:center; color:#fff; font-size:15px; /*text-shadow: -1px 1px 3px #000;*/ display:table-cell; height:330px; vertical-align:middle; padding:0 10px}
.alrimi_info > div > div img{width:150px}
.alrimi_info > div > div p{font-weight:bold; font-size:18px; margin:10px 0}

.alrimi01{width:100%; margin:0 auto; font-size:15px; color:#3a3a3a}
.alrimi01 h3{font-size:18px; font-weight:bold; color:#000}
.alrimi01 .alrimi_movie{width:100%; margin:7px auto 0 auto; text-align:center}
.alrimi01 .alrimi_movie video span{color:#fff; display:block; width:100%; background:#000; line-height:200px;}

.alrimi02 h3{font-size:18px; font-weight:bold; color:#000}
.alrimi02 .bg_box{width:100%; background:#619cf3; margin-top:7px; padding:15px}
.alrimi02 .bg_box > p{color:#fff; text-align:center; padding:10px 0 20px 0}
.alrimi02 .bg_box li{height:80px; box-sizing:border-box; margin-bottom:15px; font-size:15px; color:#3a3a3a; border-radius:3px}
.alrimi02 .bg_box li:last-child{margin-bottom:0}
.alrimi02 .bg_box li.icon01{background:#fff url('/images_m/new/intro_icon_01.png') 10px 50% no-repeat; background-size:60px}
.alrimi02 .bg_box li.icon02{background:#fff url('/images_m/new/intro_icon_02.png') 10px 50% no-repeat; background-size:60px}
.alrimi02 .bg_box li.icon03{background:#fff url('/images_m/new/intro_icon_03.png') 10px 50% no-repeat; background-size:60px}
.alrimi02 .bg_box li.icon04{background:#fff url('/images_m/new/intro_icon_04.png') 10px 50% no-repeat; background-size:60px}
.alrimi02 .bg_box li.icon05{background:#fff url('/images_m/new/intro_icon_05.png') 10px 50% no-repeat; background-size:60px}
.alrimi02 .bg_box li.icon06{background:#fff url('/images_m/new/intro_icon_06.png') 10px 50% no-repeat; background-size:60px}
.alrimi02 .bg_box li span{display:table-cell; height:80px;; vertical-align:middle; padding-left:80px}
.alrimi02 .bg_box li span p{color:#000; font-size:18px; font-weight:bold}

.alrimi03 h3{font-size:18px; font-weight:bold; color:#000}
.alrimi03 .bg_box{width:100%; margin-top:7px; background:url('/images_m/new/intro_image_bg.png') repeat; background-size:100px; text-align:center; padding:20px 10px; font-size:15px}
.alrimi03 .bg_box img{width:280px; margin-top:15px}
.alrimi03 .bg_box span{color:#1f66c8; font-weight:bold}



/*어린이배움교실 메인*/
.child_visual{background:#ddf3ff; height:115px; border:1px solid #ddf3ff; margin-bottom:45px}
.child_visual div{background:url('/images_m/new/image_left.png') left bottom no-repeat, url('/images_m/new/image_right.png') right bottom no-repeat; text-align:center; height:145px; background-size:106px 122px}
.child_visual div img{width:280px; margin-top:20px}

.child_main li{margin-bottom:10px}
.child_main li a{display:block; height:80px; color:#fff; font-size:17px; position:relative; background:#1a8cf6; padding:0 10px}
.child_main li a::before {position:absolute; content:""; width:60px; height:60px;}
.child_main li.icon01 a::before {top:10px;left:20px; background:url('/images_m/new/image_icon2_01.png') no-repeat 0 0; background-size:60px}
.child_main li.icon02 a::before {top:10px;left:20px; background:url('/images_m/new/image_icon2_02.png') no-repeat 0 0; background-size:60px} 
.child_main li.icon03 a::before {top:10px;left:20px; background:url('/images_m/new/image_icon2_03.png') no-repeat 0 0; background-size:60px} 
.child_main li a span{display:table-cell; padding-left:85px; vertical-align:middle; height:80px; line-height:18px}


/*어린이배움교실 서브*/
.child_img li{margin-bottom:5px; text-align:center}
.child_img li:first-child{margin-top:15px}
.child_img li img{margin-bottom:5px; width:100%; max-width:550px; min-width:300px}

.child_img_map{background:url('/images_m/new/m_sub3_image01.png') no-repeat; background-size:340px; height:240px; position:relative; width:340px; margin:0 auto}
.child_select{position:absolute; top:0; left:0; width:160px; height:40px}
.txt_yesan{position:absolute; top:60px; left:200px; font-size:25px; color:#fff; text-align:center; width:100px; height:65px; line-height: 30px}



/*일반인배움교실 메인*/
.adult_visual{background:#deedf9; height:110px; text-align:center}
.adult_visual img{height:110px; min-width:320px}

.adult_main li{margin-bottom:10px}
.adult_main li:first-child{margin-top:15px}
.adult_main li a{display:block; height:80px; color:#fff; font-size:17px; position:relative; background:#1a8cf6; padding:0 10px}
.adult_main li a::before {position:absolute; content:""; width:60px; height:60px;}
.adult_main li.icon01 a::before {top:10px;left:20px; background:url('/images_m/new/image_icon1_01.png') no-repeat 0 0; background-size:60px}
.adult_main li.icon02 a::before {top:10px;left:20px; background:url('/images_m/new/image_icon1_02.png') no-repeat 0 0; background-size:60px} 
.adult_main li.icon03 a::before {top:10px;left:20px; background:url('/images_m/new/image_icon1_03.png') no-repeat 0 0; background-size:60px} 
.adult_main li.icon04 a::before {top:10px;left:20px; background:url('/images_m/new/image_icon1_04.png') no-repeat 0 0; background-size:60px} 
.adult_main li a span{display:table-cell; padding-left:85px; vertical-align:middle; height:80px; line-height:18px}


/*일반인배움교실 서브*/
.listFolder {width:100%; margin:20px auto 0 auto}
.listFolder dt{position:relative; border:2px solid #2d88dc; height:45px; line-height:42px; box-sizing:border-box; margin-bottom:10px; font-weight:bold;}
.listFolder dt img{width:30px}
.listFolder dt:before{content:""; display:block; position:absolute;  top:5px; right:0; height:30px; width:30px; border-left:1px solid #adadad; background:url('/images_m/new/01_sub_icon_arrow_down.png') 50% 50% no-repeat; background-size:15px;}
.listFolder dt a{position:relative; display:block; height:45px; padding:0 0 0 5px; color:#163970; font-size:0.85em; letter-spacing:-1px; font-weight:bold; line-height:42px}
.listFolder dt a img{vertical-align:middle; margin:-4px 5px 0 0}
.listFolder dt.on{background:#1365b2; border:2px solid #1365b2; box-sizing:border-box}
.listFolder dt.on:before{border-left:1px solid #fff; background:url('/images_m/new/01_sub_icon_arrow_up.png') 50% 50% no-repeat; background-size:15px;}
.listFolder dt.on a{color:#fff}
.listFolder dd {padding:10px; word-spacing:2px; word-break:keep-all; overflow:auto;  overflow-x:scroll; border:1px solid #dee6ec; border-top:none; margin:-10px 0 10px 0; font-size:0.8rem; letter-spacing:-1px; color:#666; }
.listFolder dd a{color:black}
.listFolder dd strong {color:#4173d1}
.listFolder dd p.msg_caution2{text-align:right; color:black; padding-bottom:15px}
.listFolder > dt .sub_icon1_01{position:relative;background:url('/images_m/new/01_sub_icon_1_01.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon1_02{position:relative;background:url('/images_m/new/01_sub_icon_1_02.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ; }
.listFolder > dt .sub_icon_2_01{position:relative;background:url('/images_m/new/01_sub_icon_2_01.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_2_02{position:relative;background:url('/images_m/new/01_sub_icon_2_02.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ; }
.listFolder > dt .sub_icon_2_03{position:relative;background:url('/images_m/new/01_sub_icon_2_03.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_2_04{position:relative;background:url('/images_m/new/01_sub_icon_2_04.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_2_05{position:relative;background:url('/images_m/new/01_sub_icon_2_05.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_2_06{position:relative;background:url('/images_m/new/01_sub_icon_2_06.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_3_01{position:relative;background:url('/images_m/new/01_sub_icon_3_01.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_3_02{position:relative;background:url('/images_m/new/01_sub_icon_3_02.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_3_03{position:relative;background:url('/images_m/new/01_sub_icon_3_03.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_3_04{position:relative;background:url('/images_m/new/01_sub_icon_3_04.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_3_05{position:relative;background:url('/images_m/new/01_sub_icon_3_05.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_4_01{position:relative;background:url('/images_m/new/01_sub_icon_4_01.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_4_02{position:relative;background:url('/images_m/new/01_sub_icon_4_02.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon1_01.on{position:relative;background:url('/images_m/new/01_sub_icon_1_01_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px;}
.listFolder > dt .sub_icon1_02.on{position:relative;background:url('/images_m/new/01_sub_icon_1_02_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_2_01.on{position:relative;background:url('/images_m/new/01_sub_icon_2_01_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_2_02.on{position:relative;background:url('/images_m/new/01_sub_icon_2_02_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_2_03.on{position:relative;background:url('/images_m/new/01_sub_icon_2_03_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_2_04.on{position:relative;background:url('/images_m/new/01_sub_icon_2_04_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_2_05.on{position:relative;background:url('/images_m/new/01_sub_icon_2_05_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_2_06.on{position:relative;background:url('/images_m/new/01_sub_icon_2_06_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_3_01.on{position:relative;background:url('/images_m/new/01_sub_icon_3_01_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_3_02.on{position:relative;background:url('/images_m/new/01_sub_icon_3_02_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_3_03.on{position:relative;background:url('/images_m/new/01_sub_icon_3_03_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_3_04.on{position:relative;background:url('/images_m/new/01_sub_icon_3_04_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_3_05.on{position:relative;background:url('/images_m/new/01_sub_icon_3_05_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_4_01.on{position:relative;background:url('/images_m/new/01_sub_icon_4_01_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_4_02.on{position:relative;background:url('/images_m/new/01_sub_icon_4_02_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}
.listFolder > dt .sub_icon_4_02.on{position:relative;background:url('/images_m/new/01_sub_icon_4_02_f.png') 4px 43% no-repeat;position:relative;text-indent: 33px;background-size:30px ;}




/*주민참여예산제도-서브*/
h3.tit_h3_budget{font-weight:800; font-size:0.8em; background:url('/images_m/new/02_sub_blet.png') top left no-repeat; background-size:25px; height:40px; line-height:40px; margin:30px 0 20px 0}
.budget{font-size:0.8em; line-height:1.7em; padding-top:5px}
.budget strong {color:#4173d1;}

.tbl_budget {width:100%; font-size:0.7em; border-bottom:1px solid #dadce0;}
.tbl_budget span {display:block;}
.tbl_budget thead th {line-height:2.2em;font-size:1.4em;color:#1b386e;background:#eff8f9;border-left:1px solid #dadce0; border-top:1px solid #dadce0; border-bottom:none;}
.tbl_budget thead th:last-child {border-right:1px solid #dadce0}
.tbl_budget tbody th {font-size:1.4em;height:58px;border:1px solid #dadce0; border-right:none; border-bottom:none; text-align:center;padding:3px; font-weight:normal; letter-spacing:-1px}
.tbl_budget tbody th:last-child {border-right:1px solid #dadce0}

a.btn_blue {display:inline-block; padding:5px; background:#367ad7; border-radius:4px; text-align:center; color:#fff; font-size:0.9em; transition:all 0.3s ease; }

.tbl_budget2 {width:100%; margin:10px auto 0 auto; padding:0; border-collapse:collapse; border-top:2px solid #3297f5}
.tbl_budget2 td{border:1px solid #e5e5e5; padding:7px}
.tbl_budget2 td:nth-child(1){width:80px; text-align:center}/* child 익스8지원안됨*/
.tbl_budget2 td:nth-child(1) img{vertical-align:middle; width:55px}
.tbl_budget2 td:nth-child(2){text-align:center; font-size:0.8em; color:#163970; font-weight:800;}
.tbl_budget2 td:nth-child(3){ font-size:0.8em; line-height:1.7em}


/*주민참여예산제도-메인*/
.visual_budget {position:relative; height:280px; background:#b9dcf1; text-align:center}
.visual_budget > div{margin:0 auto; max-width:600px}
.visual_budget > div > div {text-align:center; color:#000; font-size:0.8em; display:table-cell; height:280px; vertical-align:middle; padding:0 10px}
.visual_budget > div > div img{width:150px}
.visual_budget > div > div p{font-weight:bold; font-size:18px; margin:7px 0}

.menu_budget li{margin-top:10px; border:1px solid #e4e4e4; position:relative}
.menu_budget li:after{content:""; position:absolute; right:0; top:35%; padding-right:10px; display:block; width:25px; height:20px; background:url('/images_m/new/01_main_icon_goto_f.png') 5px 50% no-repeat; background-size:20px;}
.menu_budget li a{display:block; padding-right:30px; height:80px; color:#666; font-size:0.8em; position:relative; z-index:10}
.menu_budget li a::before {position:absolute; content:""; background:url('/images_m/new/budget_icon.png') no-repeat 0 0; background-size:70px; width:70px; height:70px; left:5px; top: 0px}
.menu_budget li.icon01 a::before {top:3px;left:5px; background-position:0 0} 
.menu_budget li.icon02 a::before {top:3px;left:5px; background-position:0 -70px} 
.menu_budget li.icon03 a::before {top:3px;left:5px; background-position:0 -140px} 
.menu_budget li.icon04 a::before {top:3px;left:5px; background-position:0 -210px} 
.menu_budget li a span{display:table-cell; padding-left:85px; vertical-align:middle; height:80px; line-height:18px}
.menu_budget li a span p{font-size:1.1em; font-weight:bold; color:#1c58bc}


/*교육청재정*/
table.tbl_board_list {width:100%; margin:0; padding:0; border-top:1px solid #3297f5; border-collapse:collapse}
table.tbl_board_list th {padding:5px; border:1px solid #d4d7de; border-top:none; background:#edf5fa; letter-spacing:-0.5px; color:#163970; font-size:0.9em; font-weight:bold}
table.tbl_board_list td {padding:5px; border:1px solid #d4d7de; text-align:center; font-size:0.9em; box-sizing:border-box; color:#333}
table.tbl_board_list td img{width:30px; vertical-align:middle}

a.btn_go {display:inline-block; background:#0d4a83; min-width:55px; margin:0 auto; font-size:0.9em; height:25px; padding:0 15px; line-height:25px; text-align:center; color:#fff; transition:all 0.3s ease; }

/*label*/
.lab {position:absolute; left:-9999px}



/*맞춤형검색*/
.search_tit2{background:#bbddf7; border-top:2px solid #1b386e; height:45px; color:#000; font-size:0.9em; line-height:45px; padding:0 10px}
.search_tit2 span{width:30px; height:30px; display:inline-block; border-radius:50%; background:#185796; color:#fff; text-align:center; line-height:30px; margin-right: 5px}
.search_tit2 a{float:right; display:inline-block; width:75px; height:30px; box-sizing:border-box; padding:0 10px 0 25px; line-height:30px; color:#fff; font-weight:normal; margin-top:6px; border-radius:3px}
.search_tit2 a.reflash{background:#3397f5 url('/images_m/new/icon_refresh.png') 5px 50% no-repeat; background-size:17px}
.search_tit2 a.search{background:#3397f5 url('/images_m/new/icon_search.png') 5px 50% no-repeat; background-size:16px; text-align:center}

.search_tab li a{display:block; float:left; width:33.3%; height:45px; text-align:center; color:#333; line-height:45px; font-size:0.9em;  border:1px solid #dcdcdc; border-right:none; border-top:none; background:#f3f3f3}
.search_tab li a.on{border-bottom:none; background:#fff; color:#1c427b;}
.search_tab li:last-child a{border-right:1px solid #dcdcdc}

.search_con{clear:both; border:1px solid #dcdcdc; border-top:none; padding:10px}

.search_box{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #dcdcdc; text-align:center}
.search_box input{height:32px; padding:0 17px 0 8px; background: #fff; border:1px solid #7b7b7b; color:#444; font-size:0.75em; width:70%}
.search_box .sel_la{font-size:0.85em}

.search_list{width:100%; white-space:nowrap; line-height:25px; overflow:auto;  overflow:scroll; max-height:300px}

.btn_wrap{margin:20px; text-align:center}
.btn_wrap a{display:inline-block; width:75px; height:30px; box-sizing:border-box; padding-left:10px; box-sizing:border-box; line-height:30px; color:#fff; font-size:0.9em; font-weight:normal; margin-top:6px; border-radius:3px}
.btn_wrap a.btn_add {background:#185796 url('/images_m/new/arrow01.gif') 15px 50% no-repeat; background-size:10px}
.btn_wrap a.btn_del {background:#185796 url('/images_m/new/arrow02.gif') 15px 50% no-repeat; background-size:10px}


table.search_tbl {width:100%; margin:0; padding:0; border-collapse:collapse}
table.search_tbl tr{border-bottom:1px solid #dcdcdc}
table.search_tbl tr:last-child{border-bottom:none}
table.search_tbl th{background:#f2f2f2}
table.search_tbl th, table.search_tbl td {padding:5px; font-size:0.9em; color:#333}
table.search_tbl td li{float:left; margin:3px 10px 3px 0}
table.search_tbl td li input{vertical-align:middle}



/*지자체 학생 1인당 교육투자액은?*/
.graph_box2 {box-sizing:border-box;text-align:center;color:#333; width:310px; display:table; margin:10px auto 0 auto}
.graph_box2 .left {float:left}
.graph_box2 .right {float:right}
.graph_box2 .left .cycle {text-align:left}
.graph_box2 .right .cycle {background:#fff;text-align:center}

.graph_box2 .cycle dt {font-size:14px}
.graph_box2 .cycle dd {font-weight:bold}
.graph_box2 .cycle dd span {display:block}
.graph_box2 .cycle dd em {display:inline-block; padding-top:40px; font-size:13px; font-weight:normal;line-height:100%;}
.graph_box2 .left dl{padding-top:17px; padding-left:60px; width:150px; height:69px}
.graph_box2 .left dl:first-child {padding-left:60px; margin-bottom:10px; background:url('/images_m/new/menu1_img01.png') no-repeat 0 0; background-size:150px 69px}
.graph_box2 .left dl + dl {padding-top:17px; background:url('/images_m/new/menu1_img02.png') no-repeat 0 0; background-size:150px 69px}
.graph_box2 .left .cycle dd {font-size:15px;}
.graph_box2 .right dl{width:150px; height:147px; background:url('/images_m/new/menu1_img03.png') no-repeat 0 0; background-size:150px 147px}
.graph_box2 .right dl:first-child {padding-top:15px}
.graph_box2 .right .cycle dd {line-height:0; font-size:40px; padding-top:50px}

.graph_box2.second .left dl:first-child  {background:url('/images_m/new/menu2_img01.png') no-repeat 0 0; background-size:150px 69px}
.graph_box2.second .left dl + dl  {background:url('/images_m/new/menu2_img02.png') no-repeat 0 0; background-size:150px 69px}
.graph_box2.second .left dl + dl dd {letter-spacing: -0.5px;font-size: 15px;}
.graph_box2.second .right dl  {background:url('/images_m/new/menu2_img03.png') no-repeat 0 0; background-size:150px 147px}


.dailyInp{font-size: 0.7em; width: 70px; padding: 0px; text-align: center;}



/*설문조사*/
.wrap_research{width:100%}
.wrap_research .research_tit{width:100%; height:50px; background:#cde4f9  right 0 no-repeat; padding-left:60px; box-sizing:border-box;  border: 1px solid #81b5e6; position: relative;}
.wrap_research .research_tit h1:before{content:""; width:35px; height:35px; position:absolute; top:7px; left:15px; background:url('/images_m/new/research_bg01.png') no-repeat; background-size:35px; }

.wrap_research .research_tit h1{float:left; display:inline-block; font-size:0.95em; font-weight:normal; font-family:'NanumSquareRound','Nanum Barun Gothic', sans-serif; letter-spacing:-1px; color:#000000; height:50px; line-height:50px; }
.wrap_research .research_tit a{float:right; margin:20px 20px 0 0}
.wrap_research .research_content{padding:15px; border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;}
.bg_gray{background:#ededed}
.bg_white{background:#fff}
.wrap_research .research_content .txt{font-family:'NanumSquareRound','Nanum Barun Gothic', sans-serif; font-weight:normal; color:#333; font-size:0.85em; letter-spacing:-1px; background:url('/images_m/new/pop_icon.png') 0 0 no-repeat; background-size:20px; padding-left:25px; line-height:20x; margin-bottom:10px}
.wrap_research .research_content .box{border:1px solid #d3d3d3; background:#fff; padding:15px; min-height:200px; font-size:0.85em;}
/*.wrap_research .research_content .box input[type='text']{border:1px solid #7b7b7b; height: 32px; pause: 0 12px; font-size: 0.85em; vertical-align: top}*/
.wrap_research .research_content .box .tit{color:#0072bc; margin-bottom:5px; font-size: 1.1em; line-height: 25px}
.wrap_research .research_content .sv_check {font-size: 0.85em;}

.wrap_research table{width:100%; margin:0; padding:0; border-top:2px solid #969696; border-collapse:collapse}
.wrap_research table th {padding:7px; border:1px solid #ccc; background:#f5f5f5; letter-spacing:-0.5px; color:#000; font-size:1em; text-align:left;}
.wrap_research table td {padding:7px; border:1px solid #ccc; font-size:1em; box-sizing:border-box; color:#333; line-height: 40px}
.wrap_research table td input, .wrap_research table td textarea, .wrap_research table td select {border:1px solid #ccc; height:30px; font-size: 1em}

.wrap_research .research_content .btn{margin-top:10px; text-align:right}
a:link.bt_research, a:visited.bt_research, a:active.bt_research {
	color:#fff;
	font-weight:400;
	display:inline-block; 
	vertical-align:middle; 
	padding:8px 30px;
	font-size:14px; 
	box-sizing:border-box;
	background:#147ad9;
	border-radius:3px;
	text-decoration:none;
	-webkit-transition:background-color .3s;  /*익스10부터 지원, 크롬 및 파폭도 상위버전만 지원*/
	-moz-transition:background-color .3s; 
	-ms-transition:background-color .3s; 
	transition:background-color .3s
}
a:hover.bt_research {background:#01366a}

a:link.btn_survey, a:visited.btn_survey, a:active.btn_survey{background: #2283e2; color: #fff; padding: 5px 20px; display: inline-block;; font-size: 0.85em }


/* 뉴스레터구독버튼  */
.btn_news{background: url(/images/content/newsletter_icon_subscribe.png) no-repeat 0 0; width:183px;height: 40px; display: inline-block;}

a.btn_join { display:inline-block; padding:6px 8px 6px 23px; width:72px; text-align:center; color:#fff;  vertical-align: middle; font-size:0.8em; background:#367ad7 url('/images_m/new/icon_letter.png') 5px 50% no-repeat; background-size:20px }
span.munit{float: right;font-size: 0.7em;color: #666;}



/*뉴스레터*/
.letter_txt{font-size:0.85em; line-height:1.5em}
.letter_box{border:1px solid #dedede; padding:10px; margin-top: 5px}
.letter_box .tit{line-height:35px; font-size:0.85em}
.letter_box .box{border:1px solid #e9e9e9; background:#f5f5f5; padding:10px; line-height:22px; color:#666; font-size:0.85em}
.letter_box .box p{color:#0064ac; margin-bottom:5px}
.letter_box .checkBox { text-align:right; font-size: 0.85em}
.letter_box .checkBox *{height:40px; line-height:40px; color:#666;}
.letter_box table{width:100%; margin:0; padding:0; border-top:1px solid #969696; border-collapse:collapse; margin-top:30px}
.letter_box table th {padding:15px 5px; border-bottom:1px solid #ccc; background:#f5f5f5; letter-spacing:-0.5px; color:#000; font-size:0.85em}
.letter_box table td {padding:15px 5px; border-bottom:1px solid #ccc; font-size:16px; box-sizing:border-box; line-height:40px; color:#333; font-size: 0.85em}
.letter_box table td input, .letter_box table td select{border:1px solid #ccc; height: 32px; font-size: 0.95em}
.letter_box a.btn_ok{background:#3297f5; color:#fff; padding:8px 20px; margin:20px auto; display:block; font-size:0.85em; box-sizing:border-box; text-align:center;}

/*Q&A*/
.qna_step01{width:4rem; height:2.0rem; display:inline-block; line-height:2.0rem; font-size:1rem; font-weight:normal; text-decoration:none; text-align:center !important; color:#fff;background:#6ea81c;}
.qna_step02{width:4rem; height:2.0rem; display:inline-block; line-height:2.0rem; font-size:1rem; font-weight:normal; text-decoration:none; text-align:center !important; color:#fff;background:#3875c9;}
.qna_step03{width:4rem; height:2.0rem; display:inline-block; line-height:2.0rem; font-size:1rem; font-weight:normal; text-decoration:none; text-align:center !important; color:#fff;background:#ea8527;}
.qna_step04{width:4rem; height:2.0rem; display:inline-block; line-height:2.0rem; font-size:1rem; font-weight:normal; text-decoration:none; text-align:center !important; color:#fff;background:#7c7c7c;}


/*QnA버튼*/
.btn_wrap2 p:first-child{float: left;}
.btn_wrap2 p:last-child{float: right;}
.button01 {width:8rem;height:3.9rem;line-height:3.9rem;text-align:center;color:#fff!important; background:#206db4}
.button02 {width:8rem;height:3.9rem;line-height:3.9rem;text-align:center;color:#fff!important; background:#2283e2}




/**/
.tip_box2 {position:relative; min-height:65px; box-sizing:border-box;background:#e3f2fd;border:1px solid #bbdefb; display: block}
.tip_box2:before {content:"";position:absolute;left:0;top:0;width:65px;height:65px;background:url(/images_m/common/icon_sp.png) no-repeat 0 -220px;}
.tip_box2 p {display: table-cell; vertical-align: middle; height:65px}
.tip_box2 p span{padding-left:70px;color:#1b386e;font-size:0.85em;line-height:20px;}

.tit_type6 {display:block;padding:36px 0 7px;font-size:1em;color:#333;}
.tit_type6 span{vertical-align: middle;}

.tbl_join {width:100%;border-collapse:collapse;border-spacing:0;}
.tbl_join th {border: #bac7db 1px solid; background-color: #e8ecf3; color: #1c427b; text-align:center; padding:8px 12px; font-size: 0.85em}
.tbl_join td {border: #bac7db 1px solid; vertical-align:middle;text-align: center; padding:8px 12px; font-size: 0.85em}
.tbl_join td input{font-size: 0.95em}

.icon {display:inline-block;width:18px;height:18px;background:url(/images_m/common/icon_sp.png) no-repeat 1px 0;}
.icon.join {width:20px;height:20px;background-position:-80px -245px;}

.btn_entry {height:50px;line-height:50px;background:#4173d1;font-size:0.95em;color:#fff;vertical-align:middle;}
.btn_entry.tpye2 {height:30px;line-height:30px;border: 0; padding: 0 10px}

.msg_caution {margin:12px 0 10px;font-size:0.85em;color:#1b386e;}
.msg_caution span{vertical-align: middle;}
.msg_caution .icon.caution {margin:0 5px 0 0;}
.icon.caution {width:16px;height:16px;background-position:-80px -220px;}

.center_box {text-align:center; padding-top:10px;}
a.btn_join01{vertical-align:middle; font-size:0.85em; display:inline-block;min-width:100px;height:40px;line-height:40px;box-sizing:border-box;text-align:center;color:#fefefe; background:#2283e2;}
a.btn_join02{vertical-align:middle; font-size:0.85em; display:inline-block;min-width:100px;height:40px;line-height:40px;box-sizing:border-box;text-align:center;color:#666; background:#fff;border:1px solid #999;}