/* Written By MJS */

@font-face{font-family:'NotoSerifKR'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

*{-webkit-text-size-adjust:none}
html,body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,input,textarea,button,select{font-size:12px;margin:0;padding:0;font-family:'Noto Sans KR',sans-serif;font-weight:normal}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{border:0;padding:0;margin:0;text-decoration:none;color:#333}
ol,ul,dl{list-style:none}
img{float:left;border:0;padding:0;margin:0;}
legend,caption{display:none}
table{border-collapse:collapse;border-spacing:0}
input,button{vertical-align:middle;padding:0;border:0;margin:0;}
select{padding:0;border:0;margin:0;}

body{min-width:320px;max-width:1000px;height:100%;margin:0 auto;}
.font{font-family:'NotoSerifKR' !important;}





/*================================== 상단 ==================================*/
#main-navbar{position:relative;float:left;z-index:10;width:92%;padding:4% 4% 3% 4%;background:#fff;border-bottom:1px solid #ccc;z-index:1000;}
#toggle-sidebar{float:left;width:12%;cursor:pointer;z-index:1000000;}
a.call{float:left;width:12%;}

/* 로고 */
.logo{position:relative;float:left;width:54%;margin:0 11%;}
.logo a{float:left;width:100%;}
.logo a img{float:left;width:100%;}


#main-sidebar{position:fixed;top:0;bottom:0;background:#e5e5e5;}
#main-sidebar .close-sb{height:48px;line-height:48px;background:#333;padding:0 0 0 3%;border-bottom:1px solid #000;font-size:18px;color:#fff;cursor:pointer;}
#main-sidebar ul li > a{display:block;line-height:18px;padding:12px 5%;border-bottom:1px solid #ccc;font-size:16px;font-weight:600;color:#444;}
#main-sidebar ul li > a:hover{background:#333;border-bottom:1px solid #010101;color:#fff;}
#main-sidebar ul li li > a{display:block;padding:8px 5%;background:#f7f7f7;border-bottom:1px solid #dedee0;font-size:13px;color:#888;}





/*================================== 메인 ==================================*/
/* 슬라이드 멘트 */
.ment{position:absolute;top:9%;left:0;width:100%;text-align:center;}
.ment p{position:relative;float:left;width:100%;line-height:26px;font-size:16px;color:#444;}
.ment p b{font-size:20px;font-weight:600;}
.ment p b.sdc1{color:#018bad;}
.ment p b.sdc2{color:#009e91;}

/* 메인 타이틀 */
.mtitle1{position:relative;float:left;width:100%;line-height:32px;font-size:24px;font-size:300;text-align:center;color:#fff;margin-bottom:4%;}
.mtitle1 b{font-weight:600;}
.mTitle3{float:left;width:100%;line-height:100%;font-size:24px;text-align:center;color:#042e56;}


/* 메인 뒤 비치는 배경 */
.main_bg{position:fixed;left:0;top:0;width:100%;height:2000px;background:url(../img/pattern.png) no-repeat top center;background-size:150%;z-index:-10;}


/* 주요사업 */
#business{position:relative;float:left;width:92%;padding:8% 4%;background:#135796;z-index:100;overflow:hidden;}
ul.busi_list{position:relative;float:left;width:100.3%;}
ul.busi_list li{float:left;width:100%;margin-top:2px;background:#248de6;}
ul.busi_list li a{position:relative;float:left;width:88%;margin:0 6%;background:url(./img/bn_arrow.png) no-repeat 100% 50%;background-size:8px;}
ul.busi_list li a img{position:absolute;left:0;top:50%;width:34px;margin:-17px 0 0 0;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;}
ul.busi_list li a b{display:inline-block;width:76%;line-height:19px;font-size:15px;color:#fff;margin:14px 0 14px 50px;}


/* 공지사항, 언론보도 */
#cont_btm{position:relative;float:left;width:92%;padding:8% 4%;background:#fff;z-index:100;;}
#tab_w{position:relative;float:left;width:99.5%;border:1px solid #ccc;}
.tab_board{position:relative;float:left;width:100.8%;height:46px;border-bottom:1px solid #ccc;margin:-1px 0 0 -1px;}
.tablinks{float:left;width:50%;line-height:46px;height:46px;font-size:18px;font-weight:400;color:#777;background:#f2f2f2;border:1px solid #ccc;border-bottom:none;margin-right:-1px;}
.tablinks.active{line-height:46px;height:47px;font-weight:600;color:#222;background:#fff;}
ul.board_list{float:left;width:92%;padding:3% 4%;}
ul.board_list li{float:left;width:100%;}
ul.board_list li a{float:left;width:75%;line-height:26px;font-size:13px;color:#444;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.board_list li span{float:left;width:25%;line-height:26px;text-align:right;font-size:12px;font-weight:300;color:#999}


/* 주요사업, 진흥원소개 */
.banner{position:relative;float:left;width:100.2%;background:#fff;margin-top:-1px;}
.banner a{position:relative;float:left;width:41.6%;height:64px;padding:18px 4%;border:1px solid #ccc;margin-right:-1px;}
.bn_bg1{position:absolute;right:0;bottom:0;width:80px;height:80px;background:url(../img/bn_icon3.png) no-repeat;background-size:100%;filter:alpha(opacity=20);opacity:0.2;-moz-opacity:0.2;}
.bn_bg2{position:absolute;right:0;bottom:0;width:80px;height:80px;background:url(../img/bn_icon2.png) no-repeat;background-size:100%;filter:alpha(opacity=20);opacity:0.2;-moz-opacity:0.2;}
.banner a b{float:left;width:100%;line-height:26px;font-size:20px;font-weight:600;letter-spacing:-1px;margin-bottom:5px;}
.banner a p{float:left;width:100%;line-height:16px;font-size:12px;font-weight:300;color:#888;}


/* 고객센터 */
#customer{position:relative;float:left;width:320px;height:229px;padding-top:30px;text-align:center;background:#e1edf7;}
.cs_title{float:left;width:100%;line-height:100%;height:46px;font-size:24px;font-weight:600;text-align:center;color:#042e55;background:url(../img/line.gif) no-repeat center 44px;background-size:50px;margin-bottom:12px;}
.cs_num{display:inline-block;line-height:36px;font-size:36px;font-weight:600;letter-spacing:-3px;padding-left:38px;color:#1081ea;background:url(../img/cs_icon.png) no-repeat left 6px;}
#customer p{float:left;width:100%;line-height:19px;font-size:14px;font-weight:300;color:#555;margin-top:12px;}
.cs_add{position:absolute;left:0;bottom:0;width:100%;height:13px;line-height:13px;padding:20px 0;background:#1e69af;}
.cs_add span{display:inline-block;font-size:13px;font-weight:300;color:#fff;padding-left:14px;background:url(../img/cs_map.png) no-repeat 0 1px;}


/* 유관기관 */
.f_rolling{position:relative;float:left;width:100%;padding:10px 0;background:#f0f0f0;overflow:hidden;z-index:1000;}
.f_rolling_w{position:relative;width:1200px;height:50px;margin:0 auto;overflow:hidden;}
#f_roll{position:absolute;left:0;width:1600px;}
#f_roll a{float:left;width:160px;border:1px solid #e0e0e0;background:#fff;display:block;line-height:50px;font-size:13px;font-weight:800;letter-spacing:-1px;text-align:center;margin:0 1px;}
#f_roll a img{float:left;width:100%;}





/*================================== 하단 ==================================*/
#footer{position:relative;float:left;width:100%;background:#2e3343;}

.logo_bg{position:relative;float:left;width:100%;margin:4% 0;}
.logo_bg img{float:left;width:40%;margin:0 30%;}

.copy{position:relative;float:left;width:100%;text-align:center;padding-top:6%;}
.copy p{float:left;width:100%;line-height:16px;font-size:11px;font-weight:300;color:#fff;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;}


/* 버튼 style */
#button{position:relative;float:left;width:100%;background:#2e3343;padding:6% 0 8% 0;text-align:center;}
.btn{margin:1%;padding:2% 4%;font-size:12px;color:#fff;border:none;background:rgba(255, 255, 255, 0.2);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
behavior:url(ie-css3.htc);}






/*================================== 서브 레이아웃 style ==================================*/
#sub_content{position:relative;float:left;width:100%;height:auto;min-width:320px;}


/* 서브 메뉴 */
.sub_bg1{position:fixed;left:0;top:0;width:100%;height:1300px;background:url(../img/sub_visual2.jpg) no-repeat center -80px;background-size:150%;z-index:1;overflow-x:hidden;}
.sub_bg2{position:fixed;left:0;top:0;width:100%;height:1300px;background:url(../img/sub_visual3.jpg) no-repeat center -70px;background-size:150%;z-index:1;overflow-x:hidden;}
.sub_bg3{position:fixed;left:0;top:0;width:100%;height:1300px;background:url(../img/sub_visual4.jpg) no-repeat center -100px;background-size:150%;z-index:1;overflow-x:hidden;}
.sub_bg4{position:fixed;left:0;top:0;width:100%;height:1300px;background:url(../img/sub_visual1.jpg) no-repeat center -50px;background-size:150%;z-index:1;overflow-x:hidden;}

.sub_top{position:relative;float:left;width:100%;height:100px;background:rgba(0, 12, 40, 0.6);padding:30px 0;overflow:hidden;z-index:100;}
.sub_top h3{float:left;width:100%;line-height:100%;font-size:28px;letter-spacing:-1px;font-weight:600;text-align:center;color:#fff;margin-top:16px;}
.stmg h3{margin-top:40px;}

.sub_menu_w{position:absolute;left:0;bottom:0;width:100%;height:44px;background:#135796;}
.sub_menu{position:relative;float:left;width:92%;height:44px;padding:0 4%;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;}
.sub_menu ul{position:relative;float:left;text-align:center;max-width:1080px;width:100%;}
.sub_menu ul li{display:inline-block;margin:0 8px;}
.sub_menu ul li a{float:left;width:100%;line-height:42px;font-size:13px;color:#fff;}
.sub_menu ul li a.select{font-size:14px;font-weight:600;color:#fffe00;}
.sub_menu ul li:last-child{margin-right:15%;}
.sub_menu ul li:first-child{margin-left:8%;}
.arrow{position:absolute;right:0;top:0;width:65px;}
.arrow img{float:left;width:100%;}
.aw_mg{padding-right:50px}


/* 스크롤 style */
::-webkit-scrollbar{width:4px;height:4px !important;}
::-webkit-scrollbar-track {background:#00c0ff;}
::-webkit-scrollbar-thumb {background:#999;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {width:100%;height:4px !important;background:#000;} 


.page_content{position:relative;float:left;width:92%;padding:12% 4%;min-height:300px;background:#fff;z-index:100;}






/*=================================== 서브 공통 style ===================================*/
.stitle1{position:relative;float:left;width:94%;line-height:100%;font-size:22px;font-weight:600;letter-spacing:-2px;color:#222;padding-left:26px;margin:8% 0 4% 0;background:url(../img/title_bg.gif) no-repeat -5px 50%;background-size:20px;}
.stitle2{position:relative;float:left;width:95.5%;line-height:26px;font-size:18px;font-weight:600;letter-spacing:-1px;color:#224aa6;padding-left:18px;margin:6% 0 3% 0;background:url(../img/title_bg2.gif) no-repeat 0 8px;background-size:10px;}
.stitle3{position:relative;float:left;width:97%;line-height:100%;font-size:16px;font-weight:600;letter-spacing:-1px;color:#444;padding-left:8px;background:url(../img/title_bg3.gif) no-repeat 0 12px;background-size:10px;}

.sub_box{position:relative;float:left;width:94%;padding:2.9%;line-height:17px;font-size:13px;font-weight:300;text-align:justify;color:#333;border:1px solid #e0e0e0;background:#f9f9f9;}
.sub_box p{float:left;width:100%;line-height:17px;font-size:13px;font-weight:300;color:#555;}
.sub_box b{font-size:13px;font-weight:500;color:#222;letter-spacing:-1px;}
.sub_box a{text-decoration:underline;color:#3469f0;}

.sub_box2{position:relative;float:left;width:91.2%;padding:3.4%;margin:6% 0;line-height:17px;font-size:13px;font-weight:300;text-align:justify;color:#333;border:3px solid #ccdcea;background:#ecf3f9;}
.sub_box2 img{float:left;width:100%;margin:0 0 2% 0;clear:both;}

.sub_circle{position:relative;float:left;width:100%;}
.sub_circle ul{float:left;width:100%;margin-top:-0.5%;}
.sub_circle ul li{float:left;width:90%;line-height:24px;font-size:18px;font-family:'NotoSerifKR' !important;font-weight:300;letter-spacing:-1px;text-align:center;color:#fff;margin:0.5% 0;border-radius:140px;padding:3% 5%;}
.sub_circle ul li span{font-weight:300;letter-spacing:0;font-size:15px;}

dl.dl_list{float:left;width:100%;margin-top:-4%;}
dl.dl_list dt{float:left;width:100%;line-height:22px;font-size:16px;font-weight:500;margin:4% 0 1% 0;}
dl.dl_list dd{float:left;width:97%;line-height:17px;font-size:13px;font-weight:300;padding-left:8px;color:#333;margin-top:6px;background:url(../img/title_bg3.gif) no-repeat -2px 9px;background-size:7px;}
dl.dl_list dd span{font-size:13px;color:#777;}

img.sbox_img{float:left;width:30%;margin:0 3% 2% 0;clear:both;}

.txt_point{position:relative;float:left;width:100%;margin-top:15px;}
.txt_point p{position:relative;float:left;width:98%;line-height:15px;font-size:12px;color:#555;padding-left:2%;background:url(../img/point_bg.png) no-repeat 0 2px;background-size:6px;}

.tbl{position:relative;float:left;width:100%;}
.tbl table{float:left;width:100%;}
.tbl table th,.tbl table td{padding:2%;text-align:center;border:1px solid #ccc;}
.tbl table th{font-size:14px;font-weight:400;color:#000;background:#f9f9f9;border-bottom:3px double #ccc;}
.tbl table td{font-size:13px;font-weight:300;color:#444;}
.tbl table td b{font-size:13px;font-weight:400;color:#000;}
.tbl2{position:relative;float:left;width:100%;}
.tbl2 table{float:left;width:100%;}
.tbl2 table th,.tbl2 table td{padding:2%;border:1px solid #ccc;}
.tbl2 table th{font-size:14px;font-weight:400;color:#000;background:#f9f9f9;border-bottom:3px double #ccc;}
.tbl2 table td{font-size:13px;font-weight:300;color:#444;}
.tbl2 table td b{font-size:13px;font-weight:400;color:#000;}
.bdc{text-align:center !important;}
.bdl{text-align:left !important;}
td.tdb{font-size:14px !important;font-weight:400 !important;;color:#000 !important;background:#f9f9f9;}

ul.bullet_list{float:left;width:100%;margin-top:-6px;}
ul.bullet_list li{float:left;width:100%;line-height:17px;font-size:13px;font-weight:300;text-align:left;color:#444;padding-left:10px;;margin-top:6px;background:url(../img/title_bg3.gif) no-repeat 0 9px;background-size:6px;}

ul.num_list{float:left;width:100%;margin-top:-6px;}
ul.num_list li{float:left;width:100%;line-height:17px;vertical-align:middle;font-size:13px;font-weight:300;text-align:left;color:#444;margin-top:6px;}
ul.num_list li span{float:left;width:20px;height:17px;line-height:17px;font-size:12px;font-weight:600;text-align:center;color:#fff;background:#aaa;margin:0 4px 0 0;}

ul.tbl_list{float:left;width:100%;margin-top:-10px;}
ul.tbl_list li{float:left;width:97%;line-height:20px;vertical-align:middle;font-size:14px;font-weight:300;text-align:left;color:#444;padding-left:8px;margin-top:5px;background:url(../img/title_bg3.gif) no-repeat -2px 9px;background-size:7px;}

ul.inven{float:left;width:100%;margin-top:-6px;}
ul.inven li{float:left;width:100%;line-height:20px;font-size:14px;font-weight:300;color:#000;margin-top:6px;}
ul.inven li b{float:left;height:22px;line-height:22px;font-size:13px;font-weight:500;padding:0 15px;color:#fff;background:#999;margin:-1px 8px 0 0;}

.waiting{position:relative;float:left;width:100%;overflow:hidden;}
.waiting img{float:left;width:150%;margin-left:-25%;}



/*=================================== 서브 내용 style ===================================*/
/* 원장소개 */
#greeting{position:relative;float:left;width:100%;}
#greeting b{float:left;width:100%;line-height:28px;font-size:21px;font-weight:600;color:#176fba;margin-bottom:5%;}
#greeting p{display:inline-block;line-height:18px;font-size:13px;font-weight:300;vertical-align:top;text-align:justify;color:#444;}
#greeting img{float:left;width:38%;margin:1% 3% 2% 0;}
.gree_sign{float:left;width:100%;line-height:15px;font-size:12px;font-weight:300;text-align:right;color:#000;margin-top:5%;}
.gree_sign strong{display:inline-block;vertical-align:bottom;line-height:20px;font-size:20px;font-weight:600;color:#000;margin-left:6px;}


/* 설립목적 & 비전 */
.vision{position:relative;float:left;width:100%;background:#fff;overflow:hidden;}

.num_box{position:relative;float:left;width:99.2%;height:100%;padding:4px;background:#274168;margin-bottom:10px;}
.num_box b{float:left;width:100%;line-height:24px;font-size:18px;font-weight:300;text-align:center;vertical-align:middle;color:#fff;padding:3% 0;}
.num_box ul{float:left;width:91%;line-height:30px;font-size:20px;vertical-align:middle;padding:3% 4%;background:#fff;margin-left:-1px !important;}
.num_box ul li{float:left;width:100%;line-height:20px;vertical-align:middle;font-size:14px;text-align:left;font-weight:600;color:#000;margin:5px 0;}
.num_box ul li span{float:left;width:20px;height:20px;line-height:20px;font-size:12px;font-weight:1000;text-align:center;color:#fff;background:#aaa;margin:2px 8px 0 0;}
.num_box ul li p{float:left;width:100%;line-height:18px;font-size:13px;color:#555;margin:10px 0 !important;padding:0;}

.point_txt{float:left;width:100%;text-align:center;line-height:100%;font-size:20px;font-weight:800;color:#94dab0;margin:3% 0 5% 0;}
.point_txt2{float:left;width:100%;text-align:center;line-height:20px;font-size:14px;color:#888;font-weight:400;margin:-1% 0 5% 0;}
.point_txt2 span{color:#709d06}
.point_txt b{color:#319d5c}

.img_pattern{position:relative;float:left;width:100%;background:url(../img/pattern.gif) repeat;padding:60px 0 50px 0;border:5px solid #eee;box-sizing:border-box;overflow:hidden;}
.img_pattern img{float:left;width:130%;margin-left:-15%;}

.img_two_txt{position:relative;float:left;width:100%;height:191px;background:url(../img/img1-2-1.png) no-repeat top center;background-size:200%;}
.img_two_txt ul{float:left;width:100%;}
.img_two_txt ul li{float:left;width:33%;text-align:center;padding:8% 5%}
.img_two_txt ul li b{float:left;width:100%;line-height:100%;font-size:22px;font-weight:800;color:#fff;margin-bottom:6%;}
.img_two_txt ul li p{float:left;width:100%;line-height:18px;font-size:14px;color:#fff;opacity:0.7;}


/* 연혁 */
#history{position:relative;float:left;width:100%;background:url(../img/his_line.gif) repeat-y 9px top;background-size:2px;}
.his_box{position:relative;float:left;width:100%;padding-bottom:3%;}
.his_box b{float:left;width:94%;line-height:40px;text-align:left;font-size:22px;font-weight:600;letter-spacing:-1px;color:#007811;padding-left:6%;background:url(../img/his_bullet.png) no-repeat 2px 13px;background-size:16px;}
.his_box dl{float:left;width:93.2%;margin:1% 0 0 6%;padding:0 0 3% 0;background:#fafbf4;border:2px solid #dee4c7;}
.his_box dl dt{float:left;width:90%;line-height:24px;font-size:16px;font-weight:600;color:#000;padding:3% 5% 1% 5%;}
.his_box dl dd{float:left;width:86%;line-height:18px;font-size:13px;color:#444;font-weight:300;margin:3px 5%;padding-left:4%;background:url(../img/his_bullet2.png) no-repeat -3px 11px;background-size:10px;}


/* 오시는길 */
.wrap_controllers{display:none;}
.wrap_map{height:280px !important;margin-bottom:-30px;}
.address{position:relative;float:left;width:100%;}
.address table{float:left;width:100%;background:#fff;border-top:1px solid #ccc;}
.address table th{width:26%;background:#f7f7f7;}
.address table td{line-height:17px;font-size:13px;color:#666;}
.address table th,.address table td{padding:2%;text-align:left;border:1px solid #ccc;}
.address table th b{float:left;width:75%;height:20px;line-height:20px;font-size:15px;padding-left:22px;font-weight:400 !important;color:#000;background-position:0 3px;background-size:16px;}
.iCon1{background:url(../img/sicon1.png) no-repeat;}
.iCon2{background:url(../img/sicon2.png) no-repeat;}
.iCon3{background:url(../img/sicon3.png) no-repeat;}
.iCon4{background:url(../img/sicon4.png) no-repeat;}
.iCon5{background:url(../img/sicon4.png) no-repeat;}


/* 업무협약기관 */
.convention{position:relative;float:left;width:100%;overflow:hidden;}
.convention ul{position:relative;float:left;width:100%;border-top:1px solid #aaa;}
.convention ul li{position:relative;float:left;width:94%;padding:4% 2.8%;border:1px solid #aaa;margin-top:-1px;}
.convention ul li a,.convention ul li img{float:left;width:36%;}
.convention ul li a img{float:left;width:100%;}
.convention ul li p{float:left;width:55%;line-height:16px;font-size:12px;font-weight:300;color:#555;padding-left:4%;border-left:1px solid #e0e0e0;margin-left:4%;}
.convention ul li p b{float:left;width:100%;line-height:20px;font-size:14px;font-weight:500;letter-spacing:-0.02em;color:#074f9e;margin-bottom:2%;}
/* 페이징 */
.paging_w{position:relative;float:left;width:100%;height:30px;margin-top:6%;}
.paging{text-align:center;height:30px;}
.paging ul{display:inline-block;zoom:1;*display:inline;}
.paging ul li{float:left;background:#fff;}
.paging ul li a{float:left;text-align:center;height:30px;line-height:30px;font-size:14px;padding:0 10px;color:#999;background:url(../img/gradation.png) repeat-x;border:1px solid #e0e0e0;margin-left:-1px;}
.paging ul li a.on{color:#fff;background:#000;font-weight:600;border:1px solid #000;}


/* 강사진 */
#profile{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;}
#profile section{position:relative;float:left;width:41.5%;padding:2.8% 2.8% 0 2.8%;text-align:center;border:1px solid #ccc;background:#f9f9f9;margin:1%;}
#profile section p{float:left;width:100%;line-height:100%;font-size:15px;color:#666;margin:-5px 0 20px 0;}
.profile img{float:left;width:100%;}
.prf_name{float:left;width:100%;line-height:30px;font-size:14px;margin:10px 0;}
.prf_name b{font-size:20px;font-weight:600;color:#0e5db5;}
#profile input{display:inline-block;width:100px;height:26px;line-height:24px;font-size:12px;color:#fff;background:#354474;}

/* 임원 */
#profile2{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;}
#profile2 section{position:relative;float:left;width:41.5%;padding:2.8% 2.8% 0 2.8%;text-align:center;border:1px solid #ccc;background:#f9f9f9;margin:1%;}
#profile2 section p{float:left;width:100%;line-height:100%;font-size:15px;color:#666;margin:-5px 0 20px 0;}
.profile2 img{float:left;width:100%;}
.prf_name2{float:left;width:100%;line-height:30px;font-size:14px;margin:10px 0;}
.prf_name2 b{font-size:20px;font-weight:600;color:#0e5db5;}
#profile2 input{display:inline-block;width:100px;height:26px;line-height:24px;font-size:12px;color:#fff;background:#354474;}


/* 주요사업 */
.busi_circle{position:relative;float:left;width:100%;}
.busi_circle ul{float:left;width:100%;}
.busi_circle ul li{float:left;width:100%;text-align:center;margin-bottom:8%;}
.busi_circle ul li b{float:left;width:80%;padding:5% 10%;line-height:100%;font-size:20px;color:#fff;border-radius:100px;opacity:0.8;margin-bottom:4%;}
.busi_circle ul li b span{float:left;width:100%;font-size:12px;font-weight:300;letter-spacing:0;margin-top:2%;}
.busi_circle ul li img{float:left;width:20%;margin:0 4% 0 10%;}
.busi_circle ul li p{float:left;width:50%;line-height:18px;font-size:13px;font-weight:300;margin-top:3%;}


/* 사업진행방법 */
.sub_step{position:relative;float:left;width:100%;background:#f7fafe;}
.sub_step ul{float:left;width:100%;}
.sub_step ul li{position:relative;float:left;width:91.6%;padding:4%;border:1px solid #0f55b4;margin-top:-1px;}
.sub_step ul li img{float:left;width:12%;}
.sub_step ul li b{float:left;width:80%;line-height:100%;font-size:18px;letter-spacing:-1px;font-weight:500;color:#000;padding:0 4%;margin:0 0 2% 0;}
.sub_step ul li p{float:left;width:80%;line-height:20px;font-size:14px;font-weight:300;color:#555;padding:0 4%;}


/* 현대환경문제의 유형과특징*/
dl.sub_qna{float:left;width:100%;position:relative;float:left;width:92%;padding:4%;background:#393e5c;margin-top:6%;}
dl.sub_qna dt{float:left;width:100%;line-height:24px;font-size:18px;font-family:'NotoSerifKR' !important;color:#fae216;margin-bottom:4%;}
dl.sub_qna dt b{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;color:#fff;border-radius:100%;background:#4b9ce7;margin-right:5px;}
dl.sub_qna dd{float:left;width:96%;line-height:17px;font-size:13px;font-weight:300;color:#fff;padding-left:16px;background:url(../img/qna_icon.png) no-repeat 0 -2px;background-size:11px;}

img.td_img{float:left;width:30%;}
.sbox_img2{position:absolute;right:0;top:0;width:250px;height:188px;background:url(../img/2-4-8.jpg) no-repeat;background-size:100%;}


/* 지구온난화의 영향 */
.sub_step2{position:relative;float:left;width:100%;overflow:hidden;background:#f7fafe;}
.sub_step2 ul{float:left;width:100%;border-bottom:1px solid #0f55b4;}
.sub_step2 ul li{float:left;width:49.5%;text-align:center;padding-top:20px;border:1px solid #0f55b4;margin:0 -1px -1px 0;}
.sub_step2 ul li img{float:left;width:20%;margin:0 40%;;}
.sub_step2 ul li b{float:left;width:84%;line-height:100%;font-size:14px;letter-spacing:-1px;font-weight:500;color:#000;padding:0 8%;margin:15px 0 10px 0;}
.sub_step2 ul li p{float:left;width:84%;line-height:18px;font-size:14px;font-weight:300;color:#555;padding:0 8%;}
.tbl_arrow{position:absolute;left:50%;top:50%;width:34px;height:24px;margin:3px 0 0 -20px;background:url(../img/tbl_arrow.png) no-repeat 0 0;background-size:100%;}
#video{position:relative;float:left;width:100%;background:#222;}










/* 이미지크기 제멋대로일때 조정해주는 style */
@media screen and (min-width:0) and (max-width:360px) {
.gallery ul li{width:48%;height:160px;}
.gallery ul li a{width:98.5%;height:110px;}
.gallery ul li p{line-height:15px;font-size:12px;}
#video{min-height:160px;}
.sub_step2 ul li{height:80px;}
}

@media screen and (min-width:361px) and (max-width:420px) {
.gallery ul li{width:48%;height:190px;}
.gallery ul li a{width:98.5%;height:140px;}
.gallery ul li p{line-height:18px;font-size:13px;}
#video{min-height:200px;}
.sub_step2 ul li{height:90px;}
}

@media screen and (min-width:421px) and (max-width:767px) {
.gallery ul li{width:48%;height:260px;}
.gallery ul li a{width:98.5%;height:200px;}
.gallery ul li p{line-height:18px;font-size:14px;}
#video{min-height:260px;}
.sub_step2 ul li{float:left;width:24.75%;height:80px;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.gallery ul li{width:31.3%;height:240px;}
.gallery ul li a{width:98.5%;height:170px;}
.gallery ul li p{line-height:22px;font-size:16px;}
#video{min-height:320px;}
.sub_step2 ul li{float:left;width:24.8%;height:90px;}
.sub_step2 ul li b{font-size:16px;}
}

@media screen and (min-width:1024px) and (max-width:1920px) {
.gallery ul li{width:31.3%;height:280px;}
.gallery ul li a{width:98.5%;height:220px;}
.gallery ul li p{line-height:24px;font-size:18px;}
#video{min-height:400px;}
.sub_step2 ul li{float:left;width:24.85%;height:110px;padding-top:30px;}
.sub_step2 ul li b{font-size:16px;}
}



#ifrm {
    width: 100%;
	min-height: 300px;
    overflow: hidden;
    border: 0;
}


/*서브 후원기업*/
.sponsor-list li{float:left; width:49%; margin-left:2%;}
.sponsor-list li:nth-child(2n+1){margin-left:0;}
.sl-area{height:70px; overflow:hidden; border:1px #e0e0e0 solid; position:relative;}
.sl-box{display:table; table-layout: fixed;height:inherit; width:100%; }
.sl-box a{display:table-cell; table-layout: fixed; word-break:break-all; width:100%;  vertical-align:middle; height:inherit; padding:0 10px;}
.sl-box a img{max-width:90%; position:absolute; left:50%; top:50%;}
.sponsor-list li p{margin-top:10px;}

/*서브 기부자현황*/
.sub55{background:#f5f5e9; padding:70px 0 10px;}
.number-box{text-align:center; background:#fff; border:1px #e0e0e0 solid; box-sizing:border-box; padding:30px; width:80%; max-width:600px; margin:30px auto 50px;}
.number-box dt{background:#56a14f; color:#fff; font-size:22px; font-weight:600; padding:10px 70px; border-radius:9999px; display:inline-block;}
.number-box dd p{color:rgba(0,0,0,0.7);}
.bg55{width:80%; margin:0 auto;}
.bg55 img{width:100%;}
.number-area{color:#1e641b; margin:20px auto;}
.number{font-size:55px; font-weight:700;}
.sub-text-top{text-align:center; letter-spacing:-0.05em;}
.stt-t1{color:#6cb951; font-weight:600; font-size:40px; margin-bottom:5px; text-transform:uppercase;}
.stt-t2{color:#22631f; font-weight:600; font-size:30px;}
.stt-t3{color:#5b4a40; font-size:17px; margin-top:15px;}

.stt-t1{font-size:22px;}
.stt-t2{font-size:18px;}
.stt-t3{font-size:13px;}
.sub55{padding:20px 0;}
.number-box{margin-bottom:20px;}
.number-box dt{font-size:15px; padding:10px 20px;}
.number-area{margin:5px auto;}


/*후원문의*/
.support-img img{width:100%; max-width:1200px;}