@charset "utf-8";

h3{margin:0;padding:0;background:none;}
a, a:hover{text-decoration:none;}
.sect3 ul li.mo_hide{display:none}
.skip{display:none;}

.snb_box .snb .global_l{width:50%;}
.snb_box .snb .global_r{display:block}
/*.snb_box .snb .global_r a.pop_btn{display:block}*/

#wrap{background:url(/images/organ/common/mid_bgimg.jpg) no-repeat center 85px #E9E9E9; }

.wrapper #container{padding:30px 4% 50px;}

#container h2{display:block; width:0px; height:0px; margin:0px; padding:0; overflow:hidden;}

.sectwrap:after{display:block;clear:both;content:'';}

/*비주얼*/
.sect1 .mcnt1{position:relative;}
.sect1 .mcnt1 .grap{overflow:hidden; }
.sect1 .mcnt1 .grap .obj{position:relative;height:146px;background:#dcdcdc; border-radius:3px;}
.sect1 .mcnt1 .grap .obj li{position:absolute;top:0;left:0;/*margin-left:-149px;*/width:100%;text-align:center;}
.sect1 .mcnt1 .grap .obj li img{/*max-height:169px;*/width:100%; }

.sect1 .mcnt1 .pnote{position:absolute;top:-27px;left:22px;}
.sect1 .mcnt1 .pnote a{display:block;float:left;margin-left:5px;width:17px;height:17px;background:url(/images/organ/common/mvs_cont.png) no-repeat 0 -27px;font-size:0;line-height:0;}
.sect1 .mcnt1 .pnote a.ov{width:57px;background-position:0 0}
.sect1 .mcnt1 .pnote a:first-child{margin:0;}

.sect1 .mcnt1 .control{position:absolute;top:-27px;left:0;}
.sect1 .mcnt1 .control a{display:block;float:left;width:20px;height:20px;background:url(/images/organ/common/mvs_cont.png) no-repeat;font-size:0;line-height:0;}
.sect1 .mcnt1 .control a[data-control="prev"],
.sect1 .mcnt1 .control a[data-control="next"]{display:none}
.sect1 .mcnt1 .control a[data-control="stop"]{background-position:0 -55px}
.sect1 .mcnt1 .control a[data-control="play"]{display:none;background-position:0 -82px;}

/*공지사항*/
.sect1 .mcnt2{display:none; visibility:hidden;}
.sect1 .mobile{display:block; visibility:visible;}
.sect1 .m_mcnt2{position:relative;height:200px; margin:0 0 30px 0; background:#fff url(/images/organ/common/mcnt2_bar.gif) repeat-x; }
.sect1 .m_mcnt2:after{display:block;clear:both;content:'';}

.sect1 .m_mcnt2 h3{float:left;position:relative;}
.sect1 .m_mcnt2 h3:after{display:block;position:absolute;top:16px;left:0;width:1px;height:9px;background:#a2a6ac;content:'';}
.sect1 .m_mcnt2 h3:first-child:after{display:none;}
.sect1 .m_mcnt2 h3 a{display:block;padding:10px 20px 6px;font-size:16px;color:#fff; text-decoration:none;}
.sect1 .m_mcnt2 h3 a.ov:before{position:absolute;bottom:-3px;left:50%;margin-left:-40px;width:80px;height:3px;background:#7DC242;content:'';}
.sect1 .m_mcnt2 h3 a.ov:after{position:absolute;bottom:-17px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#7DC242;content:'';}

.sect1 .m_mcnt2 .grap{position:absolute;top:67px;left:0; width:90%;background:#fff; border-radius:3px;}
.sect1 .m_mcnt2 .grap ul{padding:0 0 5px 0;}
.sect1 .m_mcnt2 .grap li{position:relative;margin:6px 0 0;padding:0 0 0 8px;font-size:13px;color:#999}
.sect1 .m_mcnt2 .grap li:before{display:block;position:absolute;top:9px;left:0;width:3px;height:3px;background:#a9a9a9;content:'';}
.sect1 .m_mcnt2 .grap li.new:before{top:2px;left:-7px;width:16px;height:16px;background:url(/images/organ/common/notice_new.png) no-repeat;}
.sect1 .m_mcnt2 .grap li:first-child{margin:0;}
.sect1 .m_mcnt2 .grap li:after{display:block;clear:both;content:'';}
.sect1 .m_mcnt2 .grap li a{display:block;float:left;overflow:hidden;width:65%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:14px;color:#545454}
.sect1 .m_mcnt2 .grap li a:hover,
.sect1 .m_mcnt2 .grap li a:focus{text-decoration:underline;}
.sect1 .m_mcnt2 .grap li span{float:right;}

.sect1 .m_mcnt2 .grap .more{/*display:none;*/position:absolute;top:-55px;right:5px}
.sect1 .m_mcnt2 .grap .more a{display:block;width:24px;height:24px;background:#2b2c2e url(/images/organ/common/more.png) no-repeat 49% 50%;font-size:0;line-height:0;}

/*중앙 박스 컨텐츠*/
.sect2{margin:15px 0 0;}
.sect2 ul li{margin:0 0 5px; /*height:100px;*/ border-radius:3px;}
.sect2 ul li a{display:block;position:relative;padding:15px 0 0;height:85px; }
.sect2 ul li a h3{margin:5px 0;padding:0 0 0 118px;font-size:16px;font-weight:500;}
.sect2 ul li a:hover h3,
.sect2 ul li a:active h3{color:#fff;}

.sect2 ul li a span{display:block;line-height:1.3;}
.sect2 ul li a span span{display:inline;line-height:1;}
.sect2 ul li span.ico_ict,
.sect2 ul li a .ico{position:absolute;}
.sect2 ul li a .txt{padding:0 10px 0 118px; font-size:13px;}

/*QA*/
.sect2 .mcnt3 a{background:#fff;color:#121212; border-radius:3px;}
.sect2 .mcnt3 a:hover,
.sect2 .mcnt3 a:focus{background:#444c58;color:#fff;}
.sect2 .mcnt3 a .ico{top:25px;left:13px;width:97px;height:75px;background:url(/images/organ/common/mcnt3_ico01.png) no-repeat 50% 0 / 70%;}
.sect2 .mcnt3 a:hover .ico,
.sect2 .mcnt3 a:focus .ico{background-image:url(/images/organ/common/mcnt3_ico01_ov.png)}

/*스프링 문서*/
.sect2 .mcnt4{background:#7DC242 url(/images/organ/common/mcnt4_bg.png) no-repeat; }
.sect2 .mcnt4 h3,
.sect2 .mcnt4 a{color:#fff; border-radius:3px;}
.sect2 .mcnt4 a:hover{background:#3B424C;}
.sect2 .mcnt4 a .ico{top:14px;left:0;width:104px;height:104px;background:url(/images/organ/common/mcnt4_ico01.png) no-repeat 50% 0 / 70%;}

/*자료실*/
.sect2 .mcnt5{background:#D9D1CD url(/images/organ/common/border_bg.png) repeat; }
.sect2 .mcnt5 a{color:#333; border-radius:3px;}
.sect2 .mcnt5 a:hover,
.sect2 .mcnt5 a:focus{background:#7DC242;color:#fff;}
.sect2 .mcnt5 a .ico{top:25px;left:11px;width:78px;height:65px;background:url(/images/organ/common/mcnt5_ico01.png) no-repeat 50% 0 / 75%;}
.sect2 .mcnt5 a:hover .ico,
.sect2 .mcnt5 a:focus .ico{color:#000;background-image:url(/images/organ/common/mcnt5_ico01_ov.png)}

/*전구*/
.sect2 .mcnt6{background:#00693F;}
.sect2 .mcnt6 a { color:#fff; border-radius:3px;}
.sect2 .mcnt6 a h3 { color:#fff; }
.sect2 .mcnt6 a:hover,
.sect2 .mcnt6 a:focus{background:#3B424C;}
.sect2 .mcnt6 a .ico{top:22px;left:11px;width:78px;height:65px;background:url(/images/organ/common/mcnt6_ico01.png) no-repeat 50% 0 / 50%;}

/*학교*/
.sect2 .mcnt7 a{background:#fff;color:#121212; border-radius:3px;}
.sect2 .mcnt7 a:hover,
.sect2 .mcnt7 a:focus{background:#444c58;color:#fff;}
.sect2 .mcnt7 a .ico{top:25px;left:5px;width:97px;height:75px;background:url(/images/organ/common/mcnt7_ico01.png) no-repeat 50% 0 / 70%;}
.sect2 .mcnt7 a:hover .ico,
.sect2 .mcnt7 a:focus .ico{background-image:url(/images/organ/common/mcnt7_ico01_ov.png)}

/*명찰*/
.sect2 .mcnt8{background:#00693F;}
.sect2 .mcnt8 h3,
.sect2 .mcnt8 a{color:#fff; border-radius:3px;}
.sect2 .mcnt8 a:hover{background:#3B424C;}
.sect2 .mcnt8 a .ico{top:14px;left:0;width:104px;height:104px;background:url(/images/organ/common/mcnt8_ico01.png) no-repeat 50% 0 / 70%;}

/*와이파이*/
.sect2 .mcnt9{background:#D9D1CD url(/images/organ/common/border_bg.png) repeat; }
.sect2 .mcnt9 a{color:#333; border-radius:3px;}
.sect2 .mcnt9 a:hover,
.sect2 .mcnt9 a:focus{background:#7DC242;color:#fff;}
.sect2 .mcnt9 a .ico{top:25px;left:11px;width:78px;height:65px;background:url(/images/organ/common/mcnt9_ico01.png) no-repeat 50% 0 / 75%;}
.sect2 .mcnt9 a:hover .ico,
.sect2 .mcnt9 a:focus .ico{color:#000;background-image:url(/images/organ/common/mcnt9_ico01_ov.png)}

/*컴퓨터*/
.sect2 .mcnt10{background:#00693F;}
.sect2 .mcnt10 h3,
.sect2 .mcnt10 a{color:#fff; border-radius:3px;}
.sect2 .mcnt10 a:hover{background:#3B424C;}
.sect2 .mcnt10 a .ico{top:14px;left:0;width:104px;height:104px;background:url(/images/organ/common/mcnt10_ico01.png) no-repeat 50% 0 / 70%;}


/*4개 박스*/
.sect2 .mcnt11{display:block; position:relative; padding:12px 0 0; height:85px;background:#7DC242 url(/images/organ/common/mcnt4_bg.png) no-repeat; border-radius:3px; }
.sect2 .mcnt11 h3{margin:0 0 3px 0;padding:0 0 0 122px;font-size:16px;font-weight:500;color:#fff; border-radius:3px;}
.sect2 .mcnt11 span.ico_itc{position:absolute; top:14px;left:0;width:104px;height:104px;background:url(/images/organ/common/mcnt4_ico01.png) no-repeat 50% 0 / 70%;}
/*.sect2 .mcnt11 span.ico_itc{display:none; visibility:hidden;}*/

.sect2 .mcnt11 .grap2{padding:0 15px 0 118px;}
.sect2 .mcnt11 .grap2 ul{height:48px; border:solid #5EA428;border-width:1px 1px 0px 0;}
.sect2 .mcnt11 .grap2 ul li{position:relative; float:left; margin:0; padding:0; width:50%; font-size:13px; }
.sect2 .mcnt11 .grap2 ul li a{display:block;margin:0;padding:4px 0 0 0; line-height:17px; height:19px; background:#6EB635;border:solid #5EA428;border-width:0 0 1px 1px;color:#E9F8DE;text-align:center;}
.sect2 .mcnt11 .grap2 ul li a:hover,
.sect2 .mcnt11 .grap2 ul li a:focus{color:#fff;background:#5EA428;}
.sect2 .mcnt11 .grap2 ul li .t_box{padding:7px 0 0 0; height:39px; background:#00693f;}
.sect2 .mcnt11 .grap2 ul li .t_box2{height:19px; background:#00693F;}


/*포토뉴스*/
.sect2 .mcnt12{overflow:hidden;position:relative;margin:0;padding:0;height:250px;}
.sect2 .mcnt12 > a{overflow:hidden;padding:0;height:100%;background:#D9D1CD url(/images/organ/common/border_bg.png) repeat;}
.sect2 .mcnt12 > a span.ov{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/organ/common/mcnt12_ov_bg.png);}
.sect2 .mcnt12 > a span.ov:after{display:block;position:absolute;top:85px;left:50%; transform: translateX(-50%); width:43px;height:43px;background:url(/images/organ/common/mcnt12_ov.png) no-repeat;content:'';}
.sect2 .mcnt12 > a:hover span.ov{display:block;z-index:10}

.sect2 .mcnt12 > a figure{text-align:center;}
.sect2 .mcnt12 > a figure img{/*max-height:266px;width:100%;*/position:absolute;left: 50%; transform: translateX(-50%);max-width:none;height:100%;}
.sect2 .mcnt12 > a figure figcaption{position:absolute;bottom:0;left:0;padding:10px 3%;width:94%;background-color:rgba(0,0,0,0.8);text-align: left;z-index:10;}
.sect2 .mcnt12 > a figure figcaption b{display:block;overflow:hidden;color:#fff;font-size:16px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.sect2 .mcnt12 > a figure figcaption span{display:block;color:#fff;font-size:13px}

.sect2 .mcnt12 .more{position:absolute;bottom:62px;left:0;}
.sect2 .mcnt12 .more a{display:block;padding:0;width:24px;height:24px;background:#2b2c2e url(/images/organ/common/more.png) no-repeat 50% 5px;font-size:0;line-height:0;}
.sect2 .mcnt12 > a:hover + .more a{background-color:#7DC242;z-index:10;}


/*계산기*/
.sect2 .mcnt13{background:#D9D1CD url(/images/organ/common/border_bg.png) repeat; }
.sect2 .mcnt13 a{color:#333; border-radius:3px;}
.sect2 .mcnt13 a:hover,
.sect2 .mcnt13 a:focus{background:#7DC242;color:#fff;}
.sect2 .mcnt13 a .ico{top:25px;left:11px;width:78px;height:65px;background:url(/images/organ/common/mcnt13_ico01.png) no-repeat 50% 0 / 75%;}
.sect2 .mcnt13 a:hover .ico,
.sect2 .mcnt13 a:focus .ico{color:#000;background-image:url(/images/organ/common/mcnt13_ico01_ov.png)}

/*QA2*/
.sect2 .mcnt14{background:#D9D1CD url(/images/organ/common/border_bg.png) repeat; }
.sect2 .mcnt14 a{color:#333; border-radius:3px;}
.sect2 .mcnt14 a:hover,
.sect2 .mcnt14 a:focus{background:#7DC242;color:#fff;}
.sect2 .mcnt14 a .ico{top:25px;left:11px;width:97px;height:75px;background:url(/images/organ/common/mcnt14_ico01.png) no-repeat 50% 0 / 75%;}
.sect2 .mcnt14 a:hover .ico,
.sect2 .mcnt14 a:focus .ico{color:#000;background-image:url(/images/organ/common/mcnt14_ico01_ov.png)}


/*기부자 현황*/
.sect2 .mcnt15{background:#D9D1CD url(/images/organ/common/border_bg.png) repeat; }
.sect2 .mcnt15 a{color:#333; border-radius:3px;}
.sect2 .mcnt15 a:hover,
.sect2 .mcnt15 a:focus{background:#7DC242;color:#fff;}
.sect2 .mcnt15 a .ico{top:25px;left:11px;width:97px;height:75px;background:url(/images/organ/common/mcnt15_ico01.png) no-repeat 50% 0 / 75%;}
.sect2 .mcnt15 a:hover .ico,
.sect2 .mcnt15 a:focus .ico{color:#000;background-image:url(/images/organ/common/mcnt15_ico01_ov.png)}


/*일정*/
.sect2 .mcnt16{background:#737373 url(/images/organ/common/dot_bg3.png) repeat;}
.sect2 .mcnt16 h3,
.sect2 .mcnt16 a{color:#fff; border-radius:3px;}
.sect2 .mcnt16 a:hover{background:#3B424C;}
.sect2 .mcnt16 a .ico{top:14px;left:0;width:104px;height:104px;background:url(/images/organ/common/mcnt16_ico01.png) no-repeat 50% 0 / 70%;}



/*기자재*/
.sect2 .mcnt17 a{background:#fff;color:#121212; border-radius:3px;}
.sect2 .mcnt17 a:hover,
.sect2 .mcnt17 a:focus{background:#444c58;color:#fff;}
.sect2 .mcnt17 a .ico{top:25px;left:5px;width:97px;height:75px;background:url(/images/organ/common/mcnt17_ico01.png) no-repeat 50% 0 / 70%;}
.sect2 .mcnt17 a:hover .ico,
.sect2 .mcnt17 a:focus .ico{background-image:url(/images/organ/common/mcnt17_ico01_ov.png)}


/*장애인*/
.sect2 .mcnt18{background:#7DC242 url(/images/organ/common/mcnt18_bg.png) no-repeat; }
.sect2 .mcnt18 h3,
.sect2 .mcnt18 a{color:#fff; border-radius:3px;}
.sect2 .mcnt18 a:hover{background:#3B424C;}
.sect2 .mcnt18 a .ico{top:14px;left:0;width:104px;height:104px;background:url(/images/organ/common/mcnt18_ico01.png) no-repeat 50% 0 / 70%;}


/*스프링 문서2*/
.sect2 .mcnt19{background:#00693F;}
.sect2 .mcnt19 h3,
.sect2 .mcnt19 a{color:#fff; border-radius:3px;}
.sect2 .mcnt19 a:hover{background:#3B424C;}
.sect2 .mcnt19 a .ico{top:14px;left:0;width:104px;height:104px;background:url(/images/organ/common/mcnt4_ico01.png) no-repeat 50% 0 / 70%;}


/*온라인 수강신청*/
.sect2 .mcnt20{background:#D9D1CD url(/images/organ/common/border_bg.png) repeat; }
.sect2 .mcnt20 a{color:#333; border-radius:3px;}
.sect2 .mcnt20 a:hover,
.sect2 .mcnt20 a:focus{background:#7DC242;color:#fff;}
.sect2 .mcnt20 a .ico{top:25px;left:11px;width:97px;height:75px;background:url(/images/organ/common/mcnt20_ico01.png) no-repeat 50% 0 / 75%;}
.sect2 .mcnt20 a:hover .ico,
.sect2 .mcnt20 a:focus .ico{color:#000;background-image:url(/images/organ/common/mcnt20_ico01_ov.png)}



/*지원서류*/
.sect2 .mcnt21{background:#D9D1CD url(/images/organ/common/border_bg.png) repeat; }
.sect2 .mcnt21 a{color:#333; border-radius:3px;}
.sect2 .mcnt21 a:hover,
.sect2 .mcnt21 a:focus{background:#7DC242;color:#fff;}
.sect2 .mcnt21 a .ico{top:25px;left:23px;width:62px;height:72px;background:url(/images/organ/common/mcnt21_ico01.png) no-repeat 50% 0 / 75%;}
.sect2 .mcnt21 a:hover .ico,
.sect2 .mcnt21 a:focus .ico{color:#000;background-image:url(/images/organ/common/mcnt21_ico01_ov.png)}


/*특허*/
.sect2 .mcnt22{background:#D9D1CD url(/images/organ/common/border_bg.png) repeat; }
.sect2 .mcnt22 a{color:#333; border-radius:3px;}
.sect2 .mcnt22 a:hover,
.sect2 .mcnt22 a:focus{background:#3D444F;color:#fff;}
.sect2 .mcnt22 a .ico{top:25px;left:23px;width:62px;height:72px;background:url(/images/organ/common/mcnt22_ico01.png) no-repeat 50% 0 / 75%;}
.sect2 .mcnt22 a:hover .ico,
.sect2 .mcnt22 a:focus .ico{color:#000;background-image:url(/images/organ/common/mcnt22_ico01_ov.png)}


/*모바일*/
.sect2 .mcnt23 a{background:#fff;color:#121212; border-radius:3px;}
.sect2 .mcnt23 a:hover,
.sect2 .mcnt23 a:focus{background:#444c58;color:#fff;}
.sect2 .mcnt23 a .ico{top:25px;left:5px;width:97px;height:75px;background:url(/images/organ/common/mcnt23_ico01.png) no-repeat 50% 0 / 70%;}
.sect2 .mcnt23 a:hover .ico,
.sect2 .mcnt23 a:focus .ico{background-image:url(/images/organ/common/mcnt23_ico01_ov.png)}


/*학교(발전기금)*/
.sect2 .mcnt24{background:#737373 url(/images/organ/common/dot_bg3.png) repeat;}
.sect2 .mcnt24 h3,
.sect2 .mcnt24 a{color:#fff; border-radius:3px;}
.sect2 .mcnt24 a:hover{background:#3B424C;}
.sect2 .mcnt24 a .ico{top:14px;left:0;width:104px;height:104px;background:url(/images/organ/common/mcnt24_ico01.png) no-repeat 50% 0 / 70%;}



/*캘린더*/
.sect2 .mcnt27{background:#D9D1CD url(/images/organ/common/border_bg.png) repeat; }
.sect2 .mcnt27 a{color:#333; border-radius:3px;}
.sect2 .mcnt27 a:hover,
.sect2 .mcnt27 a:focus{background:#7DC242;color:#fff;}
.sect2 .mcnt27 a .ico{top:22px;left:10px;width:97px;height:75px;background:url(/images/organ/common/mcnt27_ico01.png) no-repeat 50% 0 / 75%;}
.sect2 .mcnt27 a:hover .ico,
.sect2 .mcnt27 a:focus .ico{color:#000;background-image:url(/images/organ/common/mcnt27_ico01_ov.png)}



/*지도*/
.sect2 .mcnt28{background:#D9D1CD url(/images/organ/common/border_bg.png) repeat; }
.sect2 .mcnt28 a{color:#333; border-radius:3px;}
.sect2 .mcnt28 a:hover,
.sect2 .mcnt28 a:focus{background:#7DC242;color:#fff;}
.sect2 .mcnt28 a .ico{top:25px;left:11px;width:78px;height:65px;background:url(/images/organ/common/mcnt28_ico01.png) no-repeat 50% 0 / 75%;}
.sect2 .mcnt28 a:hover .ico,
.sect2 .mcnt28 a:focus .ico{color:#000;background-image:url(/images/organ/common/mcnt28_ico01_ov.png)}



/*즐겨찾는메뉴
.sect3{position:relative;margin:35px 0 45px;text-align:center;}
.sect3 .grap{overflow:hidden;margin:0 auto;width:235px}
.sect3 ul{position:relative;width:10000px;}
.sect3 ul:after{display:block;clear:both;content:'';}
.sect3 ul li{float:left;position:relative;}
.sect3 ul li:first-child{margin:0;} 
.sect3 ul li:before{;display:block;position:absolute;top:15px;left:0;width:2px;height:32px;background:url(/images/organ/common/sect3_bar.gif) repeat-y;content:'';}
.sect3 ul li:first-child:before{display:none;}
.sect3 ul li a{display:block;padding:0;width:118px;height:80px;text-align:center;}
.sect3 ul li a span{display:block;margin:0 auto 5px;width:45px;height:45px;background:url(/images/organ/common/sect3_ico.png) no-repeat;transition:all 0.7s;}

.sect3 .btn1 span{background-position:7px 0;}
.sect3 .btn2 span{background-position:-121px 0;}
.sect3 .btn3 span{background-position:-244px 0;}
.sect3 .btn4 span{background-position:-370px 0;}
.sect3 .btn5 span{background-position:-496px 0;}
.sect3 .btn6 span{background-position:-618px 0;}
.sect3 .btn7 span{background-position:-740px 0;}
.sect3 .btn8 span{background-position:-871px 0;}
.sect3 .btn1:hover span,
.sect3 .btn1:focus span{background-position:7px -88px;}
.sect3 .btn2:hover span,
.sect3 .btn2:focus span{background-position:-121px -88px;}
.sect3 .btn3:hover span,
.sect3 .btn3:focus span{background-position:-247px -88px;}
.sect3 .btn4:hover span,
.sect3 .btn4:focus span{background-position:-370px -88px;}
.sect3 .btn5:hover span,
.sect3 .btn5:focus span{background-position:-496px -88px;}
.sect3 .btn6:hover span,
.sect3 .btn6:focus span{background-position:-618px -88px;}
.sect3 .btn7:hover span,
.sect3 .btn7:focus span{background-position:-740px -88px;}
.sect3 .btn8:hover span,
.sect3 .btn8:focus span{background-position:-871px -88px;}

.sect3 .control{position:absolute;top:0;left:0;width:100%;}
.sect3 .control a{display:block;position:absolute;top:13px;width:35px;height:60px;background:url(/images/organ/common/sect3_cont.png) no-repeat;font-size:0;line-height:0;}
.sect3 .control a[data-control="prev"]{left:0;background-position:50% 14px;}
.sect3 .control a[data-control="next"]{right:0;background-position:50% -54px;}

*/


/*배너*/
.bannerWrap .grap:after,
.bannerWrap .grap .control:after,
.bannerWrap  .grap .banner:after{display:block;clear:both;content:'';}
.bannerWrap{padding:0 4%;background:#343941}
.bannerWrap .grap h3{float:left;margin-right:3%;padding:16px 0 12px;background:none;color:#DADBDE;font-size:13px;}
.bannerWrap .grap{margin:0 auto;max-width:1000px;}
.bannerWrap .grap .control{float:left;position:relative;margin-right:3%;}
.bannerWrap .grap .control a{display:block;float:left;padding:18px 0 12px;width:20px;height:17px;font-size:0;line-height:0;}
.bannerWrap .grap .control a[data-control="play"]{display:none;}

.bannerWrap .grap .control a span{display:block;margin:0 auto;width:9px;height:17px;background:url(/images/organ/common/banner_cont.png) no-repeat;}
.bannerWrap .grap .control a[data-control="prev"] span{background-position:50% 0;}
.bannerWrap .grap .control a[data-control="stop"] span{background-position:50% -23px;}
.bannerWrap .grap .control a[data-control="play"] span{background-position:50% -68px;}
.bannerWrap .grap .control a[data-control="next"] span{background-position:50% -45px;}

.bannerWrap .grap .banner{overflow:hidden;float:left;position:relative;width:55%;}
.bannerWrap .grap .banner .obj{position:relative;width:10000px;}
.bannerWrap .grap .banner .obj li{float:left;position:relative;}
.bannerWrap .grap .banner .obj li:first-child{margin-left:0;}
.bannerWrap .grap .banner .obj li:after{position:absolute;top:22px;left:0;width:2px;height:7px;background:#94969b;content:'';}
.bannerWrap .grap .banner .obj li:first-child:after{display:none;}
.bannerWrap .grap .banner .obj a{display:block;padding:16px 20px 12px;color:#fff; font-size:13px;}
.bannerWrap .grap .banner .obj li:first-child a{padding-left:0;}



@media only screen and (min-width:320px){
	.sect1 .mcnt1 .grap .obj{height:132px;}
	.sect1 .m_mcnt2 .grap {padding:0 5% 10px 5%;}
}




@media only screen and (min-width:360px){
	.sect1 .m_mcnt2 .grap .more{right:10px}
}


@media only screen and (min-width:480px){

	.sect1 .mcnt1 .grap .obj{height:197px;}
	/*.sect1 .mcnt1 .grap .obj li{margin-left:-221px;}*/
	.sect1 .mcnt1 .grap .obj li img{/*max-height:252px*/}
	.sect1 .m_mcnt2 .grap .more{right:20px}

	.sect2 ul li a h3,
	.sect2 ul li h3{margin:15px 0 5px 0; font-size:17px;font-weight:500;}
	.sect2 ul li a .txt{font-size:15px;}

	.sect2 .mcnt3 a .ico,
	.sect2 .mcnt5 a .ico,
	.sect2 .mcnt7 a .ico,
	.sect2 .mcnt9 a .ico,
	.sect2 .mcnt13 a .ico,
	.sect2 .mcnt14 a .ico,
	.sect2 .mcnt15 a .ico,
	.sect2 .mcnt17 a .ico,
	.sect2 .mcnt20 a .ico,
	.sect2 .mcnt21 a .ico,
	.sect2 .mcnt22 a .ico,
	.sect2 .mcnt23 a .ico,
	.sect2 .mcnt27 a .ico,
	.sect2 .mcnt28 a .ico{top:25px;}
	.sect2 .mcnt4 a .ico,
	.sect2 .mcnt8 a .ico,
	.sect2 .mcnt10 a .ico,
	.sect2 .mcnt16 a .ico,
	.sect2 .mcnt18 a .ico,
	.sect2 .mcnt19 a .ico,
	.sect2 .mcnt24 a .ico{top:15px;}
	.sect2 .mcnt11 .ico_ict{top:15px; background:url(/images/organ/common/mcnt4_ico01.png) no-repeat 50% 0 / 70%;}

	.sect2 .mcnt12 .more{position:absolute;bottom:63px;left:0;}

	/* 즐겨찾는 메뉴 .sect3 .grap{width:354px;} */

	.bannerWrap .grap .banner{width:69%;}
}



@media only screen and (min-width:768px){

	.sect1 .mobile{display:none; visibility:hidden;}
	.sect1 .mcnt2{display:block; visibility:visible; position:relative; height:290px; margin:0 0 45px 0; background:#fff url(/images/organ/common/mcnt2_bar.gif) repeat-x; }
	.sect1 .mcnt2:after{display:block;clear:both;content:'';}

	.sect1 .mcnt2 h3{float:left;position:relative;}
	.sect1 .mcnt2 h3:after{display:block;position:absolute;top:16px;left:0;width:1px;height:9px;background:#a2a6ac;content:'';}
	.sect1 .mcnt2 h3:first-child:after{display:none;}
	.sect1 .mcnt2 h3 a{display:block;padding:10px 20px 6px;font-size:16px;color:#fff; text-decoration:none;}
	.sect1 .mcnt2 h3 a.ov:before{position:absolute;bottom:-3px;left:50%;margin-left:-40px;width:80px;height:3px;background:#7DC242;content:'';}
	.sect1 .mcnt2 h3 a.ov:after{position:absolute;bottom:-17px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#7DC242;content:'';}

	.sect1 .mcnt2 .grap{position:absolute;top:65px;left:0;padding:0 5% 10px 5%;width:90%;background:#fff; border-radius:3px;}
	.sect1 .mcnt2 .grap li{position:relative;margin:9px 0 0;padding:0 0 0 8px;font-size:13px;color:#999}
	.sect1 .mcnt2 .grap li:before{display:block;position:absolute;top:9px;left:0;width:3px;height:3px;background:#a9a9a9;content:'';}
	.sect1 .mcnt2 .grap li.new:before{top:2px;left:-7px;width:16px;height:16px;background:url(/images/organ/common/notice_new.png) no-repeat;}
	.sect1 .mcnt2 .grap li:first-child{margin:0;}
	.sect1 .mcnt2 .grap li:after{display:block;clear:both;content:'';}
	.sect1 .mcnt2 .grap li a{display:block;float:left;overflow:hidden;width:65%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:14px;color:#545454}
	.sect1 .mcnt2 .grap li a:hover,
	.sect1 .mcnt2 .grap li a:focus{text-decoration:underline;}
	.sect1 .mcnt2 .grap li span{float:right;}

	.sect1 .mcnt2 .grap .more{/*display:none;*/position:absolute;top:-55px;right:23px}
	.sect1 .mcnt2 .grap .more a{display:block;width:24px;height:24px;background:#2b2c2e url(/images/organ/common/more.png) no-repeat 49% 50%;font-size:0;line-height:0;}

	.sect1 .mcnt1 .grap .obj{height:218px;}
	/*.sect1 .mcnt1 .grap .obj li{margin-left:-250px;}*/
	.sect1 .mcnt1 .grap .obj li img{/*max-height:285px;*/}


	.sect2{margin:15px 0 0;}
	.sect2 ul:after{display:block;clear:both;content:'';}
	.sect2 ul li{float:left;margin:0;width:50%;/*height:250px;*/text-align:center}
	.sect2 ul li a{padding:15px 0 0;height:235px;}
	.sect2 ul li a h3{margin:15px 0 0;padding:0; font-size:18px; font-weight:500;}
	.sect2 ul li a span,
	.sect2 ul li a span span{display:block;line-height:1.5;}
	.sect2 ul li a .ico{position:static;}
	.sect2 ul li a .txt{padding:0; font-size:15px;}

	.sect2 .mcnt3 a .ico{margin:30px auto 25px;background:url(/images/organ/common/mcnt3_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt4{background:#7DC242 url(/images/organ/common/mcnt4_bg.png) no-repeat;}
	.sect2 .mcnt4 a .ico{margin:8px auto 17px;background:url(/images/organ/common/mcnt4_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt5 a .ico{margin:25px auto 35px;background:url(/images/organ/common/mcnt5_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt6 a .ico{margin:30px auto 35px;background:url(/images/organ/common/mcnt6_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt7 a .ico{margin:27px auto 25px;background:url(/images/organ/common/mcnt7_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt8 a .ico{margin:8px auto 17px;background:url(/images/organ/common/mcnt8_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt9 a .ico{margin:25px auto 35px;background:url(/images/organ/common/mcnt9_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt10 a .ico{margin:8px auto 17px;background:url(/images/organ/common/mcnt10_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt11{padding:30px 0 0; height:220px;}
	.sect2 .mcnt11 h3{margin:0;padding:0; font-size:18px; font-weight:500;}
	.sect2 .mcnt11 span.ico_itc{position:static; display:block;line-height:1.5; margin:8px auto 17px;background:url(/images/organ/common/mcnt4_ico01.png) no-repeat 50% 0;}
	.sect2 .mcnt11 .grap2{padding:0 50px;}

	.sect2 .mcnt12{margin:0;height:250px;}
	.sect2 .mcnt12 .more{position:absolute;bottom:65px;left:0;}

	.sect2 .mcnt13 a .ico{margin:25px auto 35px;background:url(/images/organ/common/mcnt13_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt14 a .ico{margin:25px auto 35px;background:url(/images/organ/common/mcnt14_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt15 a .ico{margin:35px auto 25px;background:url(/images/organ/common/mcnt15_ico01.png) no-repeat 50% 0;}


	.sect2 .mcnt16 a .ico{margin:14px auto 17px;background:url(/images/organ/common/mcnt16_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt17 a .ico{margin:27px auto 25px;background:url(/images/organ/common/mcnt17_ico01.png) no-repeat 50% 0;}


	.sect2 .mcn18{background:#7DC242 url(/images/organ/common/mcnt18_bg.png) no-repeat;}
	.sect2 .mcnt18 a .ico{margin:8px auto 17px;background:url(/images/organ/common/mcnt18_ico01.png) no-repeat 50% 0;}


	.sect2 .mcnt19 a .ico{margin:8px auto 17px;background:url(/images/organ/common/mcnt4_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt20 a .ico{margin:25px auto 35px;background:url(/images/organ/common/mcnt20_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt21 a .ico{margin:29px auto 31px;background:url(/images/organ/common/mcnt21_ico01.png) no-repeat 50% 0;}


	.sect2 .mcnt22 a .ico{margin:29px auto 31px;background:url(/images/organ/common/mcnt22_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt23 a .ico{margin:27px auto 25px;background:url(/images/organ/common/mcnt23_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt24 a .ico{margin:14px auto 17px;background:url(/images/organ/common/mcnt24_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt27 a .ico{margin:27px auto 25px;background:url(/images/organ/common/mcnt27_ico01.png) no-repeat 50% 0;}

	.sect2 .mcnt28 a .ico{margin:25px auto 35px;background:url(/images/organ/common/mcnt28_ico01.png) no-repeat 50% 0;}


	/* 즐겨찾는 메뉴 .sect3 .grap{width:590px;} */

	.bannerWrap .grap h3{font-size:16px;}
	.bannerWrap .grap .banner .obj a{font-size:16px;}
	.bannerWrap .grap .banner .obj li:after{top:24px;}

}



@media only screen and (min-width:1000px){

	/* 즐겨찾는 메뉴 .sect3 ul li.mo_hide{display:block;} */

	.snb_box .snb .global_r a[class^="pop_btn"]{display:none}
	.snb_box .snb .global_r a.pop_btn_x{display:block;}

	.wrapper #container{padding:70px 0 50px;}

	#container h2{display:block;}
	#container h2 span{letter-spacing:1px;}

	.sectwrap:after{display:block;clear:both;content:'';}

	.sect1{float:left; width:488px;}

	.sect2{float:left; width:512px;}

	.sect1 .mcnt1 .grap .obj li img{width:auto;}

	.sect1 .mcnt2 h3:first-child{padding-left:20px; }
	.sect1 .mcnt2 h3:first-child:after{display:none;}
	.sect1 .mcnt2 h3:first-child a.ov:before{margin-left:-30px;}
	.sect1 .mcnt2 h3:first-child a.ov:after{margin-left:3px;}
	.sect1 .mcnt2 .grap{top:65px; height:257px; padding:0 24px 4px 24px; width:440px;}
	.sect1 .mcnt2 .grap li a{width:70%; }
	.sect1 .mcnt2 .grap .more{display:block;}

	.sect2{margin:0;}
	.sect2 ul:after{display:block;clear:both;content:'';}
	.sect2 ul li{float:left;margin:0 0 24px 24px;width:232px;/*height:260px;*/text-align:center; }
	.sect2 ul li a{padding:18px 0 0; height:242px;}

	.sect2 .mcnt11{height:230px;}
	.sect2 .mcnt11 .grap2{padding:0 20px;}
	.sect2 .mcnt11 .grap2 ul{height:56px;}
	.sect2 .mcnt11 .grap2 ul li a{padding:7px 0 0 0; height:20px;}
	.sect2 .mcnt11 .grap2 ul li .t_box{padding:11px 0 0 0; height:45px;}
	.sect2 .mcnt11 .grap2 ul li .t_box2{padding:7px 0 0 0; height:20px;}

	.sect2 .mcnt12{;margin:0 0 0 24px; height:260px;}
	.sect2 .mcnt12 > a figure figcaption {padding:11px 7% 10px;width:86%;}




	/* 즐겨찾는 메뉴
	.sect3{margin:35px 0 45px;text-align:center;}
	.sect3 .grap,
	.sect3 ul{width:auto;}
	.sect3 ul:after{display:block;clear:both;content:'';}
	.sect3 ul li{float:left;position:relative;width:12.5%;}
	.sect3 ul li:first-child{margin:0;} 
	.sect3 ul li:before{display:block;position:absolute;top:7px;left:0;width:2px;height:32px;background:url(/images/organ/common/sect3_bar.gif) repeat-y;content:'';}
	.sect3 ul li:first-child:before{display:none;}
	.sect3 ul li a{width:auto;height:auto;}

	.sect3 .control{display:none}


	*/

	.bannerWrap{padding:0;background:#343941; color:#ddd;}
	.bannerWrap .grap h3{margin-right:20px;}
	.bannerWrap .grap .control{margin-right:35px;}
	.bannerWrap .grap .banner{width:839px;}
}