@charset "utf-8";

/* namo 추가 */
ul, ol, li { list-style:none; display:inline-block; }
i, em { font-style:normal; }
img { vertical-align:top; }
button { border:none; background:none; cursor:pointer; }
button > span { position:relative; }

/*- 메인---------------------------------------------------------------------------------------------------------------------------*/
.wrapper_main, .wrapper_sub { position:relative; min-height:100%; }

.toploginarea_wrapper { display:none; }

/* bg 설정 - 노란색 */
.wrapper_main.yellow { min-width:1000px; background:url(img/bg_center-yellow.jpg) no-repeat center top; }
.wrapper_main.yellow .bgL {position:absolute; top:0; left:-500px; width:50%; height:810px;}
.wrapper_main.yellow .bgL div {width:100%; height:810px; background: url('img/bg_left-yellow.jpg') no-repeat right top;}
.wrapper_main.yellow .bgR {position:absolute; top:0; right:0px; width:50%; height:810px;}
.wrapper_main.yellow .bgR div {width:100%; height:810px; background: url('img/bg_right-yellow.jpg') no-repeat 500px top;}

.wrapper_sub.yellow { min-width:1000px; background:url(img/bg_sub-center-yellow.jpg) no-repeat center top; }
.wrapper_sub.yellow .bgL {position:absolute; top:0; left:-500px; width:50%; height:420px;}
.wrapper_sub.yellow .bgL div {width:100%; height:420px; background: url('img/bg_sub-left-yellow.jpg') no-repeat right top;}
.wrapper_sub.yellow .bgR {position:absolute; top:0; right:0px; width:50%; height:420px;}
.wrapper_sub.yellow .bgR div {width:100%; height:420px; background: url('img/bg_sub-right-yellow.jpg') no-repeat 500px top;}

/* bg - 보라색 */
.wrapper_main.purple { min-width:1000px; background:url(img/bg_center-purple.jpg) no-repeat center top; }
.wrapper_main.purple .bgL {position:absolute; top:0; left:-500px; width:50%; height:810px;}
.wrapper_main.purple .bgL div {width:100%; height:810px; background: url('img/bg_left-purple.jpg') no-repeat right top;}
.wrapper_main.purple .bgR {position:absolute; top:0; right:0px; width:50%; height:810px;}
.wrapper_main.purple .bgR div {width:100%; height:810px; background: url('img/bg_right-purple.jpg') no-repeat 500px top;}

.wrapper_sub.purple { min-width:1000px; background:url(img/bg_sub-center-purple.jpg) no-repeat center top; }
.wrapper_sub.purple .bgL {position:absolute; top:0; left:-500px; width:50%; height:420px;}
.wrapper_sub.purple .bgL div {width:100%; height:420px; background: url('img/bg_sub-left-purple.jpg') no-repeat right top;}
.wrapper_sub.purple .bgR {position:absolute; top:0; right:0px; width:50%; height:420px;}
.wrapper_sub.purple .bgR div {width:100%; height:420px; background: url('img/bg_sub-right-purple.jpg') no-repeat 500px top;}


.main_toparea { position:relative; width:1000px; height:162px; margin:0 auto; border:0px solid #00f; position:relative; z-index:90; }

.logo_topleft { position:absolute; left:0px; top:0px; width:243px; height:82px; border:0px solid #fff; text-align:left; cursor:pointer; }
.logo_topleft a { position:absolute; width:100%; height:100%; left:0; top:37px; font-weight:bold; color:#888; }

.topetc_wrapper { position:absolute; top:15px; right:0; z-index:95; }
.topetc_wrapper .topetc-list li { float:left; height:12px; margin-left:7px; padding-left:8px; border-left:1px solid #ccc; line-height:14px; }
.topetc_wrapper .topetc-list li:first-child { border-left:none; }
.topetc_wrapper .topetc-list li a { font-size:11px; }
.topetc_wrapper .topetc-list li a.btn-login { color:#c25283; font-weight:bold; }

.topmenu_wrapper { position:absolute; right:0; top:58px; border:0px solid #f00; width:700px; height:100px; z-index:90; }
.topmenu { position:relative; width:707px; padding:24px 25px 24px 18px; z-index:90; border-radius:20px; behavior: url(pie.htc);  }
.topmenu.on, .topmenu:hover { padding:21px 25px 21px 15px; background:#fff; border:3px solid #f28022; box-shadow:0 8px 0 -2px rgba(0,0,0,.2); }
.topmenu li { float:left; overflow:hidden; }
.topmenu li a { display:block; min-width:65px; padding:0 25px; font-size:17px; line-height:20px; text-align:center; color:#444; font-weight:bold; }

.top_submenu { display:none; padding:7px 10px 0; overflow:visible; }
.topmenu.on .top_submenu, .topmenu:hover .top_submenu { display:block; }
.top_submenu li { float:none; display:block; padding:4px 0; text-align:center; vertical-align:top; }
.top_submenu li:first-child { padding-top:15px; background-image:none; }
.top_submenu li a { display:block; font-size:14px; padding:0 0 0 20px; color:#888888; text-align:left; font-weight:normal; }
.top_submenu li a:hover { text-decoration:underline; color:#f28022; }


#main_characterstic { position:absolute; left:612px; top:223px; width:359px; height:131px; }

.main_mid_area { position:relative; padding-bottom:176px; background:url(img/bg_main.jpg) no-repeat center 53px; }
.main_mid_area .mid-top { position:relative; width:1000px; height:450px; margin:0 auto; }


/* 2015-10-29 수정 */
.main_mid_slide_area { position:absolute; width:530px; height:360px; top:0; left:0; }
.main_mid_slide_area #slider { position:absolute; width:530px; height:360px; top:0;  left:0; }
.main_mid_slide_area #slider ul li { position:absolute; display:none; }
.main_mid_slide_area #slider li:first-child { display:block; }
/* 2015-10-29 수정 // */

.navBulletsWrapper { position:absolute; width:100%; top:373px; left:0; z-index:50; text-align:center; *margin-left:220px; }
.navBulletsWrapper ul li { float:left; margin:0 3px; }
.navBulletsWrapper ul li button { display:block; width:17px; height:17px; text-indent:-10000px; background:url(img/btn_dot-off.png) no-repeat left top; }
.navBulletsWrapper ul li.on button { background-image:url(img/btn_dot-on.png); }

.btn-artEnglish { height:266px; padding:28px 0 0 41px; }

.more-button { position:absolute; width:456px; top:0; left:546px; overflow:hidden; text-align:center;}
.more-button ul { display:inline-block; width:100%; }
.more-button li { float:left; margin:0 0 10px 10px; }
.more-button a { display:block; width:216px; height:216px; background-repeat:no-repeat; background-position:center top; text-align:center;  }
.more-button .more1 { background-image:url(img/main-btn-bg1.png); }
.more-button .more2 { background-image:url(img/main-btn-bg2.png); }
.more-button .more3 { background-image:url(img/main-btn-bg3.png); }
.more-button .more4 { background-image:url(img/main-btn-bg4.png); }
.more-button a span { display:block; }
.more-button a .tit { padding:120px 0 10px; color:#fff; font-size:16px; background-repeat:no-repeat; background-position:center 40px; text-align:center;}
.more-button .more1 .tit { background-image:url(img/main-btn-ico1.png); }
.more-button .more2 .tit { background-image:url(img/main-btn-ico2.png); }
.more-button .more3 .tit { background-image:url(img/main-btn-ico3.png); }
.more-button .more4 .tit { background-image:url(img/main-btn-ico4.png); }
.more-button a span.tx { filter:alpha(opacity=50); opacity:.5;  font-size:12px; color:#000; *color:#555; text-align:center;}

.mdu { position:relative; }
.mdu .tit { padding:6px 0; border-bottom-width:2px; border-style:solid; }
.mdu .btn-more { position:absolute; top:12px; right:0; font-size:11px; }
.newTx-list { padding:8px 0; }
.newTx-list li { padding-top:8px; height:16px; overflow:hidden; }
.newTx-list li a { display:block; width:100%; font-size:12px; line-height:16px; overflow:hidden; color:#888; cursor:pointer; }
.newTx-list li a i { display:block; float:left; width:310px; padding-left:10px; background:url(img/ico_blet1.png) no-repeat left 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.newTx-list li a .date { display:block; float:right; }

.mid-btm { width:1000px; margin:40px auto 0; overflow:hidden; }
.mid-btm .fl { float:left; width:678px; overflow:hidden; }
.mid-btm .fr { float:right; width:285px; }

.noticewrap { float:left; width:320px; min-height:174px; margin-right:29px; margin-bottom:12px; }
.noticewrap .tit { border-color:#e6eab2; }
.noticewrap .btn-more { color:#adb800; }

.postscript { float:left; width:320px; }
.postscript .tit { border-color:#c1eaf5; }
.postscript .btn-more { color:#31bade; }

.photowrap { clear:both; }
.photowrap .tit { padding-bottom:8px; border:none; }
.photowrap .btn-more { color:#f7941d; right:5px; }
.photowrap li { float:left; margin-right:3px; }
.photowrap li > a > .title { display:none; }
.photowrap li > a > .desc { display:none; }


.main-side-banner li { display:block; margin-bottom:1px; }
.edu-info { padding:0 0 0 18px; height:62px; overflow:hidden; }
.edu-info .name { float:left; width:108px; }
.edu-info .name .tx { font-size:16px; color:#444; font-weight:bold; }
.edu-info .name .img { margin-bottom:2px; }
.edu-info .contact { float:right; width:155px; }
.edu-info .contact > p { padding-top:2px; font-size:15px; color:#444; }
.edu-info .contact .tit { display:inline-block; width:30px; }

/*- 서브 ---------------------------------------------------------------*/

.sub_midarea { position:relative;  width:1010px; margin:0 auto; border:0px solid #000;  padding-bottom:176px;}
.sub_menu { width:190px; float:left; margin-right:40px;  border:0px solid #ff0; min-height:500px; }
.sub_content { position:relative;  width:780px; float:left; padding:118px 0 0; margin-left:0; border:0px solid #00f;  }
.sub_content .common-postingcontent-wrapper { width:780px; overflow:hidden; border:0px solid #000;}


.sub_loginarea { width:174px; height:77px; padding:7px;  border:1px solid #d2d2d2; background:#fff; position:relative; margin-left:0px; border-radius:6px; }
.menu_buttonsandprevalbum { margin-left:1px; }
.menu_buttonsandprevalbum img { margin-top:5px; }

.sub_content_title { position:absolute; display:block; width:780px; top:50px; left:0; border:0px solid #f00;}

.sub_content_title .sub_content_title_location { padding-top:0px; color:#aaa; text-align:right; font-size:11px; }
.sub_content_title .sub_content_title_location div { display:inline-block; }
.sub_content_title .sub_content_title_location .boardname { color:#f26522; }

.sub_content_title_boardname { position:absolute; left:0px; top:23px; font-weight:bold; font-size:25px; white-space:nowrap; color:#595959; float:left; border:0px solid #f00; }
.sub_content_title_categoryname { display:none; }  



.sub_bottom_wrapper  { background: url('img/sub_bottombg.png') center top;  position:relative; border:0px solid #f00; height:264px;}

.menu_wrapper { width:190px; overflow:hidden; margin-bottom:20px; }
.menu_wrapper .menu_category { padding:78px 0 10px 20px; text-align:left; font-size:30px; color:#fff; overflow:hidden; color:#f7941d; }
.menu_wrapper .menu_category i { font-size:30px; color:#f26522; }
.menu_wrapper ul { display:block; padding:12px 20px 0 0px; }
.menu_wrapper ul li { display:block; background:url(img/ico_menu-div2.png) no-repeat left top; vertical-align:top; }
.menu_wrapper ul li:first-child { border-top:none; }
.menu_wrapper ul li a { display:block; width:149px; padding:10px 20px; color:#444; font-size:15px; line-height:20px; }
.menu_wrapper ul a.menu_currentboard, .menu_wrapper ul a:hover { color:#fff; background:url(img/bg_sub-menu.png) no-repeat left top; }


/* footer 영역 ------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

.footer_area_wrapper { clear:both; position:absolute; bottom:0; left:0; width:100%; height:95px; padding-top:30px; border-top:1px solid #b5b5b5; background:#fcfcfc; }
.footer_area_wrapper .inbox { position:relative; width:1000px; margin:0 auto; }
.logo-footer { float:left; width:200px; overflow:hidden; }
.logo-footer li { float:left; margin-right:28px; }
.footer-cnt { float:left; width:780px; }
.fooer-menu-list { margin-bottom:6px; }
.fooer-menu-list li { float:left; vertical-align:top; }
.fooer-menu-list li a { display:block; height:12px; padding:0 7px; border-left:1px solid #939393; }
.fooer-menu-list li:first-child a { padding-left:0; border-left:none; }
.footer-tx { font-size:11px; color:#888888; line-height:1.5em; }
.footer-tx .tx-red { color:#dd333a; }

.sns-list { text-align:right; }
.sns-list ul { display:inline-block; }
.sns-list li { display:block; float:left; margin-left:10px; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.tab { background:url('content/tabbg.png') left bottom repeat-x; }