@charset "utf-8"; /* BSK 130213 */ @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* Type Selector */ /*-- font --*/ @font-face{ font-family:Open Sans; src:url('/images/opensans.eot'); /* ie */ src:local('?'), url('/images/opensans.eot?#iefix') format('embedded-opentype'), url('/images/opensans.woff') format('woff'); } @font-face{ font-family:'Malgun Gothic'; src:url('/images/MalgunGothic.eot'); /* ie */ src:local('?'), url('/images/MalgunGothic.eot?#iefix') format('embedded-opentype'), url('/images/MalgunGothic.woff') format('woff'); } /*NotoSans*/ @font-face { font-family: 'noto-thin'; font-style: normal; font-weight: 100; src: url(font/NotoSans-Thin.eot); src: url(font/NotoSans-Thin.eot?#iefix) format('embedded-opentype'), url(font/NotoSans-Thin.woff2) format('woff2'), url(font/NotoSans-Thin.woff) format('woff'), url(font/NotoSans-Thin.otf) format('opentype'); } @font-face { font-family: 'noto-light'; font-style: normal; font-weight: 200; src: url(font/NotoSans-Light.eot); src: url(font/NotoSans-Light.eot?#iefix) format('embedded-opentype'), url(font/NotoSans-Light.woff2) format('woff2'), url(font/NotoSans-Light.woff) format('woff'), url(font/NotoSans-Light.otf) format('opentype'); } @font-face { font-family: 'noto-demilight'; font-style: normal; font-weight: 300; src: url(font/NotoSans-DemiLight.eot); src: url(font/NotoSans-DemiLight.eot?#iefix) format('embedded-opentype'), url(font/NotoSans-DemiLight.woff2) format('woff2'), url(font/NotoSans-DemiLight.woff) format('woff'), url(font/NotoSans-DemiLight.otf) format('opentype'); } @font-face { font-family: 'noto'; font-style: normal; font-weight: 400; src: url(font/NotoSans-Regular.eot); src: url(font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'), url(font/NotoSans-Regular.woff2) format('woff2'), url(font/NotoSans-Regular.woff) format('woff'), url(font/NotoSans-Regular.otf) format('opentype'); } @font-face { font-family: 'noto-medium'; font-style: normal; font-weight: 600; src: url(font/NotoSans-Medium.eot); src: url(font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'), url(font/NotoSans-Medium.woff2) format('woff2'), url(font/NotoSans-Medium.woff) format('woff'), url(font/NotoSans-Medium.otf) format('opentype'); } @font-face { font-family: 'noto-bold'; font-style: normal; font-weight: 700; src: url(font/NotoSans-Bold.eot); src: url(font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'), url(font/NotoSans-Bold.woff2) format('woff2'), url(font/NotoSans-Bold.woff) format('woff'), url(font/NotoSans-Bold.otf) format('opentype'); } @font-face { font-family: 'noto-black'; font-style: normal; font-weight: 900; src: url(font/NotoSans-Black.eot); src: url(font/NotoSans-Black.eot?#iefix) format('embedded-opentype'), url(font/NotoSans-Black.woff2) format('woff2'), url(font/NotoSans-Black.woff) format('woff'), url(font/NotoSans-Black.otf) format('opentype'); } /*Lato*/ /* Lato-Black */ @font-face { font-family: 'lato_Black'; src: url('font/Lato-Black.eot'); /* IE9 Compat Modes */ src: url('font/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-Black.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-Black.woff') format('woff'), /* Modern Browsers */ url('font/Lato-Black.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-Bold */ @font-face { font-family: 'lato_Bold'; src: url('font/Lato-Bold.eot'); /* IE9 Compat Modes */ src: url('font/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-Bold.woff') format('woff'), /* Modern Browsers */ url('font/Lato-Bold.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-Hairline */ @font-face { font-family: 'lato_Hairline'; src: url('font/Lato-Hairline.eot'); /* IE9 Compat Modes */ src: url('font/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-Hairline.woff') format('woff'), /* Modern Browsers */ url('font/Lato-Hairline.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-Heavy */ @font-face { font-family: 'lato_Heavy'; src: url('font/Lato-Heavy.eot'); /* IE9 Compat Modes */ src: url('font/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-Heavy.woff') format('woff'), /* Modern Browsers */ url('font/Lato-Heavy.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-Light */ @font-face { font-family: 'lato_Light'; src: url('font/Lato-Light.eot'); /* IE9 Compat Modes */ src: url('font/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-Light.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-Light.woff') format('woff'), /* Modern Browsers */ url('font/Lato-Light.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-Medium */ @font-face { font-family: 'lato_Medium'; src: url('font/Lato-Medium.eot'); /* IE9 Compat Modes */ src: url('font/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-Medium.woff') format('woff'), /* Modern Browsers */ url('font/Lato-Medium.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-Regular */ @font-face { font-family: 'lato'; src: url('font/Lato-Regular.eot'); /* IE9 Compat Modes */ src: url('font/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-Regular.woff') format('woff'), /* Modern Browsers */ url('font/Lato-Regular.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-Semibold */ @font-face { font-family: 'lato_Semibold'; src: url('font/Lato-Semibold.eot'); /* IE9 Compat Modes */ src: url('font/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-Semibold.woff') format('woff'), /* Modern Browsers */ url('font/Lato-Semibold.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-Thin */ @font-face { font-family: 'lato_Thin'; src: url('font/Lato-Thin.eot'); /* IE9 Compat Modes */ src: url('font/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-Thin.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-Thin.woff') format('woff'), /* Modern Browsers */ url('font/Lato-Thin.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-MediumItalic */ @font-face { font-family: 'lato_Medium'; src: url('font/Lato-MediumItalic.eot'); /* IE9 Compat Modes */ src: url('font/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-MediumItalic.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-MediumItalic.woff') format('woff'), /* Modern Browsers */ url('font/Lato-MediumItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-BlackItalic */ @font-face { font-family: 'lato_Black'; src: url('font/Lato-BlackItalic.eot'); /* IE9 Compat Modes */ src: url('font/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-BlackItalic.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-BlackItalic.woff') format('woff'), /* Modern Browsers */ url('font/Lato-BlackItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-BoldItalic */ @font-face { font-family: 'lato_Bold'; src: url('font/Lato-BoldItalic.eot'); /* IE9 Compat Modes */ src: url('font/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */ url('font/Lato-BoldItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-HairlineItalic */ @font-face { font-family: 'lato_Hairline'; src: url('font/Lato-HairlineItalic.eot'); /* IE9 Compat Modes */ src: url('font/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-HairlineItalic.woff') format('woff'), /* Modern Browsers */ url('font/Lato-HairlineItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-HeavyItalic */ @font-face { font-family: 'lato_Heavy'; src: url('font/Lato-HeavyItalic.eot'); /* IE9 Compat Modes */ src: url('font/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-HeavyItalic.woff') format('woff'), /* Modern Browsers */ url('font/Lato-HeavyItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-Italic */ @font-face { font-family: 'lato'; src: url('font/Lato-Italic.eot'); /* IE9 Compat Modes */ src: url('font/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-Italic.woff') format('woff'), /* Modern Browsers */ url('font/Lato-Italic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-LightItalic */ @font-face { font-family: 'lato_Light'; src: url('font/Lato-LightItalic.eot'); /* IE9 Compat Modes */ src: url('font/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-LightItalic.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */ url('font/Lato-LightItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-SemiboldItalic */ @font-face { font-family: 'lato_Semibold'; src: url('font/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */ src: url('font/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */ url('font/Lato-SemiboldItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-ThinItalic */ @font-face { font-family: 'lato_Thin'; src: url('font/Lato-ThinItalic.eot'); /* IE9 Compat Modes */ src: url('font/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/Lato-ThinItalic.woff2') format('woff2'), /* Modern Browsers */ url('font/Lato-ThinItalic.woff') format('woff'), /* Modern Browsers */ url('font/Lato-ThinItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } * {margin:0; padding:0; font-family:Gulim, "굴림",Dotum, "돋움", sans-serif;} body {background:url(../images/bg/bg_top.jpg) repeat-x left top #FFF; line-height:1.6em; color:#2d2d2d; font-size:12px; text-align:center; } img, fieldset, button {border:none;} img, button, input, select {vertical-align:middle;} hr, button img {display:none;} li {list-style:none;} a {color:#2d2d2d;text-decoration:none;} a:hover {color:#2d2d2d; text-decoration:underline;} a:active {color:#2d2d2d; text-decoration:underline;} a:visited {color:#a7a7a7; text-decoration:none;} textarea {overflow:auto;} html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */ option {padding-right:6px;} /* Firefox Fix */ legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */ /* Layout Selector */ #main_wrapper {width:100%; margin:0 auto; text-align:left;} #wrapper {width:100%; margin:0 auto; text-align:left; background:url(../images/bg/bg_sub_top.jpg) repeat-x left top;} /* Top Layout */ #main_header {width:1030px; height:100px; margin:0 auto;} #header {width:1030px; height:135px; margin:0 auto;} /* Top Content */ h1 {margin:0; position:absolute; top:50px; z-index:11; width:162px; height:33px; background:url(../images/logo/logo_top.jpg) no-repeat; text-indent:-9000px;} h1 a {display:block; height:33px; background:url(../images/logo/logo_top.jpg) no-repeat;} #top {width:1030px; height:35px;} #top .left_top {float:left; width:750px; text-align:left;} #top .left_top #branch_top {float:left; width:225px; text-align:left;} #top .left_top #selected {float:right; width:200px; height:35px; line-height:35px; text-align:left; padding-left:10px;} #top .left_top #selected a.branch {color:#FFF;text-decoration:none;} #top .left_top #selected a.branch:hover {color:#FFF; text-decoration:underline;} #top .left_top #selected a.branch:active {color:#FFF; text-decoration:underline;} #top .left_top #selected a.branch:visited {color:#FFF; text-decoration:none;} #top .left_top #slogan_top {float:right; width:300px; text-align:left; margin:10px 10px 0 0;} #top .right_top {float:right; width:220px; text-align:right; margin:5px 10px 0 0;} #top .right_top li {display:inline; margin-right:5px;} /* Navigation */ .navi {position:absolute; z-index:10; display:block; top:65px; width:1030px; height:38px;} *:first-child+html .navi {position:absolute; z-index:5; display:block; top:63px; width:1030px; height:38px;} /* only IE7 */ .navi ul.depth1 {float:left; margin-left:155px;} .navi ul.depth1 li.gnb1 {float:left; display:inline; height:30px; margin-left:45px;} /* 140225 Navigation 레이아웃 수정 */ /* .navBox { position:absolute; z-index:10; display:none; top:65px; width:100%; min-height:34px; height:275px; background:#FFF; border-bottom:1px solid #9f003c; } .navBox:after {display:block;visibility:hidden;clear:both;content:""} .nav { width:1030px; height:275px; margin:0px auto; color:#2d2d2d; background:url(../images/etc/img_nav.jpg) no-repeat 30px 40px; } */ .nav { position:absolute; z-index:10; display:none; top:65px; width:1030px; min-height:34px; height:275px; color:#2d2d2d; background:url(../images/etc/img_nav.jpg) no-repeat 30px 40px #FFF; border-bottom:1px solid #9f003c; } .nav ul.depth1 {float:left; margin-left:155px;} .nav ul.depth1 li.gnb1 {float:left; display:inline; height:30px; margin-left:45px;} .nav ul.depth1 ul.depth2 {position:absolute; width:100px; top:45px;} .nav ul.depth1 ul.depth2 li {display:block; height:18px; margin-bottom:7px; } .nav ul.depth1 ul.depth2 li a:visited {color:#2d2d2d; text-decoration:none;} .nav ul.depth1 ul.depth2 li a:hover {color:#9f003c; text-decoration:none; } /* Content Layout */ #container { position:relative; clear:both; width:1030px; min-height:300px; margin:30px auto 30px auto; padding:0 0 20px 0;} /* Main_Left */ #sideContent {float:left; width:225px; margin-bottom:10px;} #sideContent #login {width:225px; min-height:120px; background:#FFF; margin-bottom:10px;} #sideContent #login .login_top {width:225px; height:13px; margin:20px 0 10px; background:url(../images/etc/title_main_login.gif) no-repeat;} #sideContent #login .login_bt {width:225px; height:26px; margin-top:10px;} #sideContent #login .login_bt li {display:inline;} #sideContent #login .login_bt2 {width:225px; height:26px; margin-top:12px;} #sideContent #login .login_bt2 li {display:inline;} #sideContent #login .my_box {width:225px; height:59px; background:url(../images/bg/bg_login.gif) no-repeat left top;} #sideContent #login .my_box p {padding:7px 0 0 5px;} #sideContent #login .my_box .boxtable {margin-top:5px;} #sideContent #login .my_box .boxtable td {text-align:center; height:17px;} #sideContent #login .my_box .boxtable td.point {padding-right:7px;} #sideContent #login .my_box .boxtable td.notice {padding-left:7px;} #sideContent .calendar_box2 {max-width:215px; height:195px; margin-bottom:10px; background:#f7f7f7; border:1px solid #e9e8e5;} #sideContent .calendar_box2 .calendar_top {width:190px; height:26px; line-height:26px; margin:0 auto;} #sideContent .calendar_box2 .calendar_top li {display:inline; padding-left:2px; font-family: 'NanumGothic', serif; font-size:20px;} #sideContent .calendar_box2 .calendar_top li:first-child {padding-left:5px;} #sideContent .left_link {width:225px; height:51px; padding-top:10px; background:#FFF;} #sideContent #left_link2 {width:225px;} #sideContent #essay {width:225px; margin-top:10px;} #sideContent #essay #title_essay {width:225px; height:30px; margin-bottom:10px; background:url(../images/etc/title_essay.gif) no-repeat;} #sideContent #essay #img_box2 {float:left;} #sideContent #essay #img_box2 img {float:left; margin-right:5px; padding:7px 9px 10px 7px; background:url(../images/bg/bg_essay.jpg) no-repeat left top;} #sideContent #essay #img_box2 p {float:right;} /* Main_content */ #content_container {float:right; width:785px; margin:0;} #content_container #legendary {width:870px; height:40px; line-height:40px; margin:10px; padding:0 10px 0 0; text-align:right; background-color:#f0f0f0;} #content_container #legendary #date {float:left; width:500px; height:40px; line-height:40px; text-align:left; padding-left:10px; color:#980039; font-size:1.563em; font-weight:500;} #content_container #primaryContent {float:left; width:565px; margin-bottom:20px;} #content_container #primaryContent .title_box {width:100%; height:24px; text-align:center; padding-top:2px;} #content_container #primaryContent .title_box li {display:inline;} *:first-child+html #content_container #primaryContent .title_box {width:100%; height:24px; text-align:center; margin-bottom:10px; padding-top:2px; background:url(../images/bg/bg_vod_title.gif) repeat-x left top;} /* only IE7 */ #content_container #primaryContent .press_box {width:100%; height:223px; margin-top:-7px; background:url(../images/bg/bg_press.jpg) no-repeat left top;} *:first-child+html #content_container #primaryContent .press_box p {display:block; width:360px; height:186px; line-height:120%; margin:2px 0 0 197px; font-size:14px; font-family: 'NanumGothic', serif; } /* only IE7 */ #content_container #primaryContent .press_box p {display:block; width:360px; height:186px; line-height:120%; margin:18px 0 0 197px; padding-top:12px; font-size:14px; font-family: 'NanumGothic', serif; } #content_container #primaryContent .box_left {float:left; width:271px;} #content_container #primaryContent .box_left #notice_box {width:271px; height:133px; border-bottom:1px solid #980039;} #content_container #primaryContent .box_left #notice_box #branch_notice {width:271px; height:46px; margin-bottom:10px; background:url(../images/etc/title_branch_notice.gif) no-repeat left top;} #content_container #primaryContent .box_left #notice_box li {display:block; margin-bottom:5px; padding-left:16px; background:url(../images/etc/icon_list.gif) no-repeat left center;} #content_container #primaryContent .box_left #news_box {width:271px; margin-top:10px;} #content_container #primaryContent .box_left #news_box #title_news {width:271px; height:30px; margin-bottom:10px; background:url(../images/etc/title_news.gif) no-repeat;} #content_container #primaryContent .box_left #news_box .img_box3 {float:left;} #content_container #primaryContent .box_left #news_box .img_box3 img {float:left; margin-right:5px; padding:4px 5px 21px 5px; background:url(../images/bg/bg_vod_branch.jpg) no-repeat left top;} #content_container #primaryContent .box_left #news_box .img_box3 p {float:right;} #content_container #primaryContent .box_left2 {float:left; width:271px; min-height:148px;} #content_container #primaryContent .box_left2 #notice_box2 {position:absolute; z-index:10; width:271px; height:133px; overflow:hidden;} #content_container #primaryContent .box_left2 #notice_box2 #main_notice {width:271px; height:37px; margin:16px 0px 10px; border-bottom:1px solid #e1e1e1;} #content_container #primaryContent .box_left2 #notice_box2 #main_notice .top_title {float:left; width:168px; height:19px; margin:10px 0px 0px 6px;} #content_container #primaryContent .box_left2 #notice_box2 li {display:block; margin-bottom:5px; padding-left:16px; background:url(../images/etc/icon_list.gif) no-repeat left center;} #content_container #primaryContent .box_left2 #spc_box3 {position:absolute; z-index:10; width: 271px; height: 133px; visibility: hidden; overflow: hidden;} #content_container #primaryContent .box_left2 #spc_box3 #spc_notice {width:271px; height:37px; margin:16px 0px 10px; border-bottom:1px solid #e1e1e1;} #content_container #primaryContent .box_left2 #spc_box3 #spc_notice .top_title {float:left; width:168px; height:19px; margin:10px 0px 0px 6px;} #content_container #primaryContent .box_left2 #spc_box3 li {display:block; margin-bottom:5px; padding-left:16px; background:url(../images/etc/icon_list.gif) no-repeat left center;} #content_container #primaryContent .box_right2 {float:right; width:271px;} #content_container #primaryContent .box_right2 #event_box2 {position:absolute; z-index:10; width:271px; height:133px; overflow: hidden;} #content_container #primaryContent .box_right2 #event_box2 #main_press {width:271px; height:37px; margin:16px 0px 10px; border-bottom:1px solid #e1e1e1;} #content_container #primaryContent .box_right2 #event_box2 #main_press .top_title {float:left; width:168px; height:19px; margin:10px 0px 0px 6px;} #content_container #primaryContent .box_right2 #event_box2 li {display:block; margin-bottom:5px; padding-left:16px; background:url(../images/etc/icon_list.gif) no-repeat left center;} #content_container #primaryContent .box_right2 #event_box3 {position:absolute; z-index:10; width: 271px; height: 133px; visibility: hidden; overflow: hidden;} #content_container #primaryContent .box_right2 #event_box3 #academy_news {width:271px; height:37px; margin:16px 0px 10px; border-bottom:1px solid #e1e1e1;} #content_container #primaryContent .box_right2 #event_box3 #academy_news .top_title {float:left; width:168px; height:19px; margin:10px 0px 0px 6px;} #content_container #primaryContent .box_right2 #event_box3 li {display:block; margin-bottom:5px; padding-left:16px; background:url(../images/etc/icon_list.gif) no-repeat left center;} #content_container #primaryContent .box_right {float:right; width:271px;} #content_container #primaryContent .box_right #event_box {width:271px; height:133px; border-bottom:1px solid #980039;} #content_container #primaryContent .box_right #event_box #main_press {width:271px; height:37px; margin:15px 0px 10px;} #content_container #primaryContent .box_right #event_box #main_press .top_title {float:left; width:168px; height:19px; margin:10px 0px 0px 6px;} #content_container #primaryContent .box_right #event_box #monthly_event {width:271px; height:46px; margin-bottom:10px; background:url(../images/etc/title_monthly_event.gif) no-repeat left top;} #content_container #primaryContent .box_right #event_box li {display:block; margin-bottom:5px; padding-left:16px; background:url(../images/etc/icon_list.gif) no-repeat left center;} #content_container #primaryContent .box_right #pre_box {width:280px; margin-top:10px;} #content_container #primaryContent .box_right #pre_box #title_presentation {width:280px; height:30px; margin-bottom:10px; background:url(../images/etc/title_presentation.gif) no-repeat;} #content_container #primaryContent .box_right #pre_box .img_box4 {float:left;} #content_container #primaryContent .box_right #pre_box .img_box4 img {float:left; margin-right:5px; padding:3px 5px 21px 4px; background:url(../images/bg/bg_vod_branch.jpg) no-repeat left top;} #content_container #primaryContent .box_right #pre_box .img_box4 p {float:right;} #content_container #right_box {float:right; width:200px; height:262px; margin-top:5px;} #content_container #right_box li {display:block;} #content_container #right_box2 {float:right; width:200px; height:262px;} #content_container #right_box2 .last {margin-top:5px;} #content_container #right_box2 li {display:block;} #sns_box li {float:left;} #hot_news {clear:both; width:1030px; height:44px; background:url(../images/bg/bg_hot_news.gif) repeat-x left top;} *:first-child+html #hot_news {clear:both; width:1030px; height:44px; margin-top:13px; background:url(../images/bg/bg_hot_news.gif) repeat-x left top;} /* only IE7 */ #hot_news #hot_line {float:left; width:771px; height:29px; margin:7px 0 0 10px; background:url(../images/bg/bg_hot_news_line.jpg) no-repeat left top;} #hot_news #hot_line p {padding:0 15px; line-height:29px; text-align:left;} #hot_news #paper { position:relative; float:right; width:197px; height:44px; } #hot_news #paper .event { position:absolute; z-index:15; width:60px; height:55px; top:-11px; right:10px; background:url(../images/etc/img_event_camera.png) no-repeat left top; } #bt_box {width:1030px; height:219px; margin-top:20px;} #bt_box #left_bt {float:left; width:484px; height:219px;} #bt_box #left_bt #bt_left {float:left; width:227px; height:219px; border-bottom:1px solid #980039;} #bt_box #left_bt #bt_left #main_portfolio {width:227px; height:50px; margin-bottom:10px; background:url(../images/etc/title_portfolio.gif) no-repeat left top;} #bt_box #left_bt #bt_left li {float:left; display:block; margin-bottom:10px;} #bt_box #left_bt #bt_left li img {float:left; margin-right:2px; padding:2px; background:url(../images/bg/bg_contest_vod.gif) no-repeat left top;} #bt_box #left_bt #bt_left li p {float:right;} #bt_box #left_bt #bt_right {float:right; width:239px; height:219px; border-bottom:1px solid #980039;} #bt_box #left_bt #bt_right #main_interview {width:239px; height:50px; margin-bottom:5px; background:url(../images/etc/title_interview.gif) no-repeat left top;} #bt_box #left_bt #bt_right li {display:block; margin-bottom:10px; float:left;} #bt_box #left_bt #bt_right li img {float:left; margin-right:5px; padding:2px; background:url(../images/bg/bg_contest_vod.gif) no-repeat left top;} #bt_box #left_bt #bt_right li p { max-width:117px; float:right;} #bt_box #right_bt {float:right; width:528px; height:219px;} #bt_box #right_bt #bt_left2 {float:left; width:236px; height:219px; border-bottom:1px solid #980039;} #bt_box #right_bt #bt_left2 #main_contest {width:236px; height:50px; margin-bottom:10px; background:url(../images/etc/title_contest.gif) no-repeat left top;} #bt_box #right_bt #bt_left2 li {display:block; margin-bottom:10px; float:left;} #bt_box #right_bt #bt_left2 li img {float:left; margin-right:5px; padding:2px; background:url(../images/bg/bg_contest_vod.gif) no-repeat left top;} #bt_box #right_bt #bt_left2 li p { max-width:117px; float:right;} #bt_box #right_bt #bt_right2 {float:right; width:277px; height:219px;} #bt_box #right_bt #bt_right2 .best {position:absolute; z-index:113; top:435px; width:90px; height:32px; padding-left:15px;} #bt_box #right_bt #bt_right2 #jbox {position:absolute; z-index:112; top:435px; width:242px; height:224px; padding:36px 0 0 35px; background:url(../images/bg/bg_best.jpg) no-repeat left top;} .more {float:right; width:32px; height:5px; margin:25px 10px 0 0;} .more2 {float:right; width:32px; height:5px; margin:15px 10px 0 0;} /* Sub_content */ #subContent { position:relative; width:1030px; min-height:300px; height:100%; margin:10px auto 0 auto; background:url(../images/bg/bg_sub_menu.gif) repeat-y left 84px;} .submenu {width:225px; min-height:50px;} .submenu #menu_title01 {width:233px; height:122px; margin-right:-8px; background:url(../images/etc/title_sub_menu01.gif) no-repeat left 20px #FFF;} .submenu #menu_title02 {width:233px; height:122px; margin-right:-8px; background:url(../images/etc/title_sub_menu02.gif) no-repeat left 20px #FFF;} .submenu #menu_title03 {width:233px; height:122px; margin-right:-8px; background:url(../images/etc/title_sub_menu03.gif) no-repeat left 20px #FFF;} .submenu #menu_title04 {width:233px; height:122px; margin-right:-8px; background:url(../images/etc/title_sub_menu04.gif) no-repeat left 20px #FFF;} .submenu #menu_title05 {width:233px; height:122px; margin-right:-8px; background:url(../images/etc/title_sub_menu05.gif) no-repeat left 20px #FFF;} .submenu #menu_title06 {width:233px; height:122px; margin-right:-8px; background:url(../images/etc/title_sub_menu06.gif) no-repeat left 20px #FFF;} .submenu #menu_title07 {width:233px; height:122px; margin-right:-8px; background:url(../images/etc/title_sub_menu07.gif) no-repeat left 20px #FFF;} .submenu #menu_title08 {width:233px; height:122px; margin-right:-8px; background:url(../images/etc/title_sub_menu08.gif) no-repeat left 20px #FFF;} .submenu #menu_title09 {width:233px; height:122px; margin-right:-8px; background:url(../images/etc/title_sub_menu09.gif) no-repeat left 20px #FFF;} .submenu #menu_title09 .btn {width:233px; height:122px; background:url(../images/etc/title_sub_menu09.gif) no-repeat left 20px #FFF; cursor:pointer; text-indent:-9999px;} .submenu #menu_title09 span {display:block; width:233px; height:122px; background:url(../images/etc/title_sub_menu09.gif) no-repeat left 20px #FFF; cursor:pointer; text-indent:-9999px;} .submenu #menu_title10 {width:233px; height:122px; margin-right:-8px; background:url(../images/etc/title_sub_menu10.gif) no-repeat left 20px #FFF;} .submenu ul {margin-top:10px; text-align:right;} .submenu li {display:block;} .submenu ul.2depth {position:relative; display:none; top:800px; height:100px; margin-top:-5px;} .submenu ul.2depth li {display:block;} #subContent #rightContent { float:right; width:760px; min-height:300px; margin-bottom:50px;} #subContent #rightContent #subimg01 {width:760px; height:145px; margin-bottom:10px; background:url(../images/etc/img_sub01.jpg) no-repeat;} #subContent #rightContent #subimg02 {width:760px; height:145px; margin-bottom:10px; background:url(../images/etc/img_sub02.jpg) no-repeat;} #subContent #rightContent #subimg03 {width:760px; height:145px; margin-bottom:10px; background:url(../images/etc/img_sub03.jpg) no-repeat;} #subContent #rightContent #subimg04 {width:760px; height:145px; margin-bottom:10px; background:url(../images/etc/img_sub04.jpg) no-repeat;} #subContent #rightContent #subimg05 {width:760px; height:145px; margin-bottom:10px; background:url(../images/etc/img_sub05.jpg) no-repeat;} #subContent #rightContent #subimg06 {width:760px; height:145px; margin-bottom:10px; background:url(../images/etc/img_sub06.jpg) no-repeat;} #subContent #rightContent #subimg07 {width:760px; height:145px; margin-bottom:10px; background:url(../images/etc/img_sub07.jpg) no-repeat;} #subContent #rightContent #subimg08 {width:760px; height:145px; margin-bottom:10px; background:url(../images/etc/img_sub08.jpg) no-repeat;} #subContent #rightContent #subimg09 {width:760px; height:145px; margin-bottom:10px; background:url(../images/etc/img_sub09.jpg) no-repeat;} #subContent #rightContent #legendary {width:100%; height:20px; line-height:20px; text-align:right; color:#7d7d7d;} #subContent #rightContent #legendary li {float:right; padding-left:15px; background:url(../images/etc/icon_legendary_home.jpg) no-repeat left center;} #subContent #rightContent #sub_title01_01 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub01_01.gif) no-repeat;} #subContent #rightContent #sub_title01_02 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub01_02.gif) no-repeat;} #subContent #rightContent #sub_title01_03 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub01_03.gif) no-repeat;} #subContent #rightContent #sub_title01_04 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub01_04.gif) no-repeat;} #subContent #rightContent #sub_title01_05 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub01_05.gif) no-repeat;} #subContent #rightContent #sub_title01_06 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub01_06.gif) no-repeat;} #subContent #rightContent #sub_title01_06a {width:100%; height:25px; margin-top:15px; background:url(../images/etc/title_result01.gif) no-repeat;} #subContent #rightContent #sub_title01_06b {width:100%; height:25px; margin-top:15px; background:url(../images/etc/title_result02.gif) no-repeat;} #subContent #rightContent #sub_title01_06c {width:100%; height:25px; margin-top:15px; background:url(../images/etc/title_result03.gif) no-repeat;} #subContent #rightContent #sub_title01_06d {width:100%; height:25px; margin-top:15px; background:url(../images/etc/title_result04.gif) no-repeat;} #subContent #rightContent #sub_title01_07 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub01_07.gif) no-repeat;} #subContent #rightContent #sub_title02_00 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub02_00.gif) no-repeat;} #subContent #rightContent #sub_title02_01 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub02_01.gif) no-repeat;} #subContent #rightContent #sub_title02_02 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub02_02.gif) no-repeat;} #subContent #rightContent #sub_title02_03 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub02_03.gif) no-repeat;} #subContent #rightContent #sub_title02_04 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub02_04.gif) no-repeat;} #subContent #rightContent #sub_title02_05 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub02_05.gif) no-repeat;} #subContent #rightContent #sub_title02_06 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub02_06.gif) no-repeat;} #subContent #rightContent #sub_title03_01 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub03_01.gif) no-repeat;} #subContent #rightContent #sub_title03_02 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub03_02.gif) no-repeat;} #subContent #rightContent #sub_title03_03 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub03_03.gif) no-repeat;} #subContent #rightContent #sub_title03_04 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub03_04.gif) no-repeat;} #subContent #rightContent #sub_title03_05 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub03_05.gif) no-repeat;} #subContent #rightContent #sub_title03_06 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub03_06.jpg) no-repeat;} #subContent #rightContent #sub_title04_01 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub04_01.gif) no-repeat;} #subContent #rightContent #sub_title04_02 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub04_02.gif) no-repeat;} #subContent #rightContent #sub_title04_03 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub04_03.gif) no-repeat;} #subContent #rightContent #sub_title04_04 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub04_04.gif) no-repeat;} #subContent #rightContent #sub_title04_05 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub04_05.gif) no-repeat;} #subContent #rightContent #sub_title05_01 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub05_01.gif) no-repeat;} #subContent #rightContent #sub_title05_02 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub05_02.gif) no-repeat;} #subContent #rightContent #sub_title05_03 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub05_03.gif) no-repeat;} #subContent #rightContent #sub_title05_04 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub05_04.gif) no-repeat;} #subContent #rightContent #sub_title05_05 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub05_05.gif) no-repeat;} #subContent #rightContent #sub_title05_06 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub05_06.gif) no-repeat;} #subContent #rightContent #sub_title05_08 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub05_08.gif) no-repeat;} #subContent #rightContent #sub_title06_01 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub06_01.gif) no-repeat;} #subContent #rightContent #sub_title06_02 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub06_02.gif) no-repeat;} #subContent #rightContent #sub_title06_03 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub06_03.gif) no-repeat;} #subContent #rightContent #sub_title06_04 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub06_04.gif) no-repeat;} #subContent #rightContent #sub_title07_01 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub07_01.gif) no-repeat;} #subContent #rightContent #sub_title07_02 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub07_02.gif) no-repeat;} #subContent #rightContent #sub_title08_00 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub08_00.jpg) no-repeat;} #subContent #rightContent #sub_title08_01 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub08_01.gif) no-repeat;} #subContent #rightContent #sub_title08_02 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub08_02.gif) no-repeat;} #subContent #rightContent #sub_title08_03 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub08_03.gif) no-repeat;} #subContent #rightContent #sub_title08_04 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub08_04.gif) no-repeat;} #subContent #rightContent #sub_title08_05 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub08_05.gif) no-repeat;} #subContent #rightContent #sub_title08_06 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub08_06.gif) no-repeat;} #subContent #rightContent #sub_title08_07 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub08_07.gif) no-repeat;} #subContent #rightContent #sub_title08_08 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub08_08.gif) no-repeat;} #subContent #rightContent #sub_title08_09 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub08_09.gif) no-repeat;} #subContent #rightContent #sub_title09_00 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_00.gif) no-repeat;} #subContent #rightContent #sub_title09_01 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_01.gif) no-repeat;} #subContent #rightContent #sub_title09_02 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_02.gif) no-repeat;} #subContent #rightContent #sub_title09_03 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_03.gif) no-repeat;} #subContent #rightContent #sub_title09_04 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_04.gif) no-repeat;} #subContent #rightContent #sub_title09_05 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_05.gif) no-repeat;} #subContent #rightContent #sub_title09_06 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_06.gif) no-repeat;} #subContent #rightContent #sub_title09_07 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_07.gif) no-repeat;} #subContent #rightContent #sub_title09_08 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_08.gif) no-repeat;} #subContent #rightContent #sub_title09_09 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_09.gif) no-repeat;} #subContent #rightContent #sub_title09_10 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_10.gif) no-repeat;} #subContent #rightContent #sub_title09_11 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_11.gif) no-repeat;} #subContent #rightContent #sub_title09_12 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_12.gif) no-repeat;} #subContent #rightContent #sub_title09_13 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_13.gif) no-repeat;} #subContent #rightContent #sub_title09_14 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_14.gif) no-repeat;} #subContent #rightContent #sub_title09_15 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_15.gif) no-repeat;} #subContent #rightContent #sub_title09_16 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_16.gif) no-repeat;} #subContent #rightContent #sub_title09_17 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_17.gif) no-repeat;} #subContent #rightContent #sub_title09_18 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_18.gif) no-repeat;} #subContent #rightContent #sub_title09_19 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_19.gif) no-repeat;} #subContent #rightContent #sub_title09_20 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_20.gif) no-repeat;} #subContent #rightContent #sub_title09_21 {width:100%; height:50px; margin-top:15px; background:url(../images/etc/title_sub09_21.gif) no-repeat;} #subContent #rightContent #sub_title09_22 {width:100%; height:50px; margin-top:15px; background:url(../images/etc/title_sub09_22.gif) no-repeat;} #subContent #rightContent #sub_title09_25 {width:100%; height:50px; margin-top:15px; background:url(../images/etc/title_sub09_25.gif) no-repeat;} #subContent #rightContent #sub_title10_01 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub10_01.gif) no-repeat;} #subContent #rightContent #sub_title10_02 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub10_02.gif) no-repeat;} #subContent #rightContent #sub_title10_03 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub10_03.gif) no-repeat;} #subContent #rightContent #sub_title10_04 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub10_04.gif) no-repeat;} #subContent #rightContent #sub_title10_05 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub10_05.gif) no-repeat;} #subContent #rightContent #sub_title10_06 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub10_06.gif) no-repeat;} #subContent #rightContent #sub_title10_07 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub10_07.gif) no-repeat;} #subContent #rightContent #sub_title10_08 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub10_08.gif) no-repeat;} #subContent #rightContent #content_sub01_01a {width:100%; height:285px; margin-top:25px; background:url(../images/etc/content_sub01_01a.jpg) no-repeat;} #subContent #rightContent #content_sub01_01b {width:100%; height:4270px; margin-top:50px; background:url(../images/etc/content_sub01_01b_2304.jpg) no-repeat;} #subContent #rightContent #content_sub01_02_top {width:100%; height:160px; margin-top:25px; background:url(../images/etc/content_sub01_02_top.jpg) no-repeat;} #subContent #rightContent #content_sub02_00 {width:100%; height:636px; margin-top:25px; background:url(../images/etc/content_sub02_00.jpg) no-repeat;} #subContent #rightContent #content_sub02_01 {width:100%; height:2586px; margin-top:25px; background:url(../images/etc/content_sub02_01_2304.jpg) no-repeat;} #subContent #rightContent #content_sub02_01_1 {width:100%; height:804px; margin-top:25px; background:url(../images/etc/content_sub02_01_2205_su.png) no-repeat;} #subContent #rightContent #content_sub02_02 {width:100%; height:2927px; margin-top:25px; background:url(../images/etc/content_sub02_02_2304.jpg) no-repeat;} #subContent #rightContent #content_sub02_03 {width:100%; height:3381px; margin-top:25px; background:url(../images/etc/content_sub02_03_2304.jpg) no-repeat;} #subContent #rightContent #content_sub03_01 {width:100%; height:2962px; margin-top:25px; background:url(../images/etc/content03_01_20240820.jpg) no-repeat;} #subContent #rightContent #content_sub03_01 .btn_regular {width:228px; height:52px; padding:180px 0px 0px 495px;} #subContent #rightContent #content_sub03_03a {width:100%; height:856px; margin-top:25px; background:url(../images/etc/content_sub03_03a_20240820.jpg?version=2) no-repeat;} #subContent #rightContent #content_sub03_03b {width:100%; height:246px; margin-top:10px; background:url(../images/etc/content_sub03_03b.jpg) no-repeat;} #subContent #rightContent #content_sub03_04 {width:100%; height:2850px; margin-top:10px; background:url(../images/etc/content_sub03_04_1.jpg) no-repeat;} #subContent #rightContent #content_sub03_05 {width:100%; height:2500px; margin-top:30px; background:url(../images/etc/content_sub03_05_20240820.jpg) no-repeat;} #subContent #rightContent #content_sub10_05 {width:100%; height:1128px; margin-top:10px; background:url(../images/etc/content_sub10_05.jpg) no-repeat;} #subContent #rightContent #content_sub10_06 {width:100%; height:1357px; margin-top:10px; background:url(../images/etc/content_sub10_06.jpg) no-repeat;} #subContent #rightContent #member_info {width:100%; height:13px; line-height:13px; margin:20px 0; text-align:right; background:url(../images/etc/title_member_info.jpg) no-repeat;} #subContent #rightContent #member_copyf {width:100%; height:33px; margin-bottom:5px; background:url(../images/etc/img_mem_info_copy.gif) no-repeat;} {width:430px; height:33px; margin:50px auto 10px auto; vertical-align:top; background:url(../images/etc/img_login_copy.gif) no-repeat left top;} #subContent #rightContent #subBox {width:100%; min-height:500px; margin-top:20px;} #subContent #rightContent #img01_03 {width:100%; height:1600px; margin-top:20px; background:url(../images/etc/img01_03.gif) no-repeat;} #subContent #rightContent .test_title {max-width:100%; height:30px; line-height:30px; padding-left:10px; text-align:left; font-size:18px; font-weight:bold; font-family: 'NanumGothic', serif; } #subContent #rightContent .test_content { max-width:100%; min-height:120px; line-height:24px; padding-bottom:10px; text-align:left; font-size:14px; font-family: 'NanumGothic', serif; } #subContent #rightContent .test_content .under { font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; text-decoration:underline; } #subContent #rightContent .content_box {max-width:100%; min-height:30px; margin-top:10px; padding:10px 10px 0 10px; border:15px solid #e8e8e8;} #subContent #rightContent .content_box td {vertical-align:top;} #subContent #rightContent .content_box p {text-align:center; margin-top:5px;} #subContent #rightContent .content_box .content_title {max-width:100%; height:30px; line-height:30px; margin-bottom:10px; padding-left:10px; text-align:left; background:url(../images/bg/bg_sub_title.jpg) repeat-x left center; border:1px solid #d5d5d5;} #subContent #rightContent .content_box .content_title p {float:right; width:500px; text-align:right;} #subContent #rightContent .content_box .content_title th { min-width:100px; line-height:30px; text-align:left; font-weight:bold; } #subContent #rightContent .content_box .content_title td { line-height:30px; padding-right:10px; text-align:right; vertical-align:middle; } #subContent #rightContent .content_box .content_title2 {max-width:100%; height:40px; margin-bottom:10px; padding-left:10px; text-align:left; background:url(../images/bg/bg_sub_title.jpg) repeat-x left bottom; border:1px solid #d5d5d5;} #subContent #rightContent .content_box .content_title2 th { min-width:100px; line-height:40px; text-align:left; font-weight:bold; } #subContent #rightContent .content_box .content_title2 td { line-height:18px; padding-right:10px; text-align:right; vertical-align:middle; } #subContent #rightContent .content_box #title01 {padding-left:60px; background:url(../images/etc/title_booking01.gif) no-repeat left center;} #subContent #rightContent .content_box #title02 {padding-left:60px; background:url(../images/etc/title_booking02.gif) no-repeat left center;} #subContent #rightContent .content_box #title03 {padding-left:60px; background:url(../images/etc/title_booking03.gif) no-repeat left center;} #subContent #rightContent .content_box #title04 {padding-left:60px; background:url(../images/etc/title_booking04.gif) no-repeat left center;} #subContent #rightContent .content_box #title04 .calendar_box {max-width:194px; min-height:10px; padding:5px 17px; background:#f0f0f0;} #subContent #rightContent .content_box #title04 .calendar_box .copy {height:24px; line-height:24px; padding-left:75px; background:url(../images/etc/img_select_day_copy.gif) no-repeat left center;} #subContent #rightContent .content_box #title05 {padding-left:60px; background:url(../images/etc/title_booking05.gif) no-repeat left center;} #subContent #rightContent .content_box #title05a {padding-left:40px; background:url(../images/etc/title_booking05_a.gif) no-repeat left center;} #subContent #rightContent .content_box #title06 {padding-left:60px; background:url(../images/etc/title_booking06.gif) no-repeat left center;} #subContent #rightContent .content_box #title07 {margin-bottom:20px; padding-left:60px; background:url(../images/etc/title_booking07.gif) no-repeat left center;} #subContent #rightContent .content_box .card_img {float:left; width:111px; height:148px;} #subContent #rightContent .content_box .card_img img { width:111px; height:148px; border:1px solid #c4c4c4; } #subContent #rightContent .content_box .card_info { float:right; width:589px; min-height:50px; } #subContent #rightContent .content_box .card_info .file_box { min-height:10px; text-align:left; margin:-5px 0px 10px; padding:5px; border-top: 2px solid #d5d5d5; border-bottom:1px solid #d5d5d5; } #subContent #rightContent .card_ex { width:100%; height:125px; margin-top:20px; background:url(../images/etc/img_card_ex.jpg) no-repeat left top; } #subContent #rightContent .content_box2 {max-width:100%; min-height:100px; margin-top:100px; padding:10px; border:15px solid #e8e8e8;} #subContent #rightContent .content_box2 p {height:20px; line-height:20px; text-align:right; padding-right:10px;} #subContent #rightContent .content_box2 span {text-align:center;} #subContent #rightContent .content_box2 .login_title {width:100%; height:35px; background:url(../images/etc/title_member_login.gif) no-repeat; border-bottom:1px solid #c4c4c4;} #subContent #rightContent .content_box2 .notice_bt {max-width:100%; height:119px; margin-top:10px;} #subContent #rightContent .content_box2 .notice_bt .login_notice {max-width:100%; height:43px; margin-bottom:10px; background:url(../images/etc/title_notice2.gif) no-repeat left top;} #subContent #rightContent .content_box2 .notice_bt .login_notice .more {float:left; width:32px; height:5px; margin:25px 0px 0px 280px;} #subContent #rightContent .content_box2 .notice_bt li {display:block; text-align:left; margin-bottom:5px; padding-left:16px; background:url(../images/etc/icon_list.gif) no-repeat left center;} #subContent #rightContent .content_box3 {max-width:100%; min-height:30px; margin-top:10px; padding:10px; border:10px solid #e8e8e8;} #subContent #rightContent .content_box3 dt { height:40px; font-size:30px; font-weight:bold; font-family: 'Malgun Gothic', "맑은고딕", ngeot; } #subContent #rightContent .content_box3 dd { height:24px; line-height:24px; font-size:14px; font-weight:bold; font-family: 'Malgun Gothic', "맑은고딕", ngeot; } #subContent #rightContent .content_box4 {max-width:100%; min-height:30px; margin-top:10px; padding:10px 0px; border:7px solid #e8e8e8; text-align:left;} #subContent #rightContent .content_box4 table {margin:0 auto;} #subContent #rightContent .content_box4 td {height:24px; text-align:left; padding:2px 10px;} #subContent #rightContent .content_box5 {max-width:100%; min-height:20px; margin-top:10px; padding:5px; border:10px solid #e8e8e8; text-align:left;} #subContent #rightContent .schedule_box { position:relative; max-width:100%; min-height:100px; margin-top:20px;} #subContent #rightContent .schedule_box #schedule_top {width:760px; height:52px; background:url(../images/bg/bg_schedule_top.jpg) no-repeat;} #subContent #rightContent .schedule_box #schedule_bt {width:760px; height:16px; background:url(../images/bg/bg_schedule_bt.jpg) no-repeat;} #subContent #rightContent .schedule_box #schedule_md {wwidth:760px; min-height:10px; background:url(../images/bg/bg_schedule_md.jpg) repeat-y;} #subContent #rightContent .schedule_box .schedule_title {max-width:700px; height:30px; line-height:30px; margin:20px auto 10px auto; padding-left:10px; text-align:center; background:url(../images/bg/bg_sub_title.jpg) repeat-x left center; border:1px solid #d5d5d5;} #subContent #rightContent .schedule_box .schedule_title li {display:inline; margin:0 5px;} #subContent #rightContent .schedule_box .schedule_title li:first-child {display:inline; margin:0 10px;} #subContent #rightContent .schedule_box #icon_box {height:22px; text-align:left; margin:10px 0 0 30px;} #subContent #rightContent .search_box {height:34px; line-height:34px; text-align:left; margin-top:20px; padding-left:10px; font-weight:bold; font-size:1.25em; border-top:2px solid #8f8f8f; border-bottom:2px solid #d5d5d5;} #subContent #rightContent .search_box p {text-align:center;} #subContent #rightContent .search_box2 {height:24px; text-align:left; margin-top:20px; padding:5px 0px 0px 10px; border-top:2px solid #8f8f8f; border-bottom:2px solid #d5d5d5;} #subContent #rightContent .search_box2 p {text-align:center;} #subContent #rightContent .search_box3 {height:34px; line-height:34px; text-align:left; margin-top:20px; padding-left:10px; font-weight:bold; font-size:16px; border-top:2px solid #8f8f8f; border-bottom:2px solid #d5d5d5; font-family: 'Malgun Gothic', "맑은고딕", ngeot; } #subContent #rightContent .search_box3 p {text-align:center;} #subContent #rightContent .search_box4 {height:32px; line-height:32px; text-align:left; padding:0px 10px; font-weight:bold; font-size:12px; background-color:#FFF; border-top:2px solid #8f8f8f; border-bottom:2px solid #d5d5d5;} #subContent #rightContent .search_box5 { min-height:16px; line-height:16px; text-align:left; margin-bottom:3px; padding:5px 0px 5px 10px; color:#ad0302; font-weight:bold; border-top:2px solid #8f8f8f; border-bottom:2px solid #d5d5d5; } #subContent #rightContent .title_info {min-height:44px; margin:20px 0;} #subContent #rightContent .title_info #info_copy {clear:both; width:100%; height:27px; margin-top:10px; background:url(../images/etc/img_content_info_copy.jpg) no-repeat 10px 10px;} #subContent #rightContent .content_info {position:absolute; z-index:2500; top:348px; width:760px; min-height:300px; background:#FFF; display:none;} #subContent #rightContent .content_info #left_info {float:left; width:367px; min-height:10px; text-align:left;} #subContent #rightContent .content_info #right_info {float:right; width:367px; min-height:10px; text-align:right;} #subContent #rightContent #admission_copy02 {width:100%; height:178px; margin:15px 0 5px 0; background:url(../images/etc/img_03_02_copy.jpg) no-repeat;} #subContent #rightContent .thumb_list {max-width:100%; min-height:100px; margin-top:20px; padding:0;} #subContent #rightContent .thumbnail { width:760px; padding:0; margin:0} #subContent #rightContent .thumbnail dd {display:inline; width:188px; height:144px; margin-top:20px; padding:0;} #subContent #rightContent .thumb_small {position:relative; float:left; width:166px; height:168px; padding:11px 11px 11px 11px; background:url(../images/bg/bg_image_board_list.jpg) no-repeat left top;} #subContent #rightContent .thumb_small2 {position:relative; float:left; width:166px; height:190px; padding:11px 11px 11px 11px; background:url(../images/bg/bg_image_board_list.jpg) no-repeat left top;} #subContent #rightContent .thumb_small3 {position:relative; float:left; width:166px; height:195px; padding:11px 11px 11px 11px; background:url(../images/bg/bg_image_board_list.jpg) no-repeat left top;} #subContent #rightContent .thumb_small4 {position:relative; float:left; width:166px; height:265px; padding:11px 11px 11px 11px; background:url(../images/bg/bg_image_board_list3.jpg) no-repeat left top;} #subContent #rightContent .thumb_small5 {position:relative; float:left; width:131px; height:211px; padding:11px 11px 11px 11px; background:url(../images/bg/bg_image_board_list2.jpg) no-repeat left top;} #subContent #rightContent ul li span.thumb_img {width:166px; height:122px; text-align:center; overflow:hidden; } #subContent #rightContent ul li span.thumb_img a { border:none; } #subContent #rightContent ul li span.thumb_img img { width:166px; border:none; } #subContent #rightContent ul li span.thumb_img2 {width:153px; text-align:center; } #subContent #rightContent ul li span.thumb_img2 a { border:none; } #subContent #rightContent ul li span.thumb_img2 img { width:131px; height:143px; border:none; } #subContent #rightContent ul li span.thumb_img3 {width:166px; text-align:center; } #subContent #rightContent ul li span.thumb_img3 a { border:none; } #subContent #rightContent ul li span.thumb_img3 img { width:166px; height:175px; border:none; } #subContent #rightContent ul li span.t_name {display:block; width:166px; height:22px; text-align:center; padding:2px; margin-top:10px; font-weight:bold;} #subContent #rightContent ul li span.t_name2 {display:block; width:166px; height16px; text-align:center; padding:2px; margin-top:10px;} #subContent #rightContent ul li span.t_explain {display:block; width:166px; height:16px; text-align:center; padding:2px; font-weight:bold;} #subContent #rightContent ul li span.t_school {display:block; width:166px; height:16px; text-align:center; padding:2px;} #subContent #rightContent ul li span.t_school2 {display:block; width:166px; height:16px; text-align:center; padding:2px;} #subContent #rightContent ul li span.t_date {display:block; width:166px; height:16px; text-align:center; padding:2px; margin-bottom:10px;} #subContent #rightContent ul li span.p_product {display:block; width:166px; height16px; text-align:center; padding:0px 2px; margin-top:10px; font-weight:bold;} #subContent #rightContent ul li span.p_point {display:block; width:166px; height:16px; text-align:center; padding:0px 2px 4px 2px;} #subContent #rightContent ul li span.p_buy {display:block; width:166px; text-align:center; padding:2px; margin-bottom:10px;} #subContent #rightContent ul li span.p_ranking {display:block; width:139px; height:16px; text-align:left; padding:0px 2px; margin-top:10px;} #subContent #rightContent ul li span.p_class {display:block; width:139px; height:16px; text-align:left; padding:0px 2px;} #subContent #rightContent ul li span.p_student {display:block; width:139px; height:16px; text-align:left; padding0px :2px;} #subContent #rightContent ul li span.p_school {display:block; width:139px; height:16px; text-align:left; padding:0px 2px; margin-bottom:10px;} #subContent #rightContent .bank_info {max-width:100%; height:34px; line-height:34px; margin-top:15px; padding-left:190px; background:url(../images/bg/bg_bank_num.jpg) no-repeat;} #subContent #rightContent .bank_info span {float:left;} #subContent #rightContent .bank_info .btn_bank {float:right; width:118px; height:30px; margin:2px;} #subContent #rightContent .total_payment {max-width:100%; height:40px; line-height:40px; margin:15px 0; padding-right:10px; text-align:right;} #subContent #rightContent .total_payment .copy {float:right; width:136px; height:19px; margin:12px 10px 0 0; background:url(../images/etc/payment_copy.gif) no-repeat;} #subContent #rightContent .total_payment p{float:right; color:#9f003c; font-style:italic; font-family:'Open Sans', sans-serif; font-size:24px; display:inline;} #subContent #rightContent .total_payment .total_copy {float:right; width:103px; height:19px; margin:17px 10px 0 0; background:url(../images/etc/total_payment_copy.gif) no-repeat;} #subContent #rightContent .payment_check {width:100%; height:100px; margin:20px 0; background:url(../images/etc/payment_check_copy.jpg) no-repeat center center;} /* 2014.05.15 추가 시작 */ #subContent #rightContent .link_type { height:149px; margin:20px auto; } #subContent #rightContent .link_type_B { height:90px; margin:20px auto; } #subContent #rightContent .cyber_payment {max-width:100%; min-height:32px; line-height:28px; margin:10px auto 0; text-align:left; background-color:#ffeff3; border:2px solid #d01f4c; } #subContent #rightContent .cyber_payment th { padding:0px 5px; text-align:center; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } #subContent #rightContent .cyber_payment td { padding:0px 5px; text-align:center; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; border-top:1px dashed #d21708; } #subContent #rightContent .cyber_payment .total { color:#9f003c; font-style:italic; font-family:'Open Sans', sans-serif; font-size:28px; } #subContent #rightContent .cyber_payment .cyber { color:#0054d3; font-style:italic; font-family:'Open Sans', sans-serif; font-size:24px; } #subContent #rightContent .cyber_payment .book { color:#147806; font-style:italic; font-family:'Open Sans', sans-serif; font-size:20px; } #subContent #rightContent .cyber_payment .all { color:#7b2807; font-style:italic; font-family:'Open Sans', sans-serif; font-size:20px; } #subContent #rightContent .cyber_payment .cyberBox { text-align:right; } #subContent #rightContent .payment_type { width:760px; height:47px; margin:0 auto; text-align:center; } #subContent #rightContent .payment_ex { width:760px; height:104px; margin:10px auto; background:url(../images/etc/img_payment_explain.gif) no-repeat; } /* 2014.05.15 추가 끝 */ #subContent #rightContent #left_box {float:left; width:360px; min-height:200px; margin-bottom:20px;} #subContent #rightContent #left_box #my_left_top {float:left; width:360px; height:130px; margin-top:20px; border-bottom:1px solid #980039;} #subContent #rightContent #left_box #my_left_top #my_absence {width:360px; height:46px; margin-bottom:10px; background:url(../images/etc/title_absence.gif) no-repeat left top;} #subContent #rightContent #left_box #my_left_top li {display:block; margin-bottom:5px; padding-left:16px; text-align:left !important; background:url(../images/etc/icon_list.gif) no-repeat left center;} #subContent #rightContent #left_box #my_left_top td {height:24px; line-height:24px; padding-left:16px; text-align:left; background:url(../images/etc/icon_list.gif) no-repeat left center;} #subContent #rightContent #left_box #my_left_bt {float:left; width:360px; height:105px; margin-top:20px; border-bottom:1px solid #980039;} #subContent #rightContent #left_box #my_left_bt #my_homework {width:360px; height:46px; margin-bottom:10px; background:url(../images/etc/title_homework.gif) no-repeat left top;} #subContent #rightContent #left_box #my_left_bt li {display:block; margin-bottom:5px; padding-left:16px; text-align:left !important; background:url(../images/etc/icon_list.gif) no-repeat left center;} #subContent #rightContent #left_box #my_left_bt td {height:24px; line-height:24px; padding-left:16px; text-align:left; background:url(../images/etc/icon_list.gif) no-repeat left center;} #subContent #rightContent #right_box {float:right; width:360px; min-height:200px; margin-bottom:20px;} #subContent #rightContent #right_box #my_right_top {float:left; width:360px; height:130px; margin-top:20px; border-bottom:1px solid #980039;} #subContent #rightContent #right_box #my_right_top #my_ranking {width:360px; height:46px; margin-bottom:10px; background:url(../images/etc/title_student_ranking.gif) no-repeat left top;} #subContent #rightContent #right_box #my_right_top li {display:block; margin-bottom:5px; padding-left:16px; text-align:left !important; background:url(../images/etc/icon_list.gif) no-repeat left center;} #subContent #rightContent #right_box #my_right_top td {height:24px; line-height:24px; padding-left:16px; text-align:left; background:url(../images/etc/icon_list.gif) no-repeat left center;} #subContent #rightContent #right_box #my_right_bt {float:left; width:360px; height:105px; margin-top:20px; border-bottom:1px solid #980039;} #subContent #rightContent #right_box #my_right_bt #my_notice {width:360px; height:46px; margin-bottom:10px; background:url(../images/etc/title_student_notice.gif) no-repeat left top;} #subContent #rightContent #right_box #my_right_bt li {display:block; margin-bottom:5px; padding-left:16px; text-align:left !important; background:url(../images/etc/icon_list.gif) no-repeat left center;} #subContent #rightContent #right_box #my_right_bt td {height:24px; line-height:24px; padding-left:16px; text-align:left; background:url(../images/etc/icon_list.gif) no-repeat left center;} #subContent #rightContent #bottom_box {clear:both; width:100%; min-height:50px;} #subContent #rightContent #bottom_box #my_tuition {width:100%; height:30px; background:url(../images/etc/title_tuition.gif) no-repeat 20px center;} #subContent #rightContent #bottom_box #my_tuition_box {max-width:100%; height:34px; line-height:34px; padding-left:60px; background:url(../images/bg/bg_tuition_money.jpg) no-repeat;} #subContent #rightContent #bottom_box #my_tuition_box span {float:left;} #subContent #rightContent #bottom_box #my_tuition_box p {display:inline;} #subContent #rightContent #board_spring {max-width:100%; height:61px; background:url(../images/bg/bg_spring.jpg) no-repeat;} #subContent #rightContent #point_box {max-width:100%; height:34px; line-height:34px; margin-top:20px; padding-left:60px; background:url(../images/bg/bg_tuition_money.jpg) no-repeat;} #subContent #rightContent #point_box span {float:left; display:inline;} #subContent #rightContent #point_box p {display:inline;} #subContent #rightContent #class_title01 {height:25px; margin-top:20px; background:url(../images/etc/title_student_info2.gif) no-repeat;} #subContent #rightContent #class_title02 {height:25px; margin:20px 0px -10px 0px; background:url(../images/etc/title_class_info2.gif) no-repeat;} #subContent #rightContent #class_box01 {float:left; width:367px; min-height:100px; margin:10px 0px;} #subContent #rightContent #class_box02 {float:right; width:367px; min-height:100px; margin:10px 0px;} #subContent #rightContent #class_box01 #class_title03 {width:367px; height:44px; background:url(../images/etc/title_class_info.jpg) no-repeat;} #subContent #rightContent #class_box02 #class_title04 {width:367px; height:44px; background:url(../images/etc/title_book_info.jpg) no-repeat;} #subContent #rightContent #class_title05 { clear:both; height:25px; text-align:right; background:url(../images/etc/title_class_info3.gif) no-repeat;} #subContent #rightContent #class_box03 {float:left; width:355px; min-height:50px; margin:10px 0px;} #subContent #rightContent #class_box04 {float:right; width:390px; min-height:50px; margin:10px 0px;} #subContent #rightContent .class_title05 {height:34px; line-height:34px; padding-left:5px; font-size:12px; background:url(../images/bg/bg_class_title.gif) repeat-x left top;} #subContent #rightContent .point_box {float:left; width:417px; height:151px; margin:20px 0px 10px 0px; padding:21px 0px 0px 22px; background:url(../images/bg/bg_point_ranking.jpg) no-repeat;} #subContent #rightContent .point_box .point_img {float:left; width:156px; height:122px;} #subContent #rightContent .point_box .point_title {float:right; width:225px; height:24px; line-height:24px; margin:-10px 10px 0px 0px; color:#9f003c; font-size:20px; font-family: 'NanumGothic', serif; } #subContent #rightContent .point_box .point_list {float:right; width:220px; min-height:10px; margin:10px 25px 0px 0px;} #subContent #rightContent .point_box .point_list td {height:20px; text-align:left;} #subContent #rightContent .point_box .point_list td p {padding-left:15px;} #subContent #rightContent .grade_box {float:right; width:310px; margin-top:142px; padding:10px 0; text-align:right; border-top:2px solid #9f003c; border-bottom:1px solid #d5d5d5;} #subContent #rightContent #mygrade_title01 {height:25px; margin-top:20px; background:url(../images/etc/title_exam_info.gif) no-repeat;} #subContent #rightContent #mygrade_title02 {height:25px; margin-top:20px; background:url(../images/etc/title_subject_info.gif) no-repeat;} #subContent #rightContent .portfolio_box {height:24px; line-height:24px; margin:20px 0 10px 0px; padding-left:10px; text-align:left;} #subContent #rightContent #booking_copy01 {width:100%; height:162px; margin:15px 0 5px 0; background:url(../images/etc/img_04_01_copy.jpg) no-repeat;} #subContent #rightContent #booking_copy03 {width:100%; height:127px; margin:15px 0 5px 0; background:url(../images/etc/img_04_03_copy.jpg) no-repeat;} #subContent #rightContent #booking_copy03a {width:100%; height:21px; margin:20px auto -10px auto; background:url(../images/etc/etc_booking_copy.gif) no-repeat;} #subContent #rightContent #join_title01 {height:13px; margin-top:20px; background:url(../images/etc/title_join01.gif) no-repeat;} #subContent #rightContent #join_title02 {height:13px; line-height:13px; margin-top:20px; padding-left:110px; background:url(../images/etc/title_join02.gif) no-repeat;} #subContent #rightContent #join_title03 {height:13px; margin-top:20px; background:url(../images/etc/title_join03.gif) no-repeat;} #subContent #rightContent #join_title03a {height:13px; margin-top:20px; background:url(../images/etc/title_join03a.gif) no-repeat;} #subContent #rightContent #join_title04 {height:13px; margin-top:20px; background:url(../images/etc/title_join04.gif) no-repeat;} #subContent #rightContent #join_title05 {height:13px; margin-top:20px; background:url(../images/etc/title_join05.gif) no-repeat;} #subContent #rightContent #join_title06 {height:13px; margin-top:20px; background:url(../images/etc/title_join06.gif) no-repeat;} #subContent #rightContent #join_img01 {height:148px; margin-top:20px; background:url(../images/etc/img_join01.jpg) no-repeat center top;} #subContent #rightContent #join_end {height:360px; margin-top:20px; padding:140px 0px 0px 455px; background:url(../images/bg/bg_join_end.jpg) no-repeat center top;} #subContent #rightContent #join_end dl {margin-bottom:20px;} #subContent #rightContent #join_end dt {margin-bottom:10px; font-size:16px; color:#5d5d5d; font-family: 'NanumGothic', serif; } #subContent #rightContent #download_title { height:105px; margin-top:30px; background:url(../images/etc/img_viewer_ex.jpg) no-repeat; } #subContent #rightContent .download { margin:50px auto 10px; } #subContent #rightContent .download li { display:block; text-align:center; margin-bottom:20px; } #subContent #rightContent .download2 { margin:50px auto; } #subContent #rightContent .download2 li { display:inline; text-align:center; margin:0 10px; } #subContent #rightContent .calendar_box2 {max-width:100%; min-height:154px; margin-top:20px; padding:20px 20px 20px 220px; background:url(../images/etc/img_calendar_title.jpg) no-repeat 20px 20px; border:3px solid #80b440;} #subContent #rightContent .calendar_box2 .list_box {max-width:100%; min-height:134px; padding:10px; border:1px solid #80b440;} #subContent #rightContent .calendar_box2 .list_box td {float:left; text-align:left; height:22px; line-height:22px; padding-left:15px; background:url(../images/etc/icon_list.gif) no-repeat left center;} #subContent #rightContent .tab_box {width:100%; height:36px; margin:10px 0px 10px; text-align:left; background:url(../images/bg/bg_login_tab.gif) repeat-x left bottom;} #subContent #rightContent .tab_box li {display:inline; margin-right:-4px;} #subContent #rightContent ul.tabs2 li a.selected img {display:none;} #subContent #rightContent ul.tabs2 li a.selected img.over {display:inline; border:0;} #subContent #rightContent ul.tabs3 li a.selected img {display:none;} #subContent #rightContent ul.tabs3 li a.selected img.over {display:inline; border:0;} #subContent #rightContent .tab_container2 {clear:both; position:relative; width:760px; min-height:444px; background: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;} #subContent #rightContent .tab_content2 {margin-top:20px;} #subContent #rightContent .tab_content2 #bg_img1 {width:760px; height:444px;} #subContent #rightContent .tab_content2 #bg_img2 {width:760px; height:444px;} #subContent #rightContent .tab_content2 #bg_img3 {width:760px; height:679px;} #subContent #rightContent .tab_content2 #bg_img4 {width:760px; height:578px;} #subContent #rightContent .tab_content2 #bg_img5 {width:760px; height:578px;} #subContent #rightContent .tab_content2 #bg_img6 {width:760px; height:444px;} #subContent #rightContent .tab_content2 .board_title {max-width:100%; height:30px; line-height:30px; margin-top:10px; border-top:2px solid #282828;} #subContent #rightContent .tab_content2 .board_title td {text-align:center;} #subContent #rightContent .tab_content2 .board_title .TR {text-align:right; padding-right:10px;} #subContent #rightContent .tab_container3 {clear:both; position:relative; width:760px; min-height:10px; background: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;} #subContent #rightContent .tab_content3 {margin-top:20px;} #subContent #rightContent .tab_content3 #bg_img1 {width:760px; height:1584px;} #subContent #rightContent .tab_content3 #bg_img2 {width:760px; height:1189px;} #subContent #rightContent .tab_content3 #bg_img3 {width:760px; height:284px;} #subContent #rightContent .facility_box {width:760px; height:429px; margin-top:30px; background:url(../images/bg/bg_facility.jpg) no-repeat;} #subContent #rightContent .facility_box .img_big {float:left; width:372px; height:368px; margin:29px 0px 0px 29px;} #subContent #rightContent .facility_box .img_thum {float:right; width:321px; margin:41px 1px 0px 0px;} #subContent #rightContent .facility_box .img_thum ul {height:306px;} #subContent #rightContent .facility_box .img_thum ul li {float:left; width:107px; margin-bottom:37px;} #subContent #rightContent .login_banner { width:332px; height:290px; border:1px solid #ffffff; } #subContent #rightContent .exam_box { float:left; width:161px; margin-right:10px; } #subContent #rightContent .total_graph { float:left; width:150px; height:320px; margin-top:10px; padding:0px 10px; background:url(../images/bg/bg_graph_line.gif) no-repeat center 30px; border:2px solid #ff0000; } #subContent #rightContent .pre_graph { float:right; width:400px; min-height:320px; margin-top:10px; padding:0px 10px; background:url(../images/bg/bg_graph_line2.gif) repeat-x 10px 30px; border:2px solid #ececec; overflow-x:auto; overflow-y:hidden; } #subContent #rightContent td.cell01 { height:30px; line-height:30px; text-align:center; font-weight:bold; } #subContent #rightContent td.cell02 { height:250px; text-align:center; margin:0 auto; vertical-align:bottom; } #subContent #rightContent td.cell03 { height:40px; line-height:40px; text-align:center; font-weight:bold; } #subContent #rightContent td.cell04 { min-width:100px; height:250px; text-align:center; vertical-align:bottom; } #subContent #rightContent td.cell05 { height:30px; line-height:30px; text-align:left; font-weight:bold; padding-left:10px; } #subContent #rightContent td.cell06 { height:30px; line-height:30px; text-align:center; font-weight:bold; padding-left:10px; } #subContent #rightContent td.cell07 { min-width:30px; height:250px; text-align:center; vertical-align:bottom; } #subContent #rightContent .wrongtable { width:100%; min-height:120px; background-color:#FFF; } #subContent #rightContent .bigotable { width:100%; min-height:120px; } #subContent #rightContent .score_graph { max-width:100%; min-height:320px; margin-top:10px; padding:0px; background:url(../images/bg/bg_graph_line2.gif) repeat-x 10px 30px; border:2px solid #ececec; } #subContent #rightContent .score_graph .score_box { width:90px; margin:0 auto; } #subContent #rightContent .workbox { max-width:100%; min-height:50px; margin:10px auto; padding:10px 10px 0px; background-color:#ededed; border:1px solid #d7d7d7; } #subContent #rightContent .Hline { width:100%; height:1px; margin:10px auto; background-color:#FFF; border-top:1px dashed #c5c5c5; } #subContent #rightContent .framebox {width:760px; margin:0 auto 10px auto;} #subContent #rightContent .framebox .boxframe { width:760px; height:600px; margin-top:-10px; overflow-y:auto; overflow-x:hidden; } #subContent #rightContent .scheduleBox { width:760px; height:93px; margin:10px 0px 0px 0px; background:url(../images/bg/bg_schedule.jpg) no-repeat; } #subContent #rightContent .scheduleBox .title { float:left; width:550px; height:38px; line-height:37px; margin-left:15px; text-align:left; color:#FFF; } #subContent #rightContent .scheduleBox .Tname { font-weight:bold; font-size:18px; color:#ffde00; font-family: 'NanumGothic', serif; } #subContent #rightContent .scheduleBox .link { float:right; width:150px; height:23px; text-align:right; margin-right:15px; padding-top:15px; } #subContent #rightContent .scheduleBox .list_box { clear:both; width:720px; height:40px; margin:5px auto 0px auto; overflow:hidden; } #subContent #rightContent .scheduleBox .listtable { max-width:100%; height:20px; } #subContent #rightContent .scheduleBox .listtable th { height:24px; line-height:24px; text-align:right; color:#207fb5; } #subContent #rightContent .scheduleBox .listtable td { height:24px; line-height:24px; text-align:left; } #subContent #rightContent .scheduleBox .listtable .remain { width:60px; } #subContent #rightContent .scheduleBox .listtable .date { width:120px; } #subContent #rightContent .scheduleBox .listtable a { color:#2d2d2d;text-decoration:none; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } #subContent #rightContent .scheduleBox .listtable a:hover { color:#2d2d2d; text-decoration:underline; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } #subContent #rightContent .scheduleBox .listtable a:active { color:#2d2d2d; text-decoration:underline; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } #subContent #rightContent .scheduleBox .listtable a:visited { color:#a7a7a7; text-decoration:none; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } #subContent #rightContent .reexamBoxTop { width:755px; height:24px; margin:10px auto 0px auto; background:url(../images/bg/bg_reexam_top.png) no-repeat; } #subContent #rightContent .reexamBoxMd { width:725px; min-height:34px; margin:0px auto; padding:0px 15px; background:url(../images/bg/bg_reexam_md.png) repeat-y center top; } #subContent #rightContent .reexamBoxMd .reexamTitle { width:705px; height:37px; margin-bottom:10px; padding:0px 10px; line-height:37px; color:#FFF; font-size:12px; background:url(../images/bg/bg_reexam_title.png) no-repeat; } #subContent #rightContent .reexamBoxMd .reexamTitle .Tname { font-weight:bold; font-size:18px; color:#ffde00; font-family: 'NanumGothic', serif; } #subContent #rightContent .reexamBoxBt { width:755px; height:24px; margin:0px auto 10px auto; background:url(../images/bg/bg_reexam_bt.png) no-repeat; } #subContent #rightContent #naeshin_box { width:760px; min-height:10px; margin:20px auto 0px; font-family: 'NanumGothic', serif; } /* #subContent #rightContent #naeshin_box select, input, textarea, p, a { font-family: 'NanumGothic', serif; } */ #subContent #rightContent #naeshin_box .naeshin_left { float:left; width:270px; min-height:10px; font-family: 'NanumGothic', serif; } #subContent #rightContent #naeshin_box .naeshin_left #title01 { width:100%; height:14px; margin-bottom:11px; background:url(../images/etc/title_naeshin_register.gif) no-repeat; } #subContent #rightContent #naeshin_box .naeshin_left #box01 { max-width:100%; min-height:10px; margin-bottom:15px; padding:9px; background-color:#fafafa; border:1px solid #d5d5d5; font-family: 'NanumGothic', serif; } #subContent #rightContent #naeshin_box .naeshin_left #box01 table { width:100%; } #subContent #rightContent #naeshin_box .naeshin_left #box01 th { height:33px; line-height:33px; padding-top:5px; text-align:center; border-top:1px dashed #bdbdbd; font-family: 'NanumGothic', serif; } #subContent #rightContent #naeshin_box .naeshin_left #box01 td { height:32px; line-height:32px; text-align:center; font-family: 'NanumGothic', serif; } #subContent #rightContent #naeshin_box .naeshin_right { float:right; width:480px; min-height:10px; } #subContent #rightContent #naeshin_box .naeshin_right #title02 { max-width:100%; min-height:10px; margin-bottom:5px; padding-left:20px; background:url(../images/etc/icon_search.gif) no-repeat left center; font-family: 'NanumGothic', serif; } #subContent #rightContent #naeshin_box .naeshin_right #title02 span {font-family: 'NanumGothic', serif; } #subContent #rightContent #naeshin_box .naeshin_right #box02 { max-width:100%; min-height:10px; margin-bottom:15px; padding:9px; background-color:#fafafa; border:1px solid #d5d5d5; } #subContent #rightContent #naeshin_box .naeshin_right #box02 table { width:100%; background:url(../images/bg/bg_naeshin_search_title.png) no-repeat; } #subContent #rightContent #naeshin_box .naeshin_right #box02 th { height:28px; vertical-align:text-top; text-align:center; color:#FFF; font-family: 'NanumGothic', serif; } #subContent #rightContent #naeshin_box .naeshin_right #box02 td { height:24px; line-height:24px; text-align:center; border-bottom:1px solid #dadada; font-family: 'NanumGothic', serif; } #subContent #rightContent #naeshin_box .search_box_top { max-width:100%; height:8px; margin-top:10px; background:url(../images/bg/bg_naeshin_box_top.png) no-repeat; } #subContent #rightContent #naeshin_box .search_box_md { max-width:100%; min-height:10px; padding:0px 10px; background:url(../images/bg/bg_naeshin_box_md.png) repeat-y; } #subContent #rightContent #naeshin_box .search_box_md table { width:100%; } #subContent #rightContent #naeshin_box .search_box_md th { height:32px; line-height:32px; padding-left:25px; text-align:left; font-weight:bold; font-size:18px; background:url(../images/etc/icon_Rarrow.png) no-repeat left 10px; font-family: 'NanumGothic', serif; } #subContent #rightContent #naeshin_box .search_box_md td { height:32px; line-height:32px; font-weight:bold; font-size:14px; border-top:1px dashed #bdbdbd; font-family: 'NanumGothic', serif; } #subContent #rightContent #naeshin_box .search_box_bt { max-width:100%; height:9px; background:url(../images/bg/bg_naeshin_box_bt.png) no-repeat; } #subContent #rightContent .pictureBox { position:relative; width:732px; height:285px; margin:0 auto 10px; background:url(../images/bg/bg_picture.png) no-repeat; } #subContent #rightContent .pictureBox .camera { position:absolute; z-index:10; width:124px; height:113px; top:195px; left:50%; margin-left:-62px; background:url(../images/etc/img_camera.png) no-repeat; text-indent:-999px; } #subContent #rightContent .pictureBox .motto { float:left; width:338px; height:221px; margin:40px 0 0 28px; text-align:center; font-size:28px; color:#000; font-weight:bold; } #subContent #rightContent .pictureBox .motto table { width:298px; margin:0 auto; } #subContent #rightContent .pictureBox .motto td { height:221px; text-align:center; line-height:34px; font-family: 'NanumGothic', serif; } #subContent #rightContent .pictureBox .picture { float:right; width:325px; height:221px; margin:40px 26px 0 0; } /* Login */ #login_body {width:100%; text-align:center; background:#FFF;} #login_wrapper {width:430px; height:250px; margin:0 auto; padding-top:100px; background:url(../images/logo/logo_top.jpg) no-repeat left 100px;} *:first-child+html #login_wrapper {width:430px; height:250px; margin:0 auto; background:url(../images/logo/logo_top.jpg) no-repeat left 50px;} /* only IE7 */ #login_top {width:430px; height:33px; margin:50px auto 10px auto; vertical-align:top; background:url(../images/etc/img_login_copy.gif) no-repeat left top;} #login_page {width:380px; text-align:center; vertical-align:top; padding:10px; background:#FFF; border:15px solid #e8e8e8;} #login_bt {width:430px; height:33px; margin:10px auto 10px auto; vertical-align:top; background:url(../images/etc/img_login_copy2.gif) no-repeat 50px top;} /* Sub Login */ #login_box {width:100%; height:35px; line-height:35px; margin-top:64px;} *:first-child+html #login_box {width:100%; height:35px; line-height:35px; padding-top:64px;} /* only IE7 */ #login_box ul {float:right;} #login_box li {display:inline; text-align:right; margin-right:10px;} #login_box #logintable {float:right;} #login_box #logintable td {text-align:right;} #login_box #logintable p {text-align:right; margin-right:10px;} #login_box #logintable .boxtable2 {width:230px; height:35px; line-height:35px;} *:first-child+html #login_box #logintable .boxtable2 {width:220px; height:35px; line-height:35px;} /* only IE7 */ #login_box #logintable .boxtable2 td {text-align:center !important; height:35px; line-height:35px;} *:first-child+html #login_box #logintable .boxtable2 td {text-align:right !important; height:35px; line-height:35px;} /* only IE7 */ *:first-child+html #login_box #logintable .boxtable2 td:first-child {padding-right:2px;} /* Board */ #search {clear:both; max-width:835px; border:#f0f0f0 solid 3px; background-color:#FFFFFF; text-align:right; margin:0 auto; padding:5px 10px;} #search li {display:inline;} #search #top_left2 {float:left; width:490px; min-height:10px; margin-right:10px; text-align:right;} #search #top_right3 {float:right; width:300px; min-height:10px; margin-right:10px; text-align:right;} #search #title_recommand {float:left; width:250px; height:60px; background:url(../images/common/title_recommand_class.jpg) no-repeat left center;} #search #explain_recommand {float:left; height:55px; font-size:1.15em; padding:5px 0 0 10px;} #search2 {clear:both; max-width:845px; border:#f0f0f0 solid 3px; background-color:#FFFFFF; text-align:left; margin:0 auto; padding:5px;} #search3 {clear:both; max-width:100%; border:#f0f0f0 solid 3px; background-color:#FFFFFF; text-align:center; margin:0 auto; padding:10px;} #search4 {clear:both; max-width:100%; border:#f0f0f0 solid 3px; background-color:#FFFFFF; text-align:right; margin:0 auto; padding:5px 10px;} #search5 {clear:both; max-width:100%; border:#f0f0f0 solid 3px; background-color:#FFFFFF; text-align:center; margin:0 auto; padding:5px;} #board_bt {margin:10px 20px; text-align:center;} #board_bt li {display:inline; margin:0 10px;} #board_bt2 {margin:20px 20px 5px 20px; text-align:center;} #board_bt2 p {text-align:right;} #board_bt3 {margin:10px auto 0; text-align:center;} #board_bt3 li {display:inline; margin:0 10px;} .board_bt2 {margin:20px 20px 5px 20px; text-align:center;} .board_bt2 p {text-align:right;} #board_btn {float:right; width:300px; text-align:right;} #board_btn li {display:inline;} #board_bt_btn {float:left; width:500px; height:25px; text-align:right;} #board_bt_btn li {display:inline;} #board_bt_btn2 {float:left; width:300px; text-align:left;} #board_bt_btn2 li {display:inline;} #board_page {clear:both; text-align:center; margin:20px 20px;} #board_page li {display:inline;} .board_result {float:right; text-align:right; margin:10px 20px;} .board_result li {display:inline; padding:20px 5px 20px 20px;} /* Popup */ #popup_body {background:#FFF;} #popup_logo {float:right; width:150px; height:40px; background:url(../images/logo/logo_popup.jpg) no-repeat center center; text-indent:-9999px; } #popup_logo2 {float:right; width:150px; height:32px; padding-top:8px; text-indent:-9999px; } #presence_popup {max-width:100%; min-height:300px; background:url(../images/bg/bg_popup_title.gif) repeat-x left top;} #presence_popup #presence_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_presence.gif) no-repeat 20px 12px;} #presence_popup #presence_content {max-width:100%; min-height:100px; margin:10px; padding:4px; background:#f0f0f0;} #presence_popup #presence_content p {text-align:center; padding:10px;} #presence_popup #presence_content #input_box {max-width:100%; min-height:50px; padding:5px 5px 0 5px; background:#fff;} #presence_popup #presence_content #input_box p {text-align:left;} #homework_popup {max-width:100%; min-height:300px; background:url(../images/bg/bg_popup_title.gif) repeat-x left top;} #homework_popup #homework_title {float:left; width:220px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_homework.gif) no-repeat 20px 12px;} #homework_essay_popup {max-width:100%; height:300px; background:url(../images/bg/bg_popup_title.gif) repeat-x left top;} #homework_essay_popup #essay_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_essay.gif) no-repeat 20px 12px;} #homework_news_popup {max-width:100%; min-height:300px; background:url(../images/bg/bg_popup_title.gif) repeat-x left top;} #homework_news_popup #news_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_news.gif) no-repeat 20px 12px;} #homework_news_popup #vod {max-width:100%; height:328px; margin:10px auto 5px auto; padding-top:11px; background:url(../images/bg/bg_vod.jpg) no-repeat center top;} #homework_recorder_popup {width:600px; height:300px; background:url(../images/bg/bg_popup_title.gif) repeat-x left top;} #homework_recorder_popup #recorder_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_recorder.gif) no-repeat 20px 12px;} #vod_popup {max-width:100%; min-height:300px; padding:10px;} #vod_popup .solution_top { max-width:100%; min-height:32px; line-height:normal; margin-bottom:40px; padding:5px 10px 5px 80px; text-align:left; color:#000; font-weight:bold; font-size:18px; font-family: 'NanumGothic', serif; background:url(../images/etc/icon_solution2.jpg) no-repeat 10px center #fffaf9; border:1px solid #ff3c19; } #vod_popup ul { min-width:300px; margin:0px auto 40px auto; padding:10px; border:7px solid #F3F3F3; } #vod_popup li { display:block; height:24px; line-height:24px; font-weight:bold; text-align:left; } #vod_popup li a { color:#8d8d8d; text-decoration:underline; } #vod_popup li a:visited { color:#8d8d8d; text-decoration:underline; } #vod_popup li a:hover { color:#8d8d8d; text-decoration:underline; } #vod_popup li a:active { color:#8d8d8d; text-decoration:underline; } #vod_popup .cause_title { max-width:100%; min-height:28px; line-height:28px; margin-bottom:10px; padding-left:70px; text-align:left; font-size:16px; font-weight:bold; font-family: 'NanumGothic', serif; background:url(../images/etc/icon_cause.jpg) no-repeat left 1px #f2f2f2; } #vod_popup .solution_txt { max-width:100%; min-height:50px; margin-bottom:40px; padding-left:70px; text-align:left; background:url(../images/etc/icon_solution.jpg) no-repeat left top; } #book_history_popup {max-width:100%; min-height:300px; background:url(../images/bg/bg_popup_title.gif) repeat-x left top;} #book_history_popup #book_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_book_history.gif) no-repeat 20px 12px;} #book_history_popup .total_payment {max-width:100%; height:50px; line-height:50px; margin:15px 0; padding-right:30px; text-align:right;} #book_history_popup .total_payment .copy {float:right; width:103px; height:19px; margin:17px 10px 0 0; background:url(../images/etc/book_copy.gif) no-repeat;} #book_history_popup .total_payment p{float:right; color:#9f003c; font-style:italic; font-family:'Open Sans', sans-serif; font-size:24px; display:inline;} .grade_popup {max-width:100%; min-height:300px;} .grade_popup .top {height:39px; border-bottom:1px solid #9f003c;} .grade_popup .grade_title {float:left; width:130px; height:28px; margin-bottom:10px; padding:12px 0px 0px 20px; text-align:left;} .grade_popup .sub_title {float:left; height:25px; margin:20px 0px 10px; text-align:left; padding-left:10px;} .popup_box {max-width:100%; min-height:24px; margin:10px; padding:10px; text-align:left; border:15px solid #e8e8e8;} .box_popup { display:inline-block; width:100%; min-height:200px; background:url(../images/bg/bg_popup_title.gif) repeat-x left top;} .box_popup td {vertical-align:top;} .box_popup p {max-width:100%; margin:10px auto; padding:10px 20px;} .box_popup .id_pass_find_title {float:left; width:170px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_id_pass_find.gif) no-repeat 20px 12px;} .box_popup .id_find_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_id_find.gif) no-repeat 20px 12px;} .box_popup .pass_find_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_password_find.gif) no-repeat 20px 12px;} .box_popup .dictionary_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_dictionary.gif) no-repeat 20px 12px;} .box_popup .popup_content { position:relative; max-width:100%; min-height:20px; margin:10px; padding:4px; background:#f0f0f0;} .box_popup .popup_content p {text-align:center; padding:10px 20px;} .box_popup .popup_content .input_box {max-width:100%; min-height:10px; padding:15px; background:#fff;} .box_popup .popup_content .input_box ul { padding:0px !important; } .box_popup .popup_content .input_box li { height:30px !important; text-align:center; font-size:22px; font-weight:bold; font-family: 'NanumGothic', serif; background:none !important; } .box_popup .popup_content .input_box span { font-size:30px; font-weight:bold !important; font-family: 'NanumGothic', serif; } .box_popup .popup_content .input_box p { text-align:left;} .box_popup .popup_content .ex_box { position:relative; z-index:99; max-width:100%; min-height:0px; margin-top:5px; padding:5px; background:#fff; } .box_popup .popup_content .ex_box ul { padding:0px !important; } .box_popup .popup_content .ex_box li { height:28px !important; padding-left:10px; text-align:left; font-size:11px; background:none !important; } .box_popup .popup_content .ex_title { float:left; width:200px; height:24px; line-height:24px; padding-left:10px; text-align:left; font-weight:bold; font-size:12px; font-family: 'NanumGothic', serif; } .box_popup .popup_content .address_box {max-width:100%; height:150px; padding:5px; overflow-x:hidden; overflow-y:auto; background:#FFF;} .box_popup .popup_content ul { padding:10px 0; } .box_popup .popup_content li { height:22px; line-height:16px; text-align:left; padding-left:20px; background:url(../images/etc/icon_list.png) no-repeat 10px 6px; } .box_popup .popup_content .btn_box { position:absolute; top:5px; right:5px; width:56px; } .box_popup .popup_content .btn_box .btn_show { position:absolute; z-index:11; width:56px; height:22px; } .box_popup .popup_content .btn_box .btn_hide { position:absolute; z-index:11; width:56px; height:22px; } .box_popup .schedule_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_schedule.gif) no-repeat 20px 12px;} .box_popup .double_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_double_check.gif) no-repeat 20px 12px;} .box_popup .id_title {width:72px; height:19px; margin-right:5px; background:url(../images/etc/title_id.gif) no-repeat;} .box_popup .address_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_address.gif) no-repeat 20px 12px;} .box_popup .address_copy {width:100%; height:11px; margin-top:15px; background:url(../images/etc/popup_address_copy.gif) no-repeat 10px top;} .box_popup .payment_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_payment.gif) no-repeat 20px 12px;} .box_popup .study_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_study.gif) no-repeat 20px 12px; text-indent:-9999px; } .box_popup .img_study { clear:both; width:984px; height:466px; margin:50px auto; background:url(../images/etc/img_popup_study.jpg) no-repeat; text-indent:-9999px; } .box_popup .img_study01 { clear:both; width:912px; height:355px; margin:0px auto; background:url(../images/etc/img_popup_study01.jpg) no-repeat; text-indent:-9999px; } .box_popup .img_study02 { clear:both; width:912px; height:355px; margin:0px auto; background:url(../images/etc/img_popup_study02.jpg) no-repeat; text-indent:-9999px; } .box_popup .img_study03 { clear:both; width:912px; height:300px; margin:0px auto; background:url(../images/etc/img_popup_study03.jpg) no-repeat; text-indent:-9999px; } .box_popup .img_study04 { clear:both; width:912px; height:353px; margin:0px auto; background:url(../images/etc/img_popup_study04.jpg) no-repeat; text-indent:-9999px; } .box_popup .img_study05 { clear:both; width:912px; height:358px; margin:0px auto; padding-top:180px; background:url(../images/etc/img_popup_study05.jpg) no-repeat; } .box_popup .img_study05 li { height:72px; line-height:72px; text-align:left; padding-left:380px; color:#FFF; font-size:24px; font-weight:bold !important; font-family: 'NanumGothic', serif; } .box_popup .img_study05 .Text {width:444px; height:169ps; line-height:32px; margin:20px auto 0px auto; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup .img_study05 .Text2 { width:444px; height:36px; line-height:36px; margin:20px auto 0px auto; color:#d01f4c; font-size:20px; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup .textBox_title { width:791px; height:36px; margin:0px auto 0 auto; background:url(../images/etc/title_popup_box.jpg) no-repeat left top; text-indent:-9999px; } .box_popup .popup_textBox { width:791px; min-height:30px; margin:0 auto; background:#f3f0ef; border-top:6px solid #009cca; border-right:1px solid #0087bd; border-bottom:1px solid #0087bd; border-left:1px solid #0087bd; } .box_popup .popup_textBox .textBox { max-width:100%; min-height:150px; margin:15px; padding:10px; background:#FFF; border:1px solid #d8d8d8; } .box_popup .popup_textBox .textBox p {text-align:left; } .box_popup .popup_textBox .textBox li {height:28px; line-height:26px; !important; text-align:left; color:#5d5d5d; font-size:24px; font-weight:bold !important; font-family: 'NanumGothic', serif; } .box_popup .popup_textBox #textBox1 { position:relative; z-index:10; max-width:100%; min-height:95px; margin:15px; padding:10px; white-space:normal; background:#FFF; border:1px solid #d8d8d8; } .box_popup .popup_textBox #textBox2 { position:relative; z-index:20; max-width:100%; min-height:95px; margin:15px; padding:10px; white-space:normal; background:#FFF; border:1px solid #d8d8d8; } .box_popup .popup_textBox #textBox3 { position:relative; z-index:30; max-width:100%; min-height:95px; margin:15px; padding:10px; white-space:normal; background:#FFF; border:1px solid #d8d8d8; } .box_popup .popup_textBox .ST1 { min-height:35px; line-height:32px; word-break:break-all; color:#d01f4c; font-size:30px; font-weight:bold !important; font-family: 'NanumGothic', serif; } .box_popup .popup_textBox .ex1 { min-height:35px; line-height:32px; color:#0054d3; white-space:normal; font-size:30px; font-weight:bold !important; font-family: 'NanumGothic', serif; } .box_popup .popup_textBox .ST { width:851px; min-height:35px; line-height:32px; text-align:left; word-break:break-all; color:#d01f4c; font-size:24px; font-weight:bold !important; font-family: 'NanumGothic', serif; } .box_popup .popup_textBox a { color:#d01f4c; font-size:24px; text-align:left; font-weight:bold !important; font-family: 'NanumGothic', serif; } .box_popup .popup_textBox .textBox2 { max-width:100%; margin:15px 15px 0px 15px; } .box_popup .popup_textBox .textBox2 span { font-size:14px !important; font-weight:bold; } .box_popup .popup_textBox .textBox2 .content_left {float:left; height:22px; text-align:left; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup .popup_textBox .textBox2 .content_right {float:right; height:22px; text-align:right; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup .popup_textBox .textBox3 { max-width:100%; margin:15px; padding:10px; background:#FFF; border:1px solid #d8d8d8; } .box_popup .popup_textBox .textBox4 { position:relative; z-index:20; margin:10px 15px; padding:10px 10px 10px 160px; text-align:left; border:5px solid #e3e3e4; background:url(../images/etc/logo_naver.jpg) no-repeat 10px center #FFF; } .box_popup .popup_textBox .textBox5 { position:relative; z-index:20; height:60px; line-height:18px; margin:10px 15px; padding:10px; text-align:left; font-size:14px; color:#5d5d5d; font-weight:bold; font-family: 'NanumGothic', serif; white-space:normal; background:#FFF; border:1px solid #d8d8d8; overflow:auto; } .box_popup .popup_textBox .textBox5 .btn_bt { width:150px; margin:10px auto 0px auto; } .box_popup .popup_textBox .textBox6 { position:relative; z-index:20; height:170px; line-height:18px; margin:10px 5px; padding:10px; text-align:left; font-size:14px; color:#5d5d5d; font-weight:bold; font-family: 'NanumGothic', serif; white-space:normal; background:#FFF; border:1px solid #d8d8d8; overflow:auto; } .box_popup .popup_textBox .innerBox { position:relative; z-index:20; max-width:100%; height:250px; margin:10px 5px; background:#FFF; border:1px solid #d8d8d8; overflow:auto; } .box_popup .popup_textBox .innerBox .textBox7 { position:relative; z-index:20; min-height:250px; line-height:22px; padding:10px; text-align:left; font-size:14px; color:#5d5d5d; font-weight:bold; font-family: 'NanumGothic', serif; white-space:normal; background:#FFF; } .box_popup .step_title01 {float:left; width:100%; height:20px; margin:10px 0px; background:url(../images/etc/title_popup_study_step01.gif) no-repeat 20px top; text-indent:-9999px; } .box_popup .step_title02 {float:left; width:100%; height:20px; margin:10px 0px; background:url(../images/etc/title_popup_study_step02.gif) no-repeat 20px top; text-indent:-9999px; } .box_popup .popup_bt { max-width:100%; min-height:10px; padding:10px; padding:4px; } .box_popup .popup_bt li { display:inline; height:32px; line-height:32px; margin:0px 50px; font-size:20px; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup .popup_bt2 { max-width:100%; min-height:10px; margin:20px 0px; padding:10px; padding:4px; } .box_popup .popup_bt2 li { display:inline; height:32px; line-height:32px; margin:0px 50px; font-size:18px; font-weight:bold; font-family: Arial, Helvetica, sans-serif, 'Malgun Gothic', "맑은고딕", ngeot; } .box_popup .typing { width:755px; height:36px; line-height:36px; margin:10px auto; padding:15px 0px 15px 35px; text-align:left; background:url(../images/etc/explain_typing.png) no-repeat 265px center #f1f1f1; border-top:6px solid #009cca; border-right:1px solid #0087bd; border-bottom:1px solid #0087bd; border-left:1px solid #0087bd; } .box_popup .listening_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_listening.gif) no-repeat 20px 12px; text-indent:-9999px; } .box_popup .step { width:100%; height:65px; margin:10px auto 30px auto; background:url(../images/etc/img_step.jpg) no-repeat center top; text-indent:-9999px; } .box_popup .step01 { width:100%; height:65px; margin:10px auto; background:url(../images/etc/img_step01.jpg) no-repeat center top; text-indent:-9999px; } .box_popup .step02 { width:100%; height:65px; margin:10px auto; background:url(../images/etc/img_step02.jpg) no-repeat center top; text-indent:-9999px; } .box_popup .step03 { width:100%; height:65px; margin:10px auto; background:url(../images/etc/img_step03.jpg) no-repeat center top; text-indent:-9999px; } .box_popup .step04 { width:100%; height:65px; margin:10px auto; background:url(../images/etc/img_step04.jpg) no-repeat center top; text-indent:-9999px; } .box_popup .step05 { width:100%; height:65px; margin:10px auto; background:url(../images/etc/img_step05.jpg) no-repeat center top; text-indent:-9999px; } .box_popup .content_top { width:787px; margin:0 auto; } .box_popup .content_top .top_btn { float:right; width:166px; } .box_popup .btn_content { position:absolute; z-index:120; width:166px; height:42px; margin:-12px 20px 0px 0px; } .box_popup .btn_content2 { position:absolute; z-index:130; width:166px; height:42px; margin:-12px 20px 0px 0px; } .box_popup .bg_content_top { clear:both; width:780px; height:24px; margin:0px auto; background:url(../images/bg/bg_listening_top.gif) no-repeat; border-right:7px solid #e9e9e9; } .box_popup .bg_content_md { width:725px; margin:0px auto; padding:0px 24px 5px 24px; text-align:left; border-left:7px solid #e9e9e9; border-right:7px solid #e9e9e9; } .box_popup .bg_content_md .md_text { margin-top:-10px; font-size:14px; color:#000; color:#2d2d2d; font-family: Arial, Helvetica, sans-serif, 'Malgun Gothic', "맑은고딕", ngeot; } .box_popup .bg_content_bt { width:787px; margin:0px auto 10px auto; border-top:7px solid #e9e9e9; } .box_popup .title_listening01 { width:677px; height: 20px; margin:10px auto 5px auto; padding-left:110px; text-align:left; vertical-align:baseline; background:url(../images/etc/title_listening01.gif) no-repeat 10px top; text-indent:-9999px; } .box_popup .explain_page { width:787px; min-height:22px; line-height:24px; margin:0px auto 10px auto; text-align:left; font-size:14px; color:#980039; font-family: 'NanumGothic', serif; } .box_popup .top_box { width:790px; margin:10px auto; } .box_popup .top_box li { display:inline; margin:0px 10px; vertical-align:top; } .box_popup .top_box .question_box { float:left; width:328px; height:20px; line-height:24px; margin-left:30px; padding:5px 10px; text-align:left; border:5px solid #0072d3; font-size:16px; color:#2d2d2d; font-family: 'NanumGothic', serif; } .box_popup .top_box .question_box2 { float:left; width:328px; height:20px; line-height:24px; margin-left:15px; padding:5px 10px; text-align:left; border:5px solid #0072d3; font-size:16px; color:#2d2d2d; font-family: 'NanumGothic', serif; } .box_popup .top_box .time_box { float:right; width:358px; height:20px; line-height:24px; margin-right:15px; padding:5px 10px; text-align:left; border:5px solid #d01f4c; font-size:16px; color:#2d2d2d; font-family: 'NanumGothic', serif; } .box_popup .top_box .time_box2 {height:20px; line-height:24px; margin:0px 15px; padding:5px 10px; text-align:left; border:5px solid #d01f4c; font-size:16px; color:#2d2d2d; font-family: 'NanumGothic', serif; } .box_popup .top_box .time_box3 { float:right; width:358px; height:20px; line-height:24px; margin-right:30px; padding:5px 10px; text-align:left; border:5px solid #d01f4c; font-size:16px; color:#2d2d2d; font-family: 'NanumGothic', serif; } .box_popup .qbox { width:807px; max-height:550px; margin:0 auto; padding:5px; border-top:6px solid #009cca; border-right:1px solid #0087bd; border-bottom:1px solid #0087bd; border-left:1px solid #0087bd; overflow:auto; } .box_popup .title_question { width:787px; min-height:22px; line-height:22px; margin:0px auto 5px auto; text-align:left; font-size:14px; text-decoration:underline; color:#5d5d5d; font-family: 'NanumGothic', serif; } .box_popup .title_question01 { float:left; width:400px; min-height:24px; line-height:30px; text-align:left; vertical-align:top; font-size:20px; font-weight:bold; color:#9d9d9d; font-family: 'NanumGothic', serif; } .box_popup .title_question02 { min-height:16px; line-height:20px; margin:-5px auto; padding:0px 20px; text-align:left; font-size:14px; text-decoration:underline; color:#5d5d5d; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup .img_question { position:relative; z-index:100; max-height:200px; margin:-5px 0px 15px; vertical-align:top; overflow:auto; } .box_popup .answerBox { margin-top:-10px; padding:5px 10px 0px; } .box_popup .answerBox p {text-align:left; } .box_popup .answerBox li {min-height:22px; line-height:20px; !important; text-align:left; color:#5d5d5d; font-size:18px; font-family: 'NanumGothic', serif; } .box_popup .bg_end_top { width:887px; height:173px; margin:20px auto 0px auto; background:url(../images/bg/bg_listening_end_top.gif) no-repeat; } .box_popup .bg_end_top2 { width:887px; height:173px; margin:20px auto 0px auto; background:url(../images/bg/bg_listening_end_top2.gif) no-repeat; } .box_popup .bg_end_md { width:487px; margin:0px auto; padding:0px 200px; text-align:left; background:url(../images/bg/bg_listening_end_md.gif) repeat-y; } .box_popup .bg_end_md .Text {width:444px; height:169ps; margin:0px auto 0px auto; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup .bg_end_md .Text2 { width:444px; height:24px; margin:20px auto 10px auto; color:#d01f4c; font-size:20px; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup .bg_end_md .Text3 { width:500px; height:24px; margin:20px auto 10px auto; color:#386b74; font-size:20px; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup .bg_end_md .WAbox { width:480px; max-height:300px; margin:0px auto; overflow-x:hidden; overflow-y:auto; } .box_popup .bg_end_bt { width:887px; height:38px; margin:0px auto; background:url(../images/bg/bg_listening_end_bt.gif) no-repeat; } .box_popup .text_top { min-height:18px; line-height:22px; margin:10px auto; padding:0px 15px; text-align:left; font-size:14px; color:#980039; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup .vod_title {float:left; width:270px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_vod.gif) no-repeat 20px 12px; text-indent:-9999px; } .box_popup .recorder_title {float:left; width:270px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_vod_recorder.gif) no-repeat 20px 12px; text-indent:-9999px; } .box_popup .online_title {float:left; width:400px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_listening_solution.gif) no-repeat 20px 12px; text-indent:-9999px; } .box_popup .online_solution { margin:0px auto; padding:0px 30px; } .box_popup .solution_click { width:818px; height:54px; margin:10px auto; } .box_popup .solution_click img { max-width:818px; } /* 140519 추가 */ .box_popup .account_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_isolated_account.gif) no-repeat 20px 12px; text-indent:-9999px; } .box_popup .ex_box_top { width:760px; height:8px; margin:10px auto 0; background:url(../images/bg/bg_naeshin_box_top.png) no-repeat; } .box_popup .ex_box_md { width:740px; min-height:10px; margin:0 auto; padding:0px 10px; background:url(../images/bg/bg_naeshin_box_md.png) repeat-y; } .box_popup .ex_box_md table { width:740px; } .box_popup .ex_box_md th { height:32px; line-height:32px; padding-left:25px; text-align:left; font-weight:bold; font-size:18px; background:url(../images/etc/icon_Rarrow.png) no-repeat left 7px; font-family: 'NanumGothic', serif; } .box_popup .ex_box_md td { height:32px; line-height:32px; font-weight:bold; font-size:14px; border-top:1px dashed #bdbdbd; font-family: 'NanumGothic', serif; } .box_popup .ex_box_md td.Tright { height:32px; line-height:32px; color:#9f003c; font-weight:bold; font-size:14px; border-top:none !important; font-family: 'NanumGothic', serif; } .box_popup .ex_box_bt { width:760px; height:9px; margin:0 auto; background:url(../images/bg/bg_naeshin_box_bt.png) no-repeat; } .box_popup .account_box { width:740px; min-height:20px; margin:20px auto; padding:10px; text-align:center; } .box_popup .account_box ul { width:740px; text-align:left; margin:0 auto 10px; } .box_popup .account_box li { display:block; line-height:22px; padding-left:15px; text-align:left; color:#2d2d2d; font-size:12px; background:url(../images/etc/icon_red.gif) no-repeat left 6px; font-family: 'NanumGothic', serif; } .box_popup .account_box .isolated_box { max-width:740px; min-height:10px; line-height:24px; margin:10px auto; padding:9px; font-size:18px; font-weight:bold; background-color:#fafafa; border:1px solid #d5d5d5; font-family: 'NanumGothic', serif; } /* 140521 추가 */ .box_popup .card_title {float:left; width:200px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_card.gif) no-repeat 20px 12px; text-indent:-9999px; } .box_popup .ex_card { width:732px; height:162px; margin:10px auto 0; background:url(../images/etc/img_card_payment.png) no-repeat; } .box_popup .card_box_top { width:732px; height:12px; margin:10px auto 0; background:url(../images/bg/bg_card_box_top.png) no-repeat; } .box_popup .card_box_md { width:676px; min-height:10px; margin:0 auto; padding:0px 28px; background:url(../images/bg/bg_card_box_md.png) repeat-y; } .box_popup .card_box_md .exBox { width:654px; min-height:10px; padding:10px; text-align:left; background:url(../images/bg/bg_card_ex.png) repeat; border:1px solid #cacaca; } .box_popup .card_box_md .exBox table { max-width:100%; background:url(../images/bg/bg_card_icon.png) no-repeat left center; } .box_popup .card_box_md .exBox td { height:83px; line-height:32px; padding-left:95px; text-align:left; font-weight:bold; font-size:18px; font-family: 'NanumGothic', serif; } .box_popup .card_box_bt { width:732px; height:29px; margin:0 auto; background:url(../images/bg/bg_card_box_bt.png) no-repeat; } .box_popup .card_box { width:740px; min-height:18px; margin:0 auto 10px; padding:10px; text-align:center; } .box_popup .card_box ul { width:740px; text-align:left; margin:0 auto 10px; } .box_popup .card_box li { display:block; line-height:18px; padding:10px 0 10px 15px; text-align:left; color:#2d2d2d; font-size:14px; background:url(../images/etc/icon_red.gif) no-repeat left 13px; font-family: 'NanumGothic', serif; } .box_popup .card_box .plugin_box { max-width:740px; min-height:10px; line-height:20px; text-align:left; margin:10px auto; padding:9px; font-size:14px; font-weight:bold; color:#d01f4c; background-color:#fafafa; border:1px solid #d5d5d5; font-family: 'NanumGothic', serif; } .box_popup .card_box .card_ex { width:620px; height:61px; margin:10px auto; background:url(../images/etc/img_card_explain.png) no-repeat center; } .box_popup2 { display:inline-block; width:100%; min-height:0px; background-color:#c1c1c1; } .box_popup2 td {vertical-align:top;} .box_popup2 .intro_top { width:612px; height:53px; margin:100px auto 0px auto; background:url(../images/bg/bg_level_intro_top.jpg) no-repeat; } .box_popup2 .intro_md { width:612px; min-height:417px; margin:0px auto; background:url(../images/bg/bg_level_intro_md.jpg) no-repeat center top; } .box_popup2 .intro_md p { width:530px; min-height:0px; margin:10px auto; line-height:40px; text-align:left; font-size:18px; font-family: 'NanumGothic', serif; } .box_popup2 .intro_md .btn_bt {margin:10px auto; text-align:center;} .box_popup2 .intro_md .LH24 { line-height:20px !important; font-family: 'NanumGothic', serif; } .box_popup2 .intro_md ul { width:520px; margin:10px auto; padding:10px 0px; background:url(../images/etc/line_level_test.gif) repeat-x left top; } .box_popup2 .intro_md li { height:30px; line-height:30px; padding-left:30px; font-size:24px; text-align:left; background:url(../images/etc/icon_level_list.png) no-repeat left center; font-family: 'NanumGothic', serif; } .box_popup2 .intro_md ul.list2 { width:520px; margin:10px auto; padding:10px 0px; background:url(../images/etc/line_level_test.gif) repeat-x left bottom; } .box_popup2 .intro_md li.list2 { height:28px; line-height:28px; padding-left:18px; font-size:18px; font-weight:bold; text-align:left; background:url(../images/etc/icon_level_list2.png) no-repeat left center; font-family: 'NanumGothic', serif; } .box_popup2 .intro_md2 { clear:both; width:612px; min-height:0px; margin:0px auto; padding-bottom:10px; background:url(../images/bg/bg_level_intro_md2.jpg) repeat-y center top; } .box_popup2 .intro_bt { width:612px; height:54px; margin:0px auto; background:url(../images/bg/bg_level_intro_bt.jpg) no-repeat; } .box_popup2 .intro_title { width:470px; height:38px; line-height:38px; margin:0px auto; padding-left:50px; text-align:left; color:#010101; font-size:28px; background:url(../images/etc/icon_level_test.png) no-repeat left center; font-family: 'NanumGothic', serif; } .box_popup2 .end_title { width:470px; height:38px; line-height:38px; margin:0px auto; padding-left:50px; text-align:left; color:#010101; font-size:24px; background:url(../images/etc/icon_level_test.png) no-repeat left center; font-family: 'NanumGothic', serif; } .box_popup2 .end_title .name { font-size:28px; font-weight:bold; color:#0072ff; font-family: 'NanumGothic', serif; letter-spacing:-3px; } .box_popup2 .correct { font-size:18px; font-weight:bold; color:#ff0000; font-family: 'NanumGothic', serif; } .box_popup2 .left_box { width:854px; height:770px; margin:10px auto; } .box_popup2 .left_box .level_test_top { width:854px; height:40px; background:url(../images/bg/bg_level_test_left_top.png) no-repeat; } .box_popup2 .left_box .level_test_md { width:854px; height:888px; margin:0px auto; background:url(../images/bg/bg_level_test_left_md.png) repeat-y center top; } .box_popup2 .left_box .level_test_md .content_box { width:770px; height:828px; margin:0px auto; overflow-y:auto; overflow-x:hidden; } .box_popup2 .left_box .level_test_md .content_box2 { width:770px; height:690px; margin:0px auto; } .box_popup2 .left_box .level_test_md .text_box { position:relative; width:770px; height:387px; margin:0 auto; padding-top:15px; border:1px solid #dedede; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../pie/PIE.htc); } .box_popup2 .left_box .level_test_md .text_box .text { width:100%; height:372px; line-height:28px !important; margin:0px auto; text-align:left; font-size:18px !important; background:none !important; font-family: 'NanumGothic', serif; overflow-y:auto; overflow-x:none; } .box_popup2 .left_box .level_test_md .ex_title { max-width:100%; height:42px; margin:0px auto; padding-left:50px; text-align:left; color:#010101; font-size:18px; background:url(../images/etc/icon_level_test.png) no-repeat left center; font-family: 'NanumGothic', serif; } .box_popup2 .left_box .level_test_md .ex_title td { text-align:left; vertical-align:middle; padding-left:0px !important; } .box_popup2 .left_box .level_test_md .text2 { width:100%; height:560px; line-height:20px; margin:10px auto 0px auto; padding-top:20px; text-align:left; font-size:14px; font-family: Dotum, "돋움"; border-top:1px solid #e4e4e4; overflow-y:auto; overflow-x:none; } .box_popup2 .left_box .level_test_md .img_box { position:relative; width:770px; margin:10px auto; text-align:left; border:5px solid #e7e7e7; } .box_popup2 .left_box .level_test_md .answer { width:770px; min-height:278px; margin:10px auto 0px auto; } .box_popup2 .left_box .level_test_md .answer .answer_top { width:770px; height:42px; margin:20px auto 0px auto; background:url(../images/bg/bg_question.png) no-repeat; } .box_popup2 .left_box .level_test_md .answer .answer_top td { height:42px; line-height:18px; padding:0px 20px; font-size:14px; font-weight:bold; text-align:left; vertical-align: middle; font-family: 'NanumGothic', serif; } .box_popup2 .left_box .level_test_md .answer .answer_table { border-collapse:separate; width:770px; margin:10px auto; } .box_popup2 .left_box .level_test_md .answer2 { border-collapse:separate; width:770px; height:398px; margin:20px auto 0px auto; overflow-y:auto; overflow-x:hidden; } .box_popup2 .left_box .level_test_md .numbering { width:29px; height:40px; line-height:40px; margin-right:10px; text-align:center; font-size:18px; background:url(../images/bg/bg_number.png) no-repeat left center; font-family: 'NanumGothic', serif; } .box_popup2 .left_box .level_test_md .numbering2 { width:29px; height:40px; line-height:40px; margin-right:10px; text-align:center; font-size:18px; background:url(../images/bg/bg_number_select.png) no-repeat left center; font-family: 'NanumGothic', serif; } .box_popup2 .left_box .level_test_md td { height:40px; line-height:20px; text-align:left; padding:0px 15px; font-size:18px; color:#2d2d2d; vertical-align: middle; font-family: 'NanumGothic', serif; } .box_popup2 .left_box .level_test_md a {font-size:18px; color:#2d2d2d; text-decoration:none; font-family: 'NanumGothic', serif; } .box_popup2 .left_box .level_test_md a:visited { font-size:18px; color:#2d2d2d; text-decoration:none; font-family: 'NanumGothic', serif; } .box_popup2 .left_box .level_test_md a:hover { font-size:18px; color:#2d2d2d; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup2 .left_box .level_test_md a:active { font-size:18px; color:#2d2d2d; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup2 .left_box .level_test_md a.select {font-size:22px; color:#980039; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup2 .left_box .level_test_md a.select:visited { font-size:22px; color:#980039; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup2 .left_box .level_test_md a.select:hover { font-size:22px; color:#980039; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup2 .left_box .level_test_md a.select:active { font-size:22px; color:#980039; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup2 .left_box .level_test_bt { width:854px; height:45px; margin:0 auto; background:url(../images/bg/bg_level_test_left_bt.png) no-repeat; } .box_popup2 .left_box .level_test_md .audio_box { position:relative; width:770px; height:90px; margin:0 auto; background:url(../images/bg/bg_audio_box.png) no-repeat; } .box_popup2 .left_box .level_test_md .title { width:745px; height:21px; line-height:21px; margin:10px auto 10px auto; padding-left:25px; font-size:18px; font-weight:bold; text-align:left; background:url(../images/etc/icon_level_title.png) no-repeat left center; font-family: 'NanumGothic', serif; } .box_popup2 .left_box .level_test_md .writing_box { width:740px; height:174px; margin:0 auto 10px; padding:15px; background:url(../images/bg/bg_writing_box.png) no-repeat; } .box_popup2 .left_box .level_test_md .text_box .text { width:740px; height:372px; line-height:20px; margin:0px auto; text-align:left; font-size:14px; background:url(../images/bg/bg_text_line.png) left top; font-family: 'NanumGothic', serif; overflow-y:auto; overflow-x:none; } .box_popup2 .right_box_top { width:278px; height:48px; margin:10px auto 0px auto; background:url(../images/bg/bg_level_test_right_top.png) no-repeat center bottom; } .box_popup2 .right_box_top .level_answer_top { float:left; width:113px; height:33px; padding:15px 0px 0px 30px; text-align:left; font-size:16px; color:#980039; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup2 .right_box_top .time { float:left; padding-top:14px; font-size:18px; color:#06F; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup2 .right_box_bt { width:278px; height:723px; margin:0px auto 10px auto; } .box_popup2 .right_box_bt .level_answer_md { width:278px; height:708px; margin:0px auto; background:url(../images/bg/bg_level_test_right_md.png) repeat-y center top; } .box_popup2 .right_box_bt .level_answer_md .level_table { width:238px; height:708px; margin:0 auto; overflow-y:auto; overflow-x:hidden; } .box_popup2 .right_box_bt .level_answer_md .level_table th { line-height:18px; text-align:center; padding:0px 5px; } .box_popup2 .right_box_bt .level_answer_md .level_table th.number { width:30px; } .box_popup2 .right_box_bt .level_answer_md .level_table td { line-height:16px; text-align:left; vertical-align:middle; padding:0 5px; } .box_popup2 .right_box_bt .level_answer_md .level_table td.number { text-align:center; } .box_popup2 .right_box_bt .level_answer_md .level_table td.number2 { text-align:center; color:#9d9d9d; } .box_popup2 .right_box_bt .level_answer_md .level_table td.essential { color:#9d9d9d; } .box_popup2 .right_box_bt .level_answer_bt { width:278px; height:14px; margin:0px auto; background:url(../images/bg/bg_level_test_right_bt.png) no-repeat; } .box_popup2 .reexamTop { width:854px; height:40px; margin:0 auto; background:url(../images/bg/bg_level_test_left_top.png) no-repeat; } .box_popup2 .reexamMd { width:854px; min-height:30px; margin:0px auto; background:url(../images/bg/bg_level_test_left_md.png) repeat-y center top; } .box_popup2 .reexamMd .content_box { width:770px; min-height:600px; margin:0px auto; overflow-y:auto; overflow-x:hidden; } .box_popup2 .reexamMd .content_box .searchBox { max-width:100%; height:22px; text-align:left; margin:10px auto; padding-left:10px; } .box_popup2 .reexamMd a {font-size:18px; color:#2d2d2d; text-decoration:none; font-family: 'NanumGothic', serif; } .box_popup2 .reexamMd a:visited { font-size:18px; color:#2d2d2d; text-decoration:none; font-family: 'NanumGothic', serif; } .box_popup2 .reexamMd a:hover { font-size:18px; color:#2d2d2d; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup2 .reexamMd a:active { font-size:18px; color:#2d2d2d; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup2 .reexamMd a.select {font-size:22px; color:#980039; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup2 .reexamMd a.select:visited { font-size:22px; color:#980039; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup2 .reexamMd a.select:hover { font-size:22px; color:#980039; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup2 .reexamMd a.select:active { font-size:22px; color:#980039; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup2 .reexamBt { width:854px; height:45px; margin:0 auto; background:url(../images/bg/bg_level_test_left_bt.png) no-repeat; } .box_popup3 { display:inline-block; width:100%; min-height:0px; background-color:#6b6b6b; } .box_popup3 .guide_box { width:1000px; height:818px; margin:10px auto; } .box_popup3 .guide_box .study_guide_top { width:1000px; height:15px; background:url(../images/bg/bg_guide_top.png) no-repeat; } .box_popup3 .guide_box .study_guide_md { width:1000px; min-height:788px; margin:0px auto; background:url(../images/bg/bg_guide_md.png) repeat-y center top; } .box_popup3 .guide_box .study_guide_md .guide_title { width:956px; height:42px; margin:0px auto; background:url(../images/etc/title_study_guide.jpg) no-repeat left top; } .box_popup3 .guide_box .study_guide_md p { width:956px; min-height:0px; line-height:30px; text-align:left; margin:10px auto 0px auto; font-size:14px; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md .tabBox { position:relative; width:898px; height:48px; text-align:left; margin:24px auto 0 auto; } .box_popup3 .guide_box .study_guide_md .tabBox ul.tabs4 { position:absolute; top:4px; left0px; } .box_popup3 .guide_box .study_guide_md .tabBox li { display:inline; width:105px; margin-right:-3px; } .box_popup3 .guide_box .study_guide_md .tabBox ul.tabs4 li a.selected img {display:none;} .box_popup3 .guide_box .study_guide_md .tabBox ul.tabs4 li a.selected img.over {display:inline; border:0;} .box_popup3 .guide_box .study_guide_md .content_box { width:956px; height:635px; margin:0px auto; } .box_popup3 .guide_box .study_guide_md .content_box .inner_top { width:956px; height:22px; background:url(../images/bg/bg_tabbox_top.jpg) no-repeat; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md { width:956px; height:590px; background:url(../images/bg/bg_tabbox_md.jpg) repeat-y center top; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .tab_container { position:relative; width:918px; height:590px; margin:0 auto; overflow-y:auto; overflow-x:hidden; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .tab_content4 {margin:0;} .box_popup3 .guide_box .study_guide_md .content_box .inner_md .tab_content4 #inner_box1 {width:918px; height:590px; margin:0px auto; overflow-y:auto; overflow-x:hidden; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .tab_content4 #inner_box2 {width:918px; height:590px; margin:0px auto; overflow-y:auto; overflow-x:hidden; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .tab_content4 #inner_box3 {width:918px; height:590px; margin:0px auto; overflow-y:auto; overflow-x:hidden; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .tab_content4 #inner_box4 {width:918px; height:590px; margin:0px auto; overflow-y:auto; overflow-x:hidden; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .tab_content4 #inner_box5 {width:918px; height:590px; margin:0px auto; overflow-y:auto; overflow-x:hidden; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .tab_content4 #inner_box6 {width:918px; height:590px; margin:0px auto; overflow-y:auto; overflow-x:hidden; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .tab_content4 #inner_box7 {width:918px; height:590px; margin:0px auto; overflow-y:auto; overflow-x:hidden; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .tab_content4 #inner_box8 {width:918px; height:590px; margin:0px auto; overflow-y:auto; overflow-x:hidden; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .inner_title { width:893px; height:21px; margin:0px auto; padding-left:25px; text-align:left; font-size:18px; font-weight:bold; background:url(../images/etc/icon_title_guide.jpg) no-repeat left center; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md p { width:918px; min-height:0px; line-height:24px; text-align:left; margin:10px auto 0px auto; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .inner_legendary01 { width:918px; height:38px; margin:10px auto; background:url(../images/etc/img_legendary01.jpg) no-repeat; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .inner_legendary02 { width:918px; height:38px; margin:10px auto; background:url(../images/etc/img_legendary02.jpg) no-repeat; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .inner_legendary03 { width:918px; height:38px; margin:10px auto; background:url(../images/etc/img_legendary03.jpg) no-repeat; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .inner_legendary04 { width:918px; height:38px; margin:10px auto; background:url(../images/etc/img_legendary04.jpg) no-repeat; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .inner_legendary05 { width:918px; height:38px; margin:10px auto; background:url(../images/etc/img_legendary05.jpg) no-repeat; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .inner_legendary06 { width:918px; height:38px; margin:10px auto; background:url(../images/etc/img_legendary06.jpg) no-repeat; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .inner_legendary07 { width:918px; height:38px; margin:10px auto; background:url(../images/etc/img_legendary07.jpg) no-repeat; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .inner_legendary08 { width:918px; height:38px; margin:10px auto; background:url(../images/etc/img_legendary08.jpg) no-repeat; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .imgBox { width:918px; min-height:0px; margin:0px auto; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .imgBox img { width:916px; border:1px solid #dbdbdb; margin-top:10px; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .imgBox img:first-child { margin-top:0px; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .imgBox .exBox { width:918px; min-height:0px; margin:10px auto 0px auto; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .imgBox .exBox .ex_table { border-collapse:separate; width:918px; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .imgBox .ex_numbering { width:33px; height:33px; line-height:30px; text-align:center; font-size:18px; background:url(../images/bg/bg_number2.png) no-repeat center center; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .imgBox .exBox th { width:33px; height:33px; line-height:30px; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .imgBox .exBox td { height:40px; line-height:22px; text-align:left; padding:0px 15px; font-size:16px; color:#2d2d2d; vertical-align: middle; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .imgBox .exBox .img01 { width:61px; height:22px; background:url(../images/btn/btn_homework_news.gif) no-repeat left center; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .imgBox .exBox .img02 { width:61px; height:22px; background:url(../images/btn/btn_homework_listening.gif) no-repeat left center; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .imgBox .exBox .img03 { width:61px; height:22px; background:url(../images/btn/btn_homework_essay.gif) no-repeat left center; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .imgBox .exBox .img04 { width:61px; height:22px; background:url(../images/btn/btn_homework_voca.gif) no-repeat left center; } .box_popup3 .guide_box .study_guide_md .content_box .inner_md .imgBox .exBox .img05 { width:61px; height:22px; background:url(../images/btn/btn_homework_recorder.gif) no-repeat left center; } .box_popup3 .guide_box .study_guide_md .content_box .inner_bt { width:956px; height:22px; background:url(../images/bg/bg_tabbox_bt.jpg) no-repeat; } .box_popup3 .guide_box .study_guide_md .ex_title { max-width:100%; height:42px; margin:0px auto; padding-left:50px; text-align:left; color:#010101; font-size:18px; background:url(../images/etc/icon_level_test.png) no-repeat left center; font-family: 'NanumGothic', serif; } .box_popup2 .guide_box .study_guide_md .ex_title td { text-align:left; vertical-align:middle; padding-left:0px !important; } .box_popup2 .guide_box .study_guide_md_md .text2 { width:100%; height:560px; line-height:20px; margin:10px auto 0px auto; padding-top:20px; text-align:left; font-size:14px; font-family: Dotum, "돋움"; border-top:1px solid #e4e4e4; overflow-y:auto; overflow-x:none; } .box_popup3 .guide_box .study_guide_md .img_box { position:relative; width:770px; margin:10px auto; text-align:left; border:5px solid #e7e7e7; } .box_popup3 .guide_box .study_guide_md .answer { width:770px; height:278px; margin:10px auto 0px auto; } .box_popup3 .guide_box .study_guide_md .answer .answer_top { width:770px; height:42px; margin:20px auto 0px auto; background:url(../images/bg/bg_question.png) no-repeat; } .box_popup3 .guide_box .study_guide_md .answer .answer_top td { height:42px; line-height:18px; padding:0px 20px; font-size:14px; font-weight:bold; text-align:left; vertical-align: middle; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md .answer .answer_table { border-collapse:separate; width:770px; margin:10px auto; } .box_popup3 .guide_box .study_guide_md .answer2 { border-collapse:separate; width:770px; height:398px; margin:20px auto 0px auto; overflow-y:auto; overflow-x:hidden; } .box_popup3 .guide_box .study_guide_md .numbering { width:29px; height:40px; line-height:40px; margin-right:10px; text-align:center; font-size:18px; background:url(../images/bg/bg_number.png) no-repeat left center; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md .numbering2 { width:29px; height:40px; line-height:40px; margin-right:10px; text-align:center; font-size:18px; background:url(../images/bg/bg_number_select.png) no-repeat left center; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md td { height:40px; line-height:20px; text-align:left; padding:0px 15px; font-size:18px; color:#2d2d2d; vertical-align: middle; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md a {font-size:18px; color:#2d2d2d; text-decoration:none; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md a:visited { font-size:18px; color:#2d2d2d; text-decoration:none; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md a:hover { font-size:18px; color:#2d2d2d; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md a:active { font-size:18px; color:#2d2d2d; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md a.select {font-size:22px; color:#980039; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md a.select:visited { font-size:22px; color:#980039; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md a.select:hover { font-size:22px; color:#980039; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md a.select:active { font-size:22px; color:#980039; text-decoration:underline; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md .audio_box { position:relative; width:770px; height:90px; margin:0 auto; background:url(../images/bg/bg_audio_box.png) no-repeat; } .box_popup3 .guide_box .study_guide_md .title { width:745px; height:21px; line-height:21px; margin:10px auto 10px auto; padding-left:25px; font-size:18px; font-weight:bold; text-align:left; background:url(../images/etc/icon_level_title.png) no-repeat left center; font-family: 'NanumGothic', serif; } .box_popup3 .guide_box .study_guide_md .writing_box { width:740px; height:174px; margin:0 auto; padding:15px; background:url(../images/bg/bg_writing_box.png) no-repeat; } .box_popup3 .guide_box .study_guide_md .text_box .text { width:740px; height:272px; line-height:20px; margin:0px auto; text-align:left; font-size:14px; background:url(../images/bg/bg_text_line.png) left top; font-family: 'NanumGothic', serif; overflow-y:auto; overflow-x:none; } .box_popup3 .guide_box .study_guide_bt { width:1000px; height:15px; margin:0 auto; background:url(../images/bg/bg_guide_bt.png) no-repeat; } #popup_notice1 {float:left; width:335px; height:450px; margin-right:2px; background-color:#FFF; border:3px solid #000;}/* display:none;*/ #popup_notice2 {float:left; width:335px; height:450px; margin-right:2px; background-color:#FFF; border:3px solid #000;} #popup_notice3 {float:left; width:335px; height:450px; margin-right:2px; background-color:#FFF; border:3px solid #000;} .notice_box {max-width:335px; height:418px; overflow:auto;} .bt_notice {max-width:335px; height:32px; line-height:32px; padding:0 10px; background-color:#ebebeb;} .bt_notice .left {text-align:left;} .bt_notice .right {text-align:right;} .workframe { max-width:100%; min-height:500px; padding:5px; } .workframe .content_box {max-width:100%; min-height:17px; line-height:17px !important; padding:5px; text-align:left; border:7px solid #f5f5f5;} .workframe .Hline { width:100%; height:1px; margin:5px auto; background-color:#FFF; border-top:1px dashed #c5c5c5; } .workframe .teacherbox { clear:both; max-width:100%; height:120px; text-align:left; margin-top:-10px; padding:5px; border:1px solid #d5d5d5; overflow-y:auto; } .workframe .studentbox { clear:both; max-width:100%; height:100px; text-align:left; margin-top:10px; padding:5px; border:1px solid #d5d5d5; overflow-y:auto; } .workframe .studentbox2 { clear:both; max-width:100%; height:100px; text-align:left; overflow-y:auto; } .popupContent { width:760px; background:#FFF; } .popupContent .tab_box {width:100%; height:36px; margin:10px 0px 10px; text-align:left; background:url(../images/bg/bg_login_tab.gif) repeat-x left bottom;} .popupContent .tab_box li {display:inline; margin-right:-4px;} .popupContent ul.tabs2 li a.selected img {display:none;} .popupContent ul.tabs2 li a.selected img.over {display:inline; border:0;} .popupContent ul.tabs3 li a.selected img {display:none;} .popupContent ul.tabs3 li a.selected img.over {display:inline; border:0;} .popupContent2 { position:relative; width:780px; min-height:600px; padding:0px 10px; background:#FFF; overflow-x:hidden; overflow-y:auto; } .popupContent2 #sub_title09_06 {width:100%; height:46px; margin-top:15px; background:url(../images/etc/title_sub09_06.gif) no-repeat 10px top;} .popupContent2 #sub_title09_21 {width:100%; height:50px; margin-top:15px; background:url(../images/etc/title_sub09_21.gif) no-repeat 10px top;} .popupContent2 .search_box_top { width:760px; height:8px; margin:10px auto 0; background:url(../images/bg/bg_naeshin_box_top.png) no-repeat; } .popupContent2 .search_box_md { width:740px; min-height:10px; margin:0 auto; padding:0px 10px; background:url(../images/bg/bg_naeshin_box_md.png) repeat-y; } .popupContent2 .search_box_md table { width:740px; } .popupContent2 .search_box_md th { height:32px; line-height:32px; padding-left:25px; text-align:left; font-weight:bold; font-size:18px; background:url(../images/etc/icon_Rarrow.png) no-repeat left center; font-family: 'NanumGothic', serif; } .popupContent2 .search_box_md td { height:32px; line-height:32px; font-weight:bold; font-size:14px; border-top:1px dashed #bdbdbd; font-family: 'NanumGothic', serif; } .popupContent2 .search_box_md td.Tright { height:32px; line-height:32px; color:#9f003c; font-weight:bold; font-size:14px; border-top:none !important; font-family: 'NanumGothic', serif; } .popupContent2 .search_box_bt { width:760px; height:9px; margin:0 auto; background:url(../images/bg/bg_naeshin_box_bt.png) no-repeat; } .popupContent3 { width:956px; } .popupContent3 .assesmentBoxTop { width:956px; height:38px; margin:10px auto 0px auto; background:url(../images/bg/bg_box_popup_top.png) no-repeat; } .popupContent3 .assesmentBoxMd { width:926px; min-height:300px; margin:0px auto; padding:0px 15px; background:url(../images/bg/bg_box_popup_md.png) repeat-y center top; } .popupContent3 .assesmentBoxMd .tableBox { position:relative; width:870px; height:740px; margin:0 auto; overflow-x:hidden; overflow-y:auto; } .popupContent3 .assesmentBoxMd .tableBox .assesmentTitle { width:820px; height:60px; line-height:60px; margin:0 auto 10px; padding-left:50px; text-align:left; font-size:30px; font-weight:bold; background:url(../images/etc/icon_level_test.png) no-repeat left center; border-bottom:1px dashed #cfcfcf; font-family: 'NanumGothic', serif; } .popupContent3 .assesmentBoxMd .tableBox ul { width:870px; text-align:left; margin:0 auto 10px; } .popupContent3 .assesmentBoxMd .tableBox li { display:block; line-height:22px; padding-left:15px; text-align:left; color:#2d2d2d; font-size:12px; font-weight:bold; background:url(../images/etc/icon_red.gif) no-repeat left 6px; font-family: 'NanumGothic', serif; } .popupContent3 .assesmentBoxMd .tableBox .Ntitle { width:840px; height:32px; line-height:32px; margin:5px auto 0; padding-left:25px; text-align:left; color:#9f003c; font-weight:bold; font-size:14px; background:url(../images/etc/icon_search.gif) no-repeat left center; font-family: 'NanumGothic', serif; } .popupContent3 .assesmentBoxMd .tableBox .Sbox { position:relative; max-width:100%; height:55px; margin:0 auto; } .popupContent3 .assesmentBoxMd .tableBox .Sbox:after {display:block;visibility:hidden;clear:both;content:""} .popupContent3 .assesmentBoxMd .tableBox .assementEx { position:relative; max-width:100%; height:35px; margin:0 auto; padding:7px; color:#fff; text-align:left; background:#a71313; border:6px solid #dbdbdb; overflow-x:hidden; overflow-y:auto; } .popupContent3 .assesmentBoxMd .tableBox .assementExOver { position:absolute; z-index:10; width:844px; height:147px; margin:0 auto; padding:7px; color:#fff; text-align:left; background:#a71313; border:6px solid #dbdbdb; overflow-x:hidden; overflow-y:auto; } .popupContent3 .assesmentBoxMd .tableBox .assementTitle { position:relative; width:860px; height:37px; line-height:37px; margin:15px auto 5px; text-align:left; font-weight:bold; padding-left:10px; font-size:16px; color:#fff; background:url(../images/bg/bg_assesment_title.png) no-repeat left center; font-family: 'NanumGothic', serif; } .popupContent3 .assesmentBoxBt { width:956px; height:38px; margin:0px auto 10px auto; background:url(../images/bg/bg_box_popup_bt.png) no-repeat; } /* 140519 추가 */ .popupContent3 .cyberBoxTop { width:956px; height:38px; margin:10px auto 0px auto; background:url(../images/bg/bg_box_popup_top.png) no-repeat; } .popupContent3 .cyberBoxMd { width:926px; min-height:300px; margin:0px auto; padding:0px 15px; background:url(../images/bg/bg_box_popup_md.png) repeat-y center top; } .popupContent3 .cyberBoxMd .tableBox { position:relative; width:870px; height:740px; margin:0 auto; overflow-x:hidden; overflow-y:auto; } .popupContent3 .cyberBoxMd .tableBox .cyberTitle { width:820px; height:60px; line-height:60px; margin:0 auto 10px; padding-left:50px; text-align:left; font-size:30px; font-weight:bold; background:url(../images/etc/icon_level_test.png) no-repeat left center; border-bottom:1px dashed #cfcfcf; font-family: 'NanumGothic', serif; } .popupContent3 .cyberBoxMd .tableBox .exCyber { width:860px; min-height:20px; line-height:24px; margin:10px auto 20px; text-align:left; font-weight:bold; padding-left:10px; font-size:14px; color:#2d2d2d; font-family: 'NanumGothic', serif; } .popupContent3 .cyberBoxMd .tableBox ul { width:800px; text-align:left; margin:0 auto 10px; } .popupContent3 .cyberBoxMd .tableBox li { display:block; line-height:24px; padding-left:15px; text-align:left; color:#2d2d2d; font-size:14px; font-weight:bold; background:url(../images/etc/icon_red.gif) no-repeat left 9px; font-family: 'NanumGothic', serif; } .popupContent3 .cyberBoxMd .tableBox .Sbox { position:relative; max-width:100%; height:55px; margin:0 auto; } .popupContent3 .cyberBoxMd .tableBox .Sbox:after {display:block;visibility:hidden;clear:both;content:""} .popupContent3 .cyberBoxBt { width:956px; height:38px; margin:0px auto 10px auto; background:url(../images/bg/bg_box_popup_bt.png) no-repeat; } .popupContent3 .cyberBoxMd .tableBox .total { color:#9f003c; font-style:italic; font-family:'Open Sans', sans-serif; font-size:28px; } .popupContent3 .cyberBoxMd .tableBox .cyber { color:#0054d3; font-style:italic; font-family:'Open Sans', sans-serif; font-size:24px; } .popupContent3 .cyberBoxMd .tableBox .book { color:#147806; font-style:italic; font-family:'Open Sans', sans-serif; font-size:20px; } .popupContent3 .cyberBoxMd .tableBox .all { color:#7b2807; font-style:italic; font-family:'Open Sans', sans-serif; font-size:20px; } /*Layer Popup */ .Popup_layer {position:absolute; z-index:9999; top:275px; left:50%; width:1030px; min-height:0px; margin-left:-515px;} .Alert_layer {position:absolute; z-index:99999; top:140px; width:225px; min-height:80px; } .Alert_layer .alert_top { width:225px; height:70px; background:url(../images/bg/bg_alert_top.jpg) no-repeat;} .Alert_layer .alert_content { width:193px; min-height:80px; padding:10px 15px 0px 15px; color:#2d2d2d; font-size:16px; font-family: 'NanumGothic', serif; background-color:#FFF; border-right:1px solid #cecece; border-bottom:1px solid #cecece; border-left:1px solid #cecece; } .Alert_layer .alert_content span { color:#9f013e; font-size:20px; font-family:'Open Sans', sans-serif; } .Alert_layer .alert_top2 { width:225px; height:70px; background:url(../images/bg/bg_alert_top2.jpg) no-repeat;} .Alert_layer .alert_content2 { width:193px; min-height:80px; padding:10px 15px 0px 15px; color:#9f013e; font-weight:bold; font-size:16px; font-family: 'NanumGothic', serif; background-color:#FFF; border-right:1px solid #cecece; border-bottom:1px solid #cecece; border-left:1px solid #cecece; } .Alert_layer2 {position:absolute; z-index:999999; top:350px; width:500px; min-height:80px; margin-left:-56px; } .Alert_layer2 .alert_urgent { width:455px; min-height:100px; padding:15px; text-align:left; background-color:#121212; border:5px solid #8e8e8e; color:#FFF;} .Alert_layer2 .alert_urgent p {text-align:center; margin:10px auto;} .Alert_layer2 .alert_urgent span {color:#ff2159; font-weight:bold;} .Alert_layer2 .alert_urgent2 { width:455px; min-height:100px; padding:15px; text-align:left; background-color:#121212; border:5px solid #8e8e8e; color:#FFF;} .Alert_layer2 .alert_urgent2 p {text-align:center; margin:10px auto;} .Alert_layer2 .alert_urgent2 span {color:#ff2159; font-weight:bold;} .Alert_layer3 {position:absolute; z-index:999999; top:60px; margin-left:450px; width:600px; min-height:80px; } .Alert_layer3 .alert_urgent { width:555px; min-height:100px; line-height:18px !important; padding:15px; text-align:left; background-color:#121212; border:5px solid #8e8e8e; color:#FFF;} .Alert_layer3 .alert_urgent p {text-align:center; margin:10px auto;} .Alert_layer3 .alert_urgent span {color:#ff2159; font-weight:bold;} .Alert_layer3 .alert_urgent2 { width:555px; min-height:100px; line-height:18px !important; padding:15px; text-align:left; background-color:#121212; border:5px solid #8e8e8e; color:#FFF;} .Alert_layer3 .alert_urgent2 p {text-align:center; margin:10px auto;} .Alert_layer3 .alert_urgent2 span {color:#ff2159; font-weight:bold;} .Alert_layer4 {position:absolute; z-index:9999999; top:370px; width:273px; min-height:50px; margin-left:-26px; } .Alert_layer4 .Atop { float:left; width:273px; height:9px; background:url(../images/bg/bg_popup_top.png) no-repeat; } .Alert_layer4 .Amd { float:left; width:273px; min-height:30px; background:url(../images/bg/bg_popup_md.png) repeat-y; } .Alert_layer4 .Abt { float:left; width:273px; height:15px; background:url(../images/bg/bg_popup_bt.png) no-repeat; } .Alert_layer4 .text_box { float:left; width:236px; min-width:80px; line-height:18px !important; margin:10px 12px 0px 15px; text-align:left; background-color:#FFF; color:#000; font-weight:bold; font-size:14px; font-family: 'NanumGothic', serif; } .Alert_layer5 {position:absolute; z-index:9999999; top:60px; width:273px; min-height:50px; margin-left:250px; } .Alert_layer5 .Atop { float:left; width:273px; height:9px; background:url(../images/bg/bg_popup_top.png) no-repeat; } .Alert_layer5 .Amd { float:left; width:273px; min-height:30px; background:url(../images/bg/bg_popup_md.png) repeat-y; } .Alert_layer5 .Abt { float:left; width:273px; height:15px; background:url(../images/bg/bg_popup_bt.png) no-repeat; } .Alert_layer5 .text_box { float:left; width:236px; min-width:80px; line-height:18px !important; margin:10px 12px 0px 15px; text-align:left; background-color:#FFF; color:#000; font-weight:bold; font-size:14px; font-family: 'NanumGothic', serif; } .Alert_layer6 {position:absolute; z-index:9999999; top:150px; width:273px; min-height:50px; } .Alert_layer6 .Atop { float:left; width:273px; height:9px; background:url(../images/bg/bg_popup_top.png) no-repeat; } .Alert_layer6 .Amd { float:left; width:273px; min-height:30px; background:url(../images/bg/bg_popup_md.png) repeat-y; } .Alert_layer6 .Amd .btn_x { float:right; margin-right:15px; } .Alert_layer6 .Abt { float:left; width:273px; height:15px; background:url(../images/bg/bg_popup_bt.png) no-repeat; } .Alert_layer6 .text_box { float:left; width:236px; min-width:80px; line-height:18px !important; margin:10px 12px 0px 15px; text-align:left; background-color:#FFF; color:#000; font-weight:bold; font-size:14px; font-family: 'NanumGothic', serif; } .Alert_layer6_1 {position:absolute; z-index:9999999; top:350px; width:273px; min-height:50px; } .Alert_layer6_1 .Atop { float:left; width:273px; height:9px; background:url(../images/bg/bg_popup_top.png) no-repeat; } .Alert_layer6_1 .Amd { float:left; width:273px; min-height:30px; background:url(../images/bg/bg_popup_md.png) repeat-y; } .Alert_layer6_1 .Amd .btn_x { float:right; margin-right:15px; } .Alert_layer6_1 .Abt { float:left; width:273px; height:15px; background:url(../images/bg/bg_popup_bt.png) no-repeat; } .Alert_layer6_1 .text_box { float:left; width:236px; min-width:80px; line-height:18px !important; margin:10px 12px 0px 15px; text-align:left; background-color:#FFF; color:#000; font-weight:bold; font-size:14px; font-family: 'NanumGothic', serif; } .Alert_layer7 {position:absolute; z-index:9999999; top:100px; width:273px; min-height:50px; margin-left:-25px; } .Alert_layer7 .Atop { float:left; width:273px; height:9px; background:url(../images/bg/bg_popup_top.png) no-repeat; } .Alert_layer7 .Amd { float:left; width:273px; min-height:30px; background:url(../images/bg/bg_popup_md.png) repeat-y; } .Alert_layer7 .Abt { float:left; width:273px; height:15px; background:url(../images/bg/bg_popup_bt.png) no-repeat; } .Alert_layer7 .text_box { float:left; width:236px; min-width:80px; line-height:18px !important; margin:10px 12px 0px 15px; text-align:left; background-color:#FFF; color:#000; font-weight:bold; font-size:14px; font-family: 'NanumGothic', serif; } #Study_layer { position:absolute; z-index:100; top:175px; left:50%; width:800px; min-height:50px; margin-left:-400px; padding:5px; background:#FFF; border:1px solid #d8d8d8; } #Study_layer .textBox_title2 { width:891px; height:36px; margin: 0 auto; background:url(../images/etc/title_popup_example.gif) no-repeat left top; text-indent:-9999px; } #Study_layer .popup_textBox { max-width:100%; min-height:30px; margin:0 auto; background:#f3f0ef; border-top:6px solid #009cca; border-right:1px solid #0087bd; border-bottom:1px solid #0087bd; border-left:1px solid #0087bd; } #Study_layer .popup_textBox .textBox { max-width:100%; min-height:58px; margin:15px; padding:10px; background:#FFF; border:1px solid #d8d8d8; } #Study_layer .popup_textBox .textBox ul { margin-top:10px !important; } #Study_layer .popup_textBox #textBox1 { position:relative; z-index:10; max-width:100%; margin:15px; padding:10px; text-align:left; background:#FFF; border:1px solid #d8d8d8; color:#000; font-size:30px; font-weight:bold !important; font-family: 'NanumGothic', serif; } #Study_layer .popup_textBox .ex2 {min-height:35px; line-height:32px; text-align:left; white-space:normal; color:#000; font-size:30px; font-weight:bold !important; font-family: 'NanumGothic', serif; } .Onway_layer { position:absolute; z-index:200; top:520px; left:50%; width:322px; height:149px; margin-left:-161px; background:url(../images/etc/img_ontheway.gif) no-repeat; } .Typing_layer { position:absolute; z-index:250; top:250px; left:50%; width:350px; min-height:130px; margin-left:-200px; padding:10px; border:7px solid #d01f4c; background:#FFF; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } .Typing_layer .Ttitle { max-width:100%; line-height:22px; text-align:left; } .Typing_layer ul { margin:20px 0px 0px 20px; } .Typing_layer li { height:32px; line-height:32px; text-align:left; } .Typing_layer .Ntitle1 { padding-left:70px; background:url(../images/etc/title_1st.gif) no-repeat left center; } .Typing_layer .Ntitle2 { padding-left:70px; background:url(../images/etc/title_2nd.gif) no-repeat left center; } .Typing_layer .Ntitle3 { padding-left:70px; background:url(../images/etc/title_3rd.gif) no-repeat left center; } .Correct_layer { position:absolute; z-index:200; top:510px; left:50%; width:373px; minheight:10px; margin-left:-195px; } .Correct_layer .Correct_top { width:373px; height:14px; background:url(../images/bg/bg_correct_top.png) no-repeat; } .Correct_layer .Correct_md { width:333px; min-height:10px; padding:10px 20px; text-align:left; background:url(../images/bg/bg_correct_md.png) repeat-y; font-family:"맑은고딕", ngeot; } .Correct_layer .Correct_md .Cbox { padding:10px; background:#FFF; border:1px solid #9d9d9d; } .Correct_layer .Correct_bt { width:373px; height:14px; background:url(../images/bg/bg_correct_bt.png) no-repeat; } .Special_layer {position:absolute; z-index:9000000; top:234px; width:239px; min-height:50px; } .Special_layer .Atop { float:left; width:239px; height:11px; background:url(../images/bg/bg_popup2_top.png) no-repeat; } .Special_layer .Amd { float:left; width:239px; min-height:30px; background:url(../images/bg/bg_popup2_md.png) repeat-y; } .Special_layer .Abt { float:left; width:239px; height:39px; background:url(../images/bg/bg_popup2_bt.png) no-repeat; } .Special_layer .text_box { float:left; max-width:100%; line-height:18px !important; margin:10px 10px 0px 10px; text-align:left; background-color:#2d2d2d; color:#FFF; font-weight:bold; font-size:14px; font-family: 'NanumGothic', serif; } .Special_layer2 {position:absolute; z-index:9000000; top:170px; width:239px; min-height:50px; margin-left:280px; } .Special_layer2 .Atop { float:left; width:239px; height:39px; background:url(../images/bg/bg_popup2_top2.png) no-repeat; } .Special_layer2 .Amd { float:left; width:239px; min-height:30px; background:url(../images/bg/bg_popup2_md.png) repeat-y; } .Special_layer2 .Abt { float:left; width:239px; height:9px; background:url(../images/bg/bg_popup2_bt2.png) no-repeat; } .Special_layer2 .text_box { float:left; max-width:100%; line-height:18px !important; margin:10px 10px 0px 10px; text-align:left; background-color:#2d2d2d; color:#FFF; font-weight:bold; font-size:14px; font-family: 'NanumGothic', serif; } .btn_layer { position:absolute; z-index:350; top:600px; left:50%; width:400px; min-height:130px; margin-left:-220px; padding:15px; border:7px solid #000; background:#e1e1e1; } .btn_layer li {text-align:center; padding:5px 0px; } #content_layer { clear:both; position:relative; z-index:80; width:887px; margin:0 auto; } #content_layer2 { clear:both; position:relative; z-index:90; width:887px; margin:0 auto; } .BR_layer { position:fixed; z-index:120; right:0px; bottom:0px; width:383px; height:384px; } .BR_layer .BR_box { width:383px; height:384px; background:url(../images/bg/bg_BR.png) no-repeat; } .BR_layer .BR_title { height:28px; line-height:28px; padding-top:10px; } .BR_layer .BR_title .PL80 { padding-left:70px; } .BR_layer .BR_title .WD33 { width:33px; } .BR_layer .BR_content { width:285px; height:250px; margin:56px auto 0px auto; vertical-align:top; } .BR_layer .Lcontent { float:left; width:135px; height:130px; } .BR_layer .content01 { width:135px; height:65px; } .BR_layer .title01 { height:20px; line-height:20px; padding-left:75px; background:url(../images/etc/title_BR01.gif) no-repeat left center; } .BR_layer .content01 ul { height:32px; padding:2px; background-color:#f5f5f5; border:1px solid #dedede; } .BR_layer .content01 li { height:16px; line-height:16px; text-align:left; } .BR_layer .content02 { width:135px; height:65px; } .BR_layer .title02 { height:20px; line-height:20px; padding-left:95px; background:url(../images/etc/title_BR02.gif) no-repeat left center; } .BR_layer .content02 ul { height:32px; padding:2px; background-color:#f5f5f5; border:1px solid #dedede; } .BR_layer .content02 li { height:16px; line-height:16px; text-align:left; } .BR_layer .content03 { height:65px; } .BR_layer .title03 { height:15px; line-height:20px; text-align:right; padding:5px 5px 0px 80px; background:url(../images/etc/title_BR03.gif) no-repeat left center; } .BR_layer .content03 ul { height:32px; padding:2px; background-color:#f5f5f5; border:1px solid #dedede; } .BR_layer .content03 li { height:16px; line-height:16px; text-align:left; } .BR_layer .content04 { height:65px; } .BR_layer .title04 { height:15px; line-height:20px; text-align:right; padding:5px 5px 0px 125px; background:url(../images/etc/title_BR04.gif) no-repeat left center; } .BR_layer .content04 ul { height:32px; padding:2px; background-color:#f5f5f5; border:1px solid #dedede; } .BR_layer .content04 li { height:16px; line-height:16px; text-align:left; } .BR_layer .Rcontent { float:right; width:135px; height:130px; } .BR_layer .content05 { width:135px; height:65px; } .BR_layer .title05 { height:20px; line-height:20px; padding-left:66px; background:url(../images/etc/title_BR05.gif) no-repeat left center; } .BR_layer .content05 ul { height:32px; padding:2px; background-color:#f5f5f5; border:1px solid #dedede; } .BR_layer .content05 li { height:16px; line-height:16px; text-align:left; } .BR_layer .content06 { width:135px; height:65px; } .BR_layer .title06 { height:20px; line-height:20px; padding-left:65px; background:url(../images/etc/title_BR06.gif) no-repeat left center; } .BR_layer .content06 ul { height:32px; padding:2px; background-color:#f5f5f5; border:1px solid #dedede; } .BR_layer .content06 li { height:16px; line-height:16px; text-align:left; } .DVDLayer { position:absolute; z-index:15; top:20px; left:50%; width:391px; min-height:0px; margin-left:-660px; background:url(../images/bg/bg_popup01.png) no-repeat; } .DVDLayer .bgDVD { position:relative; width:303px; height:216px; padding:138px 45px 0px 43px; } .DVDLayer .btDVD .left { height:25px; text-align:left; padding-left:10px; color:#2d2d2d; } .DVDLayer .btDVD .right { height:25px; text-align:right; padding-right:10px; } .POPLayer { position:absolute; z-index:15; top:20px; right:50%; width:391px; min-height:0px; margin-right:-660px; background:url(../images/bg/bg_popup02.png) no-repeat; } .POPLayer .btnPOP { height:36px; margin-top:314px; text-align:center; } .POPLayer .btPOP {margin-top:3px; } .POPLayer .btPOP .left { height:25px; text-align:left; padding-left:10px; color:#2d2d2d; } .POPLayer .btPOP .right { height:25px; text-align:right; padding-right:10px; } .level_layer {position:absolute; z-index:90000000; top:100px; width:251px; height:145px; margin-left:-15px; } .level_layer2 {position:absolute; z-index:90000000; top:245px; width:251px; height:145px; margin-left:-15px; } .level_layer3 {position:absolute; z-index:90000000; top:390px; width:251px; height:145px; margin-left:-15px; } .reservation_layer {position:absolute; z-index:90000000; top:246px; width:251px; height:145px; margin-left:-15px; } .EXPLayer { position:absolute; z-index:15; top:20px; left:50%; width:538px; min-height:0px; margin-left:-269px; background:url(../images/bg/bg_popup03.png) no-repeat; } .EXPLayer .bgEXP { width:493px; margin:100px auto 10px auto; overflow:hidden; } .EXPLayer td { line-height:16px; padding:4px 0px; text-align:center; } .EXPLayer td img { width:117px; height:84px; border:1px solid #FFF; } .EXPLayer td.imgBox { width:96px; } .EXPLayer td.imgBox1 { width:95px; } .EXPLayer .btEXP {margin-top:27px; } .EXPLayer .btEXP .left { height:25px; text-align:left; padding-left:10px; color:#2d2d2d; } .EXPLayer .btEXP .right { height:25px; text-align:right; padding-right:10px; } .EXPLayer .btEXP img { width:51px; height:16px; border:none; } .EXPLayer2 { position:absolute; z-index:15; top:101px; left:60%; width:420px; min-height:600px; margin-left:-613px; background:url(../images/bg/bg_popup04.png) no-repeat; -webkit-box-shadow: #9d9d9d 0px 0px 10px; -moz-box-shadow: #9d9d9d 0px 0px 10px; box-shadow: #9d9d9d 0px 0px 10px; behavior: url(../pie/PIE.htc); } /* .EXPLayer2 .bgEXP { width:572px; min-height:422px; margin:93px auto 10px auto; overflow-x:hidden; overflow-y:auto; } .EXPLayer2 .bgEXP2 { width:572px; height:107px; margin:102px auto 10px auto; overflow-x:hidden; overflow-y:auto; } */ .EXPLayer2 td { width:79px !important; height:14px; line-height:14px; padding-top:2px; text-align:center; font-size:11px; vertical-align:top; font-family:'NanumGothic', sans-serif; } .EXPLayer2 td strong { font-size:11px; font-family:'NanumGothic', sans-serif; } .EXPLayer2 td.imgBox { width:79px; } .EXPLayer2 td.imgBox1 { width:79px; } .EXPLayer2 .bgEXP td img { width:67px; height:82px; -webkit-box-shadow: #9d9d9d 1px 1px 5px; -moz-box-shadow: #9d9d9d 1px 1px 5px; box-shadow: #9d9d9d 1px 1px 5px; behavior: url(../pie/PIE.htc); } .EXPLayer2 .btEXP {margin-top:38px; } .EXPLayer2 .btEXP .left { height:19px; text-align:left; padding-left:10px; color:#2d2d2d; font-size:11px !important; font-family:'NanumGothic', sans-serif; } .EXPLayer2 .btEXP .right { height:19px; text-align:right; padding-right:10px; } .EXPLayer2 .btEXP img { width:51px; height:16px; border:none; } /* 140612 추가 */ .isolatedLayer { position:absolute; z-index:15; top:20px; left:50%; width:531px; height:583px; min-height:0px; margin-left:0px; background:url(../images/bg/bg_popup07.png) no-repeat; } .isolatedLayer img { width:493px; height:516px; margin:26px auto 0; } .isolatedLayer .btISO { height:25px; margin-top:15px; } .isolatedLayer .btISO .left { height:25px; text-align:left; padding-left:10px; color:#2d2d2d; font-size:12px !important; } .isolatedLayer .btISO .right { height:25px; text-align:right; padding-right:10px; } .isolatedLayer .btISO img { width:51px; height:16px; border:none; margin:0 !important; } .SPELayer { position:absolute; z-index:15; top:20px; left:50%; width:612px; min-height:0px; margin-right:-613px; background:url(../images/bg/bg_popup05.png) no-repeat; } .SPELayer .SPEBox { width:592px; height:670px; margin:67px auto 10px auto; overflow-x:hidden; overflow-y:auto; } .SPELayer .SPEBox .title01 { height:15px; margin:7px auto 5px auto; background:url(../images/etc/title_special01.gif) no-repeat; } .SPELayer .SPEBox .title02 { height:15px; margin:7px auto 5px auto; background:url(../images/etc/title_special02.gif) no-repeat; } .SPELayer .SPEBox .title03 { height:15px; margin:7px auto 5px auto; background:url(../images/etc/title_special03.gif) no-repeat; } .SPELayer .SPEBox .title04 { height:15px; margin:7px auto 5px auto; background:url(../images/etc/title_special04.gif) no-repeat; } .SPELayer .SPEBox .title05 { height:15px; margin:7px auto 5px auto; background:url(../images/etc/title_special05.gif) no-repeat; } .SPELayer .SPEBox .tableBox01 { max-width:100%; height:106px; margin:0px auto; overflow-x:hidden; overflow-y:auto; } .SPELayer .SPEBox .tableBox02 { max-width:100%; height:149px; margin:0px auto; overflow-x:hidden; overflow-y:auto; } .SPELayer .SPEBox .tableBox03 { max-width:100%; height:64px; margin:0px auto; overflow-x:hidden; overflow-y:auto; } .SPELayer .boardlist6 {clear:both; border-collapse:collapse; max-width:100%; margin:0px auto; background:#dfdfdf; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:1px solid #d5d5d5;} .SPELayer .boardlist6 th {height:20px; white-space: nowrap; text-align:center; padding:0 2px; font-size:11px; font-weight:normal; background:url(../images/bg/bg_sub_title.jpg) repeat-x left bottom; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .SPELayer .boardlist6 th:first-child { border-left:none; } .SPELayer .boardlist6 td {height:20px; margin:0; padding:0 2px; white-space:normal; text-align:center; font-size:11px; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .SPELayer .boardlist6 td:first-child { border-left:none; } .SPELayer .boardlist6 p {text-align:left; } .SPELayer .boardlist6 .grade { color:#0054d3; } .SPELayer .boardlist6 .lecture {text-align:left; color:#9f003c; } .SPELayer .boardlist6 .classfy {font-weight:bold; background:#f6f6f6;} .SPELayer .boardlist6 .cell_green { background:#d8ffcb; } .SPELayer .boardlist6 .cell_blue { background:#e8f4ff; } .SPELayer .boardlist6 .cell_yellow { background:#fffec3; } .SPELayer .boardlist6 .top {vertical-align:top; } .SPELayer .boardlist6 .studentbox2 { clear:both; max-width:100%; min-height:150px; text-align:left; overflow-y:auto; } .SPELayer .btSPE {margin-top:16px; } .SPELayer .btSPE .left { height:25px; text-align:left; padding-left:10px; color:#2d2d2d; } .SPELayer .btSPE .right { height:25px; text-align:right; padding-right:10px; } .SPELayer .btSPE img { width:51px; height:16px; border:none; } .scheduleLayer { position:absolute; z-index:9999999999; top:520px; left:50%; width:417px; height:200px; margin-left:-98px; background:url(../images/bg/bg_popup06.png) no-repeat; } .scheduleLayer .title { float:left; width:305px; height:38px; line-height:37px; margin:20px 0px 0px 15px; text-align:left; color:#FFF; } .scheduleLayer .Tname { font-weight:bold; font-size:18px; color:#ffde00; font-family: 'NanumGothic', serif; } .scheduleLayer .link { float:right; width:75px; height:38px; margin:20px 15px 0px 0px; } .scheduleLayer .link ul { margin-top:8px; } .scheduleLayer .link li { display:inline; text-align:right; padding-left:10px } .scheduleLayer .list_box { clear:both; width:378px; height:117px; margin:8px auto 0px auto; overflow-y:auto; overflow-x:hidden; } .scheduleLayer .listtable { max-width:100%; } .scheduleLayer .listtable th { height:24px; line-height:24px; text-align:right; color:#207fb5; } .scheduleLayer .listtable td { height:24px; line-height:24px; text-align:left; } .scheduleLayer .listtable .remain { width:60px; } .scheduleLayer .listtable .date { max-width:110px; } .scheduleLayer .listtable a {color:#2d2d2d;text-decoration:none; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } .scheduleLayer .listtable a:hover {color:#2d2d2d; text-decoration:underline; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } .scheduleLayer .listtable a:active {color:#2d2d2d; text-decoration:underline; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } .scheduleLayer .listtable a:visited {color:#a7a7a7; text-decoration:none; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } .newYearLayer { position:absolute; z-index:15; top:35px; left:39%; width:300px; height:262px; margin-left:0px; } .newYearLayer .btYear {margin-top:0px;background-color:Silver; } .newYearLayer .btYear .left { height:22px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .newYearLayer .btYear .right { height:22px; text-align:right; padding-right:15px; } .newYearLayer2 { position:absolute; z-index:15; top:101px; left:45%; width:436px; height:374px; margin-left:0px; } .newYearLayer2 .btYear {margin-top:0px;background-color:Silver; } .newYearLayer2 .btYear .left { height:22px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .newYearLayer2 .btYear .right { height:22px; text-align:right; padding-right:15px; } .newYearLayer3 { position:absolute; z-index:999999; top:101px; left:50%; width:500px; height:556px; margin-left:0px; -webkit-box-shadow:#666 0px 0px 10px; -moz-box-shadow:#666 0px 0px 10px; box-shadow:#666 0px 0px 10px; behavior: url(../pie/PIE.htc);} .newYearLayer3 .btYear {margin-top:0px;background-color:Silver; } .newYearLayer3 .btYear .left { height:22px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .newYearLayer3 .btYear .right { height:22px; text-align:right; padding-right:15px; } .newYearLayer52 { position:absolute; z-index:15; top:101px; left:19.4%; width:403px; height:383px; margin-left:0px; -webkit-box-shadow:#666 0px 0px 10px; -moz-box-shadow:#666 0px 0px 10px; box-shadow:#666 0px 0px 10px; behavior: url(../pie/PIE.htc);} .newYearLayer52 .btYear {margin-top:0px;background-color:aliceblue; } .newYearLayer52 .btYear .left { height:22px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .newYearLayer52 .btYear .right { height:22px; text-align:right; padding-right:15px; } .newYearLayer58 { position:absolute; z-index:15; top:101px; left:41%; width:403px; height:383px; margin-left:0px; -webkit-box-shadow:#666 0px 0px 10px; -moz-box-shadow:#666 0px 0px 10px; box-shadow:#666 0px 0px 10px; behavior: url(../pie/PIE.htc);} .newYearLayer58 .btYear {margin-top:0px;background-color:aliceblue; } .newYearLayer58 .btYear .left { height:22px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .newYearLayer58 .btYear .right { height:22px; text-align:right; padding-right:15px; } .newYearLayer57 { position:absolute; z-index:15; top:101px; left:63%; width:403px; height:383px; margin-left:0px; -webkit-box-shadow:#666 0px 0px 10px; -moz-box-shadow:#666 0px 0px 10px; box-shadow:#666 0px 0px 10px; behavior: url(../pie/PIE.htc);} .newYearLayer57 .btYear {margin-top:0px;background-color:aliceblue; } .newYearLayer57 .btYear .left { height:22px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .newYearLayer57 .btYear .right { height:22px; text-align:right; padding-right:15px; } .btnLayer { position:absolute; z-index:17; top:410px; left:50%; width:273px; height:63px; margin-left:15px; } .btnLayer2 { position:absolute; z-index:18; top:360px; left:50%; width:259px; height:141px; margin-left:300px; background:url(../images/bg/bg_btn.png) no-repeat; } .btnLayer2 .close { float:right; height:42px; margin:10px 10px 0 0; } .btnLayer2 .close::after {display:block;visibility:hidden;clear:both;content:""} .btnLayer2 .close a { color:#2d2d2d; font-size:18px; } .btnLayer2 .assesment { width:172px; height:40px; margin:10px auto 0; } .btnLayer3 { position:absolute; z-index:18; top:510px; left:50%; width:259px; height:141px; margin-left:300px; background:url(../images/bg/bg_btn.png) no-repeat; } .btnLayer3 .close { float:right; height:42px; margin:10px 10px 0 0; } .btnLayer3 .close::after {display:block;visibility:hidden;clear:both;content:""} .btnLayer3 .report { width:198px; height:40px; margin:10px auto 0; } .btnLayer4 { position:absolute; z-index:999; top:595px; left:50%; width:248px; height:63px; margin-left:308px; } /* Text */ .red {font-weight:bold; color:#ad0302; font-style: normal;} .red1 {color:#ad0302; font-weight:normal; font-style: normal;} .blue {font-weight:bold; color:#0054d3; font-style: normal;} .blue1 {color:#0054d3; font-weight:normal; font-style: normal;} .blueN {font-weight:bold; color:#0054d3; font-style: normal; font-family: 'NanumGothic', serif; } .blue1N {color:#0054d3; font-weight:normal; font-style: normal; font-family: 'NanumGothic', serif; } .sky {font-weight:bold; color:#92f6ff; font-style: normal;} .sky1 {color:#92f6ff; font-weight:normal; font-style: normal;} .pink {font-weight:bold; color:#ff92d7; font-style: normal;} .pink1 {color:#ff92d7; font-weight:normal; font-style: normal;} .wine {font-weight:bold; color:#9f003c; font-style: normal;} .wine1 {color:#9f003c; font-weight:normal; font-style: normal;} .green {font-weight:bold; color:#199f0b; font-style:normal;} .green1 {color:#199f0b; font-style:normal;} .greenN {font-weight:bold; color:#199f0b; font-style:normal; font-family: 'NanumGothic', serif; } .green1N {color:#199f0b; font-style:normal; font-family: 'NanumGothic', serif; } .black {font-weight:bold; color:#000; font-style:normal;} .black1 {color:#000; font-weight:normal; font-style:normal;} .white {font-weight:bold; color:#FFF; font-style:normal;} .text_grey1 {color:#2d2d2d; font-style:normal;} .yellow {font-weight:bold; color:#d69700; font-style: normal;} .yellow1 {font-weight:normal; color:#d69700; font-style: normal;} .perple {font-weight:bold; color:#c600ff; font-style: normal; font-family: 'NanumGothic', serif; } .perple1 {color:#c600ff; font-weight:normal; font-style: normal; font-family: 'NanumGothic', serif; } .Mwine {color:#9f003c; font-weight:bold; font-style: normal; font-family: 'NanumGothic', serif; } .Mwine1 {color:#9f003c; font-weight:normal; font-style: normal; font-family: 'NanumGothic', serif; } /* background */ .Bred {color:#FFF; font-weight:bold; margin-left:-4px; padding:5px; background:#ff0000;} *:first-child+html .Bred {color:#FFF; font-weight:bold; margin-left:-5px; padding:5px; background:#ff0000;} .Byellow {color:#000; font-weight:bold; margin-left:-4px; padding:5px; background:#ffde00;} *:first-child+html .Byellow {color:#000; font-weight:bold; margin-left:-5px; padding:5px; background:#ffde00;} .Bgreen {color:#000; font-weight:bold; margin-left:-4px; padding:5px; background:#24ff00;} *:first-child+html .Bgreen {color:#000; font-weight:bold; margin-left:-5px; padding:5px; background:#24ff00;} .Bblue {color:#FFF; font-weight:bold; margin-left:-4px; padding:5px; background:#0066ff;} *:first-child+html .Bblue {color:#FFF; font-weight:bold; margin-left:-5px; padding:5px; background:#0066ff;} /* Link */ a.paran {color:#0054d3; text-decoration:none;} a.paran:visited {color:#0054d3; text-decoration:none;} a.paran:hover {color:#0054d3; text-decoration:underline;} a.paran:active {color:#0054d3; text-decoration:underline;} a.paran2 {color:#0054d3; font-weight:bold; text-decoration:none;} a.paran2:visited {color:#0054d3; font-weight:bold; text-decoration:none;} a.paran2:hover {color:#0054d3; font-weight:bold; text-decoration:underline;} a.paran2:active {color:#0054d3; font-weight:bold; text-decoration:underline;} a.bbalgang {color:#ad0302; text-decoration:none;} a.bbalgang:visited {color:#ad0302; text-decoration:none;} a.bbalgang:hover {color:#ad0302; text-decoration:underline;} a.bbalgang:active {color:#ad0302; text-decoration:underline;} a.bbalgang2 {color:#ad0302; font-weight:bold; text-decoration:none;} a.bbalgang2:visited {color:#ad0302; font-weight:bold; text-decoration:none;} a.bbalgang2:hover {color:#ad0302; font-weight:bold; text-decoration:underline;} a.bbalgang2:active {color:#ad0302; font-weight:bold; text-decoration:underline;} a.Dp2 {color:#980039; font-weight:bold; text-decoration:none; font-size:12px; font-family:'Open Sans', sans-serif;} a.Dp2:visited {color:#980039; font-weight:bold; text-decoration:none; font-size:12px; font-family:'Open Sans', sans-serif;} a.Dp2:hover {color:#980039; font-weight:bold; text-decoration:underline; font-size:12px; font-family:'Open Sans', sans-serif;} a.Dp2:active {color:#980039; font-weight:bold; text-decoration:underline; font-size:12px; font-family:'Open Sans', sans-serif;} a.black {color:#000000; text-decoration:none;} a.black:visited {color:#000000; text-decoration:none;} a.black:hover {color:#000000; text-decoration:underline;} a.black:active {color:#000000; text-decoration:underline;} a.Color_Gwangjin {color:#90278E; text-decoration:none;} a.Color_Gwangjin:visited {color:#90278E; text-decoration:none;} a.Color_Gwangjin:hover {color:#90278E; text-decoration:underline;} a.Color_Gwangjin:active {color:#90278E; text-decoration:underline;} a.Color_Jayang {color:#29B473; text-decoration:none;} a.Color_Jayang:visited {color:#29B473; text-decoration:none;} a.Color_Jayang:hover {color:#29B473; text-decoration:underline;} a.Color_Jayang:active {color:#29B473; text-decoration:underline;} a.Color_Junggye {color:#F05A28; text-decoration:none;} a.Color_Junggye:visited {color:#F05A28; text-decoration:none;} a.Color_Junggye:hover {color:#F05A28; text-decoration:underline;} a.Color_Junggye:active {color:#F05A28; text-decoration:underline;} a.Color_Wirye {color:#00ADEE; text-decoration:none;} a.Color_Wirye:visited {color:#00ADEE; text-decoration:none;} a.Color_Wirye:hover {color:#00ADEE; text-decoration:underline;} a.Color_Wirye:active {color:#00ADEE; text-decoration:underline;} a.Color_All {color:#EC1C24; text-decoration:none;} a.Color_All:visited {color:#EC1C24; text-decoration:none;} a.Color_All:hover {color:#EC1C24; text-decoration:underline;} a.Color_All:active {color:#EC1C24; text-decoration:underline;} /* Table */ .boardlisttable {clear:both; border-collapse:collapse; max-width:100%; margin:0 auto 10px auto; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable caption {height:30px; text-align:left; padding-left:10px; font-weight:bold; font-size:1.25em; background-color:#ffdf8a;} .boardlisttable th {height:30px; line-height:30px; color:#8d8d8d; font-weight: normal; text-align:left; padding:0 10px; background:#f6f6f6; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable th.line {border-top:1px solid #d5d5d5;} .boardlisttable td {margin:0; padding:5px; text-align:left; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable td.line {border-top:1px solid #d5d5d5;} .boardlisttable .Ttitle { font-weight:bold; text-align:center; background-color:#ffeeee; } .boardlisttable .TAC { text-align:center; } .boardlisttable2 {clear:both; border-collapse:collapse; max-width:100%; margin:20px auto 10px auto; border-top:0px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable2 caption {height:34px; line-height:34px; text-align:left; padding-left:10px; font-weight:bold; font-size:1.25em; border-top:2px solid #8f8f8f;} .boardlisttable2 th {height:30px; line-height:30px; color:#8d8d8d; font-weight:bold; white-space: nowrap; text-align:center; padding:0 10px; background:#f6f6f6; border-top:2px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable2 td {height:30px; line-height:22px; margin:0; padding:0 5px; text-align:center; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable3 {clear:both; border-collapse:separate; max-width:100%; margin:10px auto; border-top:0px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5; background:#FFF;} .boardlisttable3 th {height:33px; line-height:33px; color:#9f003c; font-weight:bold; white-space: nowrap; text-align:left; padding:0 10px; background:url(../images/bg/bg_title_info.gif) no-repeat left center; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable3 td {height:33px; line-height:17px; margin:0; padding:0 5px; text-align:left; color:#5d5d5d; white-space:normal; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:0px solid #f0f0f0; border-left:0px solid #d5d5d5;} .boardlisttable3 td p {border-right:1px solid #d5d5d5;} .boardlisttable3 td span {color:#9f003c;} .boardlisttable4 {clear:both; border-collapse:collapse; max-width:100%; margin:0 auto 10px auto; border-top:2px solid #8f8f8f; border-right:0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable4 th {height:30px; line-height:30px; color:#8d8d8d; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background:#f6f6f6; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable4 th:first-child {border-left:none;} .boardlisttable4 td {height:30px; line-height:30px; margin:0; padding:0 5px; text-align:center; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #f0f0f0; border-left:0px solid #d5d5d5; vertical-align:middle !important;} .boardlisttable4 td p {text-align:left;} .boardlisttable5 {clear:both; border-collapse:collapse; max-width:100%; margin:20px auto 10px auto; background:url(../images/bg/bg_board_title.jpg) repeat-x left top; border-top:0px solid #8f8f8f; border-right:0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable5 th {height:32px; line-height:32px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable5 td {height:28px; line-height:28px; margin:0; padding:0 5px; text-align:center; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #e6e6e6; border-left:0px solid #d5d5d5;} .boardlisttable5 td.c_box {text-align:left; line-height:18px; padding:15px; border-bottom:none;} .boardlisttable5 td .select_box { text-align:left; max-width:100%; line-height:18px; margin:2px 0; padding:5px 0px 5px 30px; background:url(../images/etc/img_mike.png) no-repeat 5px center #f9f9f9; border:3px #9f003c solid; } .boardlisttable5 p {text-align:left;} .boardlisttable6 {clear:both; border-collapse:collapse; max-width:100%; margin:10px auto; background:#dfdfdf; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable6 caption { height:34px; line-height:34px; text-align:left; padding-left:10px; font-family: 'NanumGothic', serif; font-size:14px; font-weight:bold; background:#f5f5f5; border-bottom:1px solid #d5d5d5; } .boardlisttable6 th {height:31px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background:url(../images/bg/bg_sub_title.jpg) repeat-x left top; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable6 th:first-child { border-left:none; } .boardlisttable6 td {height:28px; margin:0; padding:0 5px; white-space:normal; text-align:center; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable6 td:first-child { border-left:none; } .boardlisttable6 p {text-align:left; } .boardlisttable6 .payment {text-align:right; margin:0 5px; font-style:italic; font-family:'Open Sans', sans-serif;} .boardlisttable6 .payed {text-align:right; margin:0 5px; color:#0054d3; font-style:italic; font-family:'Open Sans', sans-serif;} .boardlisttable6 .classfy {font-weight:bold; background:#f6f6f6;} .boardlisttable6 .cell_green { background:#d8ffcb; } .boardlisttable6 .cell_blue { background:#e8f4ff; } .boardlisttable6 .cell_yellow { background:#fffec3; } .boardlisttable6 .top {vertical-align:top; } .boardlisttable6 .studentbox2 { clear:both; max-width:100%; min-height:150px; text-align:left; overflow-y:auto; } .boardlisttable7 {clear:both; border-collapse:collapse; max-width:100%; margin:0px auto; background:#dfdfdf; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable7 th {height:30px; line-height:30px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background:url(../images/bg/bg_sub_title.jpg) repeat-x left top; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable7 td {height:28px; line-height:28px; margin:0; padding:0 10px; white-space:normal; text-align:left; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable7 p {text-align:left;} .boardlisttable8 {clear:both; border-collapse:collapse; max-width:100%; margin:0 auto; border-top:0px solid #8b8f91; border-right:0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable8 caption {height:30px; line-height:30px; margin-top:10px; text-align:center; border-top:2px solid #282828;} .boardlisttable8 th {height:28px; line-height:18px; color:#2d2d2d; font-weight:bold; text-align:center; padding:0 10px; background:#ededed; border-top:2px solid #8b8f91; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable8 th:first-child {border-left:none;} .boardlisttable8 td {margin:0; padding:5px; text-align:left; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable8 td:first-child {border-left:none;} .boardlisttable8 p {text-align:center;} .boardlisttable8 .TR {float:right;} .boardlisttable8a {clear:both; border-collapse:collapse; max-width:100%; margin:0 auto; border-top:0px solid #8b8f91; border-right:0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable8a th {height:28px; line-height:18px; color:#2d2d2d; font-weight:bold; text-align:center; padding:0 10px; background:#ededed; border-top:2px solid #8b8f91; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable8a th:first-child {border-left:none;} .boardlisttable8a td {margin:0; padding:5px; text-align:center; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable8a td:first-child {border-left:none;} .boardlisttable8a p {text-align:left;} .boardlisttable8a .TR {float:right;} .boardlisttable8a .Stitle { text-align:center; color:#000; font-size:11px; background-color:#F3F3F3; border-bottom:2px solid #c8c8c8; } .boardlisttable9 {clear:both; border-collapse:collapse; max-width:100%; margin:0px auto; background:#dfdfdf; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable9 td {height:28px; margin:0; padding:5px; white-space:normal; text-align:left; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardwritetable {clear:both; border-collapse:collapse; max-width:100%; margin:20px auto 10px auto; border-top:2px solid #9f003c; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardwritetable th {height:30px; line-height:30px; color:#8d8d8d; font-weight:bold; text-align:center; padding:0 20px; background:#f6f6f6; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardwritetable td {height:30px; line-height:22px; margin:0; padding:0 5px; text-align:left; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardwritetable .teacherBox { position:relative; width:632px; height:242px; margin:5px auto; overflow-x:hidden; overflow-y:auto; } .boardwritetable .teacherBox td { height:22px !important; line-height:22px !important; border-bottom:none !important; font-size:11px !important; } .boardwritetable .teacherBox td img { width:108px; height:75px; border:1px solid #e2e2e2; } .boardwritetable .teacherBox td.imgBox1 { width:112px; } .boardlisttable10 {clear:both; border-collapse:collapse; max-width:100%; margin:5px auto 10px auto; background:url(../images/bg/bg_board_title.jpg) repeat-x left top; border-top:0px solid #8f8f8f; border-right:0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable10 th {height:32px; line-height:32px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable10 td {height:28px; line-height:28px; margin:0; padding:0 5px; text-align:center; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #e6e6e6; border-left:0px solid #d5d5d5;} .boardlisttable10 td.c_box {text-align:left; line-height:18px; padding:15px; border-bottom:none;} .boardlisttable10 td .select_box {float:left; text-align:left; width:100%; line-height:18px; margin:2px 0; padding:5px 0px 5px 30px; background:url(../images/etc/img_mike.png) no-repeat 5px center #f9f9f9; border:3px #9f003c solid; } .boardlisttable10 p {text-align:left;} .boardlisttable11 {clear:both; border-collapse:collapse; max-width:100%; margin:-5px auto 10px auto; border-top:0px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable11 caption {height:30px; text-align:left; padding-left:10px; font-weight:bold; font-size:1.25em; background-color:#ffdf8a;} .boardlisttable11 th {height:30px; line-height:30px; color:#8d8d8d; font-weight: normal; text-align:left; padding:0 10px; background:#f6f6f6; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable11 th:first-child {border-left:none; } .boardlisttable11 th.line {border-top:1px solid #d5d5d5;} .boardlisttable11 th.line2 {border-right:1px solid #d5d5d5;} .boardlisttable11 td {margin:0; padding:5px; text-align:left; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable11 td:first-child {border-left:none; } .boardlisttable11 td.line {border-top:1px solid #d5d5d5;} .boardlisttable11 .Ttitle { font-weight:bold; text-align:center; background-color:#fff2f2; } .boardlisttable11 .TAC { text-align:center; } .boardlisttable12 {clear:both; border-collapse:collapse; max-width:100%; margin:0px auto; background:#dfdfdf; border-top:1px solid #555555; border-right:1px solid #555555; border-bottom:0px solid #555555; border-left:1px solid #555555;} .boardlisttable12 caption { height:34px; line-height:34px; text-align:left; padding-left:10px; font-family: 'NanumGothic', serif; font-size:14px; font-weight:bold; background:#f5f5f5; border-bottom:1px solid #d5d5d5; } .boardlisttable12 th {height:24px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background:#f2f2f2; border-top:0px solid #555555; border-right: 0px solid #555555; border-bottom:1px solid #555555; border-left:1px solid #555555; font-family: 'NanumGothic', serif; } .boardlisttable12 th:first-child { border-left:none; } .boardlisttable12 td {height:24px; margin:0; padding:0 5px; white-space:normal; text-align:center; background:#FFF; border-top:0px solid #555555; border-right: 0px solid #555555; border-bottom:1px solid #555555; border-left:1px solid #555555; font-family: 'NanumGothic', serif; } .boardlisttable12 td:first-child { border-left:none; } .boardlisttable12 p {text-align:left; } .boardlisttable12 .payment {text-align:right; margin:0 5px; font-style:italic; font-family:'Open Sans', sans-serif;} .boardlisttable12 .payed {text-align:right; margin:0 5px; color:#0054d3; font-style:italic; font-family:'Open Sans', sans-serif;} .boardlisttable12 .classfy {font-weight:bold; background:#f6f6f6;} .boardlisttable12 .cell_green { background:#d8ffcb; } .boardlisttable12 .cell_blue { background:#e8f4ff; } .boardlisttable12 .cell_yellow { background:#fffec3; } .boardlisttable12 .top {vertical-align:top; } .boardlisttable12 .studentbox2 { clear:both; max-width:100%; min-height:150px; text-align:left; overflow-y:auto; } .boardlisttable13 {clear:both; border-collapse:collapse; max-width:100%; margin:5px auto 10px auto; background:url(../images/bg/bg_board_title.jpg) repeat-x left top; border-top:0px solid #8f8f8f; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5; font-family:!important'Malgun Gothic', "맑은고딕", ngeot; } .boardlisttable13 th {height:32px; line-height:32px; font-weight:bold; white-space: nowrap; text-align:left; padding:0 10px; font-size:12px; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5; font-family: !important'Malgun Gothic', "맑은고딕", ngeot; } .boardlisttable13 td {height:24px; line-height:24px; margin:0; padding:3px 10px; text-align:left; color:#9f003c; font-weight:bold; font-size:14px; background:#fffeea; border-top:1px solid #c1c1c1; border-right: 1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; border-left:1px solid #c1c1c1; font-family:!important'Malgun Gothic', "맑은고딕", ngeot; } .boardlisttable13 p {text-align:left;} .boardlisttable14 {clear:both; border-collapse:collapse; max-width:100%; margin:0 auto 10px auto; border-top:2px solid #8f8f8f; border-right:0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable14 th {height:30px; line-height:30px; color:#000; font-weight:bold; white-space: nowrap; text-align:left; padding:0 10px; background:#f6f6f6; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable14 th:first-child {border-left:none;} .boardlisttable14 td {height:30px; line-height:18px; margin:0; padding:3px 10px; text-align:left; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5; vertical-align:middle !important;} .boardlisttable15 {clear:both; border-collapse:collapse; max-width:100%; margin:0px auto; background:#dfdfdf; border-top:0px solid #555555; border-right:0px solid #555555; border-bottom:0px solid #555555; border-left:0px solid #555555;} .boardlisttable15 caption { height:32px; line-height:32px; text-align:center; font-family: 'NanumGothic', serif; font-size:16px; font-weight:bold; background:#ededed; border-bottom:1px solid #9d9d9d; } .boardlisttable15 th {height:32px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background:#fcfcfc; border-top:0px solid #9d9d9d; border-right: 0px solid #9d9d9d; border-bottom:1px solid #9d9d9d; border-left:1px solid #9d9d9d; font-family: 'NanumGothic', serif; } .boardlisttable15 th:first-child { border-left:none; } .boardlisttable15 td {height:24px; margin:0; padding:0 5px; white-space:normal; text-align:center; background:#FFF; border-top:0px solid #9d9d9d; border-right: 0px solid #9d9d9d; border-bottom:1px solid #9d9d9d; border-left:1px solid #9d9d9d; font-family: 'NanumGothic', serif; } .boardlisttable15 td:first-child { border-left:none; } .boardlisttable15 p {text-align:left; } .boardlisttable15 .address { border-left:1px solid #9d9d9d !important; } .boardlisttable15 .money {text-align:right; padding-right:20px; font-style:italic; font-family:'Open Sans', sans-serif;} .boardlisttable15 .total { float:left; width:250px; min-height:32px; line-height:32px; margin-left:10px; text-align:left; font-weight:bold; font-family: 'NanumGothic', serif; } .boardlisttable15 .Tprice { float:right; width:250px; min-height:32px; line-height:32px; margin-right:10px; text-align:right; font-weight:bold; font-family: 'NanumGothic', serif; } .boardlisttable15 .CP { padding:10px; } .boardlisttable15 .Sign { position:absolute; z-index:1; width: 100px; min-height:50px; left:430px; top:715px; } .boardlisttable15 .Sign img { width:100px; height:106px; } .boardlisttable16 {clear:both; border-collapse:collapse; max-width:100%; margin:0px auto; background:#dfdfdf; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable16 th {height:31px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background:url(../images/bg/bg_sub_title.jpg) repeat-x left top; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable16 th:first-child { border-left:none; } .boardlisttable16 td {height:28px; margin:0; padding:0 5px; white-space:normal; text-align:center; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable16 td:first-child { border-left:none; } .boardlisttable16 p {text-align:left; } .boardlisttable17 {clear:both; border-collapse:collapse; max-width:100%; margin:10px auto; border-top:1px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable17 th {height:32px; line-height:32px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background-color:#fafafa; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5; font-family: 'NanumGothic', serif; } .boardlisttable17 th:first-child { border-left:1px solid #d5d5d5; } .boardlisttable17 th.Lbox {border-right:1px solid #d5d5d5;} .boardlisttable17 td {height:28px; line-height:28px; margin:0; padding:0 5px; text-align:center; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #e6e6e6; border-left:0px solid #d5d5d5; font-family: 'NanumGothic', serif; } .boardlisttable17 td .select_box {float:left; text-align:left; width:100%; line-height:18px; margin:2px 0; padding:5px 0px 5px 30px; background:url(../images/etc/img_mike.png) no-repeat 5px center #f9f9f9; border:3px #9f003c solid; } .boardlisttable17 p {text-align:left; font-family:'Open Sans', 'Malgun Gothic', "맑은고딕", ngeot; } .boardlisttable17 a { font-family: 'NanumGothic', serif; } .boardviewtable17 {clear:both; border-collapse:collapse; max-width:100%; margin:10px auto; border-top:1px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardviewtable17 th {height:38px; line-height:38px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background-color:#fafafa; border-top:0px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; font-family: 'NanumGothic', serif; } .boardviewtable17 th.title { text-align:left; } .boardviewtable17 th .date { float:right; font-weight:normal !important; } .boardviewtable17 td {height:28px; line-height:28px; margin:0; padding:0 5px; text-align:center; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #e6e6e6; border-left:0px solid #d5d5d5; font-family: 'Malgun Gothic', "맑은고딕", ngeot;} .boardviewtable17 td.box {height:38px; line-height:38px; white-space: nowrap; text-align:right; padding:0 5px; background-color:#fafafa; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5; font-family: 'Malgun Gothic', "맑은고딕", ngeot; } .boardviewtable17 p {text-align:left; font-family: 'Malgun Gothic', "맑은고딕", ngeot;} .boardviewtable17 a { font-family: 'NanumGothic', serif; } .boardreplytable17 {clear:both; border-collapse:collapse; max-width:100%; margin:10px auto; background-color:#fafafa; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardreplytable17 td { margin:0; padding:0 5px; text-align:center; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:0px solid #e6e6e6; border-left:0px solid #d5d5d5; font-family: 'NanumGothic', serif; } .boardreplytable17 td.box {height:38px; line-height:38px; white-space: nowrap; text-align:right; padding:0 5px; background-color:#fafafa; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5; font-family: 'Malgun Gothic', "맑은고딕", ngeot; } .boardreplytable17 td.btn { padding:10px 0px; } .boardreplytable17 td.reply { text-align:left; } .boardreplytable17 td .delete { float:right; } .boardreplytable17 p { font-family: 'Malgun Gothic', "맑은고딕", ngeot; } .boardreplytable17 a { font-family: 'NanumGothic', serif; } .boardreplytable172 {clear:both; border-collapse:collapse; max-width:100%; margin:10px auto; background-color:#fafafa; border-top:1px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardreplytable172 th {font-weight:bold; padding:5px; white-space: nowrap; text-align:center; padding:0 5px; background-color:#fafafa; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5; font-family: 'NanumGothic', serif; } .boardreplytable172 td { margin:0; text-align:center; padding:5px; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #e6e6e6; border-left:0px solid #d5d5d5; font-family: 'NanumGothic', serif; } .boardreplytable172 td.btn { padding:10px 0px; } .boardreplytable172 td.reply { text-align:left; } .boardreplytable172 a { font-family: 'NanumGothic', serif; } .boardwritetable17 {clear:both; border-collapse:collapse; max-width:100%; margin:0px auto; } .boardwritetable17 td { margin:0; padding:5px; text-align:left; font-weight:normal !important; font-size:12px !important; font-family: 'NanumGothic', serif; } .boardwritetable17 td.title { font-weight:bold !important; padding:5px; } .boardwritetable17 td.btn { text-align:center; padding:10px 0px; } .boardwritetable17 a { font-family: 'NanumGothic', serif; } .mottolisttable {clear:both; border-collapse:collapse; max-width:700px; margin:20px auto 10px auto; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; font-family: 'NanumGothic', serif; } .mottolisttable th {height:31px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background:url(../images/bg/bg_sub_title.jpg) repeat-x left top; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .mottolisttable th:first-child { border-left:none; } .mottolisttable td {height:28px; line-height:28px; margin:0; padding:3px 5px; text-align:center; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #e6e6e6; border-left:1px solid #d5d5d5; font-family: 'NanumGothic', serif; } .mottolisttable td:first-child { border-left:none; } .mottolisttable p {text-align:left;} .schedulelisttable {clear:both; border-collapse:collapse; max-width:700px; margin:20px auto 10px auto; border-top:0px solid #aed4f0; border-right:0px solid #aed4f0; border-bottom:1px solid #aed4f0; border-left:0px solid #aed4f0;} .schedulelisttable th {height:20px; color:#2d2d2d; font-weight: bold; white-space:normal; text-align:left; padding:5px; border-top:0px solid #dcdcdc; border-right:0px solid #dcdcdc; border-bottom:0px solid #dcdcdc; border-left:1px solid #fff;} .schedulelisttable td {margin: 0; padding:5px 1px; height:80px; text-align:left; vertical-align:top; color: #8d8d8d; font-weight: bold; white-space:normal; border-top:1px solid #aed4f0; border-right:1px solid #aed4f0; border-bottom:0px solid #aed4f0; border-left:0px solid #aed4f0;} .schedulelisttable td:first-child {border-left:1px solid #aed4f0;} .schedulelisttable p {text-align:center; } .schedulelisttable span {font-size:14px; font-family: 'NanumGothic', serif; color:#7387c1;} .schedulelisttable .dayBefore {background-color:#fff2e5;} .popuplisttable {clear:both; border-collapse:collapse; max-width:100%; margin:20px auto 10px auto; padding:0 10px; background:#FFF; border-top:0px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable caption {line-height:18px; text-align:right; padding-right:10px; color:#6f84d0; font-size:12px;} .popuplisttable th {height:30px; line-height:30px; color:#8d8d8d; font-weight:bold; white-space: nowrap; text-align:center; padding:0 10px; background:#f6f6f6; border-top:2px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable th:first-child {border-left:1px solid #d5d5d5;} .popuplisttable td {height:30px; line-height:18px; margin:0; padding:0 5px; white-space: normal; text-align:center; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable td:first-child {border-left:1px solid #d5d5d5;} .popuplisttable p {text-align:left; margin:5px 0;} .popuplisttable .payment {text-align:right; margin:0 5px; font-style:italic; font-family:'Open Sans', sans-serif;} .popuplisttable .paycopy {text-align:right; margin:0 5px; font-family: 'NanumGothic', serif; font-size:14px; border-right:none;} .popuplisttable2 {clear:both; border-collapse:collapse; max-width:100%; margin:0 10px 10px; background:#FFF; border-top:2px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable2 caption {height:34px; line-height:34px; text-align:left; padding-left:10px; font-weight:bold; font-size:1.25em; border-top:2px solid #8f8f8f;} .popuplisttable2 th {height:30px; line-height:30px; color:#8d8d8d; font-weight:bold; white-space: nowrap; text-align:center; padding:0 10px; background:#f6f6f6; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable2 td {height:30px; line-height:18px; margin:0; padding:0 5px; text-align:center; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable2 p {text-align:left; margin:5px 0;} .popuplisttable3 {clear:both; border-collapse:collapse; max-width:100%; margin:0 10px 10px; background:#FFF; border-top:2px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable3 caption {height:34px; line-height:34px; text-align:left; padding-left:10px; font-weight:bold; font-size:1.25em; border-top:2px solid #8f8f8f;} .popuplisttable3 th {height:30px; line-height:30px; color:#8d8d8d; font-weight:bold; white-space:normal; text-align:center; padding:0 10px; background:#f6f6f6; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable3 td {height:30px; line-height:18px; margin:0; padding:0 5px; text-align:left; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable4 {clear:both; border-collapse:collapse; max-width:100%; margin:0 10px 10px; background:#FFF; border-top:2px solid #1fa0d0; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable4 caption {height:34px; line-height:34px; text-align:left; padding-left:10px; font-weight:bold; font-size:1.25em; border-top:2px solid #8f8f8f;} .popuplisttable4 th {height:30px; line-height:30px; color:#8d8d8d; font-weight:bold; white-space: nowrap; text-align:center; padding:0 10px; background:#f6f6f6; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable4 th.line {border-left:1px solid #d5d5d5;} .popuplisttable4 td {height:30px; line-height:18px; margin:0; padding:10px; text-align:left; vertical-align:top; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable4 td.line {border-left:1px solid #d5d5d5;} .popuplisttable4 td li {height:24px; text-align:left;} .popuplisttable5 {clear:both; border-collapse:collapse; max-width:100%; margin:0 auto; background:#FFF; border-top:1px solid #e8e8e8; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable5 caption {line-height:30px; text-align:center; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;} .popuplisttable5 th {height:24px; color:#8d8d8d; font-weight:bold; white-space: nowrap; text-align:center; padding:0 10px; background:#f6f6f6; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #e8e8e8; border-left:0px solid #d5d5d5;} .popuplisttable5 td {height:24px; margin:0; padding:5px; text-align:left; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #e8e8e8; border-left:0px solid #d5d5d5;} .popuplisttable5 p {text-align:left; margin:5px 0;} .popuplisttable6 {clear:both; border-collapse:collapse; max-width:100%; margin:0 auto; background:#FFF; border-top:1px solid #e8e8e8; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable6 th {color:#8d8d8d; font-weight:bold; white-space: nowrap; text-align:center; padding:0 10px; background:#f6f6f6; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #e8e8e8; border-left:0px solid #d5d5d5;} .popuplisttable6 td {margin:0; padding:2px 5px; text-align:center; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #e8e8e8; border-left:0px solid #d5d5d5;} .popuplisttable6 p {text-align:left !important; height:0px !important; line-height:0px !important; margin:0 !important;} .popuplisttable7 {clear:both; border-collapse:collapse; max-width:100%; margin:0 10px 10px; background:url(../images/bg/bg_sub_title.jpg) repeat-x left top; } .popuplisttable7 th {height:29px; line-height:29px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; border-top:1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .popuplisttable7 td { margin:0; padding:0 5px; background:#FFF; vertical-align:middle; border-top:0px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .popuplisttable7 p {text-align:left; } .popuplisttable8 {clear:both; border-collapse:collapse; max-width:100%; margin:0 10px 10px; background:#FFF; border-top:2px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable8 caption {height:34px; line-height:34px; text-align:left; padding-left:10px; font-weight:bold; font-size:1.25em; border-top:2px solid #8f8f8f;} .popuplisttable8 th {height:30px; color:#2d2d2d; font-weight:bold; font-size:18px !important; font-family: 'NanumGothic', serif; white-space: nowrap; text-align:center; padding:0 10px; background:#fff1d7; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable8 td {height:30px; line-height:18px; margin:0; padding:0 5px; text-align:center; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable8 p {text-align:left; margin:5px 0;} .popuplisttable9 {clear:both; border-collapse:collapse; max-width:100%; margin:0 10px 10px; background:url(../images/bg/bg_sub_title.jpg) repeat-x left top; } .popuplisttable9 th {height:29px; line-height:29px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; border-top:1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .popuplisttable9 td { margin:0; padding:0 5px; background:#FFF; text-align:center; vertical-align:middle; border-top:0px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .popuplisttable9 p {text-align:left; } .popuplisttable9 a.Re {font-size:12px !important; color:#2d2d2d; text-decoration:none; font-family:!important Gulim, Dotum; } .popuplisttable9 a.Re:visited { font-size:12px !important; color:#2d2d2d; text-decoration:none; font-family:!important Gulim, Dotum; } .popuplisttable9 a.Re:hover { font-size:12px !important; color:#2d2d2d; text-decoration:underline; font-family:!important Gulim, Dotum; } .popuplisttable9 a.Re:active { font-size:12px !important; color:#2d2d2d; text-decoration:underline; font-family:!important Gulim, Dotum; } .adbookinglisttable {clear:both; border-collapse:collapse; max-width:100%; margin:10px auto 20px auto; padding-top:34px; border-top:0px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5; background:url(../images/etc/title_ad_booking_list.jpg) no-repeat #FFF;} .adbookinglisttable th {height:30px; line-height:30px; color:#8d8d8d; font-weight:bold; white-space: nowrap; text-align:center; padding:0 10px; background:#f6f6f6; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; b order-left:0px solid #d5d5d5;} .adbookinglisttable td {height:30px; line-height:18px; margin:0; padding:0 5px; text-align:center; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .scheduleviewtable {clear:both; border-collapse:collapse; max-width:100%; margin:0 auto 10px auto; border-top:0px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .scheduleviewtable caption {height:34px; line-height:34px; text-align:left; padding-left:10px; font-weight:normal; font-size:1.05em; border-top:2px solid #8f8f8f;} .scheduleviewtable th {height:30px; line-height:30px; color:#8d8d8d; font-weight:bold; white-space: nowrap; text-align:left; padding:0 10px; background:#f6f6f6; border-top:1px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .scheduleviewtable td {height:30px; line-height:22px; margin:0; padding:0 5px; text-align:left; color:#5d5d5d; background:#FFF; border-top:1px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .scheduleviewtable span {font-family: 'NanumGothic', serif; font-size:1.5em; font-weight:bold; color:#9f003c;} .scheduleviewtable2 {clear:both; border-collapse:collapse; max-width:100%; margin:0 auto; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .scheduleviewtable caption {height:34px; line-height:34px; text-align:left; padding-left:10px; font-weight:normal; font-size:1.05em; border-top:2px solid #8f8f8f;} .scheduleviewtable2 th {height:30px; line-height:30px; color:#8d8d8d; font-weight:bold; white-space: nowrap; text-align:center; padding:0 10px; background:url(../images/bg/bg_sub_title.jpg) repeat-x left center; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .scheduleviewtable2 td {height:30px; line-height:22px; margin:0; padding:0 5px; text-align:left; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .scheduleviewtable2 p {text-align:center;} .reexamtable {clear:both; border-collapse:collapse; max-width:100%; margin:0 auto 10px auto; border-top:0px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .reexamtable caption {height:34px; line-height:34px; text-align:left; padding-left:10px; font-weight:normal; font-size:1.05em; border-top:2px solid #8f8f8f;} .reexamtable th {height:30px; line-height:30px; color:#8d8d8d; font-weight:bold; white-space: nowrap; text-align:center; padding:0 10px; background:url(../images/bg/bg_sub_title.jpg) repeat-x left center; border-top:1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .reexamtable th:first-child {border-left:1px solid #d5d5d5;} .reexamtable td {height:30px; line-height:22px; margin:0; padding:0 5px; text-align:left; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .reexamtable td:first-child {border-left:1px solid #d5d5d5;} .reexamtable p {text-align:center;} .reexamtable span {font-family: 'NanumGothic', serif; font-size:1.5em; font-weight:bold; color:#9f003c;} .calendarlisttable {clear:both; border-collapse:separate; max-width:192px; margin:0 auto; border-top:0px solid d1d1d1; border-right:0px solid d1d1d1; border-bottom:0px solid d1d1d1; border-left:0px solid d1d1d1; } .calendarlisttable caption {height:26px; line-height:26px; text-align:center; font-family: 'NanumGothic', serif; font-size:1.5em;} .calendarlisttable th {width:24px; height:23px; color: #2d2d2d; background:url(../images/bg/bg_calendar_day.jpg) no-repeat left top; font-size:11px; font-weight: bold; white-space:nowrap; text-align:center; border-top:0px solid #dcdcdc; border-right:0px solid #dcdcdc; border-bottom:0px solid #dcdcdc; border-left:0px solid #dcdcdc;} .calendarlisttable td {width:24px; height:20px; font-size:11px; text-align:center; color: #2d2d2d; background:url(../images/bg/bg_calendar_num.jpg) no-repeat left top; border-top:0px solid #dcdcdc; border-right:0px solid #dcdcdc; border-bottom:0px solid #dcdcdc; border-left:0px solid #dcdcdc;} .calendarlisttable p {display:block; background:#ffcc00; font-weight:bold; color:#635520; margin-top:0 !important;} .calendarlisttable span.SB {display:block; background:#77c4ff; font-weight:bold;} .imageviewtable {clear:both; border-collapse:separate; max-width:100%; margin:20px auto;} .imageviewtable th {height:34px; line-height:34px; padding:0 10px; color:#2d2d2d; font-weight: bold; white-space: nowrap; background:#FFF; text-align:left; border-top:2px solid #8f8f8f; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .imageviewtable td {height:30px; margin:0; padding:5px; text-align:center; color: #2d2d2d; border-top:0px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .imageviewtable td .view_top {width:701px; height:11px; margin:20px auto 0 auto; background:url(../images/bg/bg_img_view_top.jpg) no-repeat;} .imageviewtable td .view_middle {width:701px; min-height:11px; text-align:center; margin:0 auto; background:url(../images/bg/bg_img_view_middle.jpg) repeat-y;} .imageviewtable td .view_bt {width:701px; height:11px; margin:0 auto 20px auto; background:url(../images/bg/bg_img_view_bt.jpg) no-repeat;} .imageviewtable td p {width:700px; text-align:left; margin:10px auto;} .imageviewtable {clear:both; border-collapse:separate; max-width:100%; margin:20px auto;} .imageviewtable th {height:34px; line-height:34px; padding:0 10px; color:#2d2d2d; font-weight: bold; white-space: nowrap; background:#FFF; text-align:left; border-top:2px solid #8f8f8f; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .imageviewtable td {height:30px; margin:0; padding:5px; text-align:center; color: #2d2d2d; border-top:0px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .imageviewtable td .view_top {width:701px; height:11px; margin:20px auto 0 auto; background:url(../images/bg/bg_img_view_top.jpg) no-repeat;} .imageviewtable td .view_middle {width:701px; min-height:11px; text-align:center; margin:0 auto; background:url(../images/bg/bg_img_view_middle.jpg) repeat-y;} .imageviewtable td .view_bt {width:701px; height:11px; margin:0 auto 20px auto; background:url(../images/bg/bg_img_view_bt.jpg) no-repeat;} .imageviewtable td p {width:700px; text-align:left; margin:10px auto;} .boardtable {clear:both; border-collapse:collapse; max-width:100%; margin:0 auto 20px auto; border-top:1px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardtable th {height:30px; line-height:30px; color:#2d2d2d; font-weight: normal; white-space: nowrap; text-align:center; padding:0 10px; background:url(../images/bg/bg_sub_title.jpg) repeat-x; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardtable td {height:30px; line-height:30px; margin:0; padding:0 5px; text-align:left; color:#5d5d5d; background:#FFF; border-top:px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .replylisttable {clear:both; border-collapse:collapse; max-width:100%; margin:20px auto 10px auto; border-top:1px solid #ececec; border-right:1px solid #ececec; border-bottom:0px solid #ececec; border-left:1px solid #ececec;} .replylisttable th {height:30px; line-height:30px; color:#8d8d8d; font-weight: bold; text-align:center; padding:0 10px; background:#f6f6f6; border-top:0px solid #ececec; border-right: 0px solid #ececec; border-bottom:1px solid #ececec; border-left:0px solid #ececec;} .replylisttable td {height:30px; line-height:22px; margin:0; padding:0 5px; text-align:left; color:#5d5d5d; background:#FFF; border-top:0px solid #ececec; border-right: 0px solid #ececec; border-bottom:1px solid #ececec; border-left:0px solid #ececec;} .replylisttable td p {text-align:center;} .replylisttable td li {height:24px;} .wronglisttable {clear:both; border-collapse:collapse; width:100%; margin:10px auto; background:#dfdfdf; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:1px solid #d5d5d5;} .wronglisttable caption { height:34px; line-height:34px; text-align:left; padding-left:10px; font-family: 'NanumGothic', serif; font-size:14px; font-weight:bold; background:#f5f5f5; border-bottom:1px solid #d5d5d5; } .wronglisttable th {height:31px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background:url(../images/bg/bg_sub_title.jpg) repeat-x left top; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .wronglisttable th:first-child { border-left:none; } .wronglisttable td {height:28px; line-height:28px; margin:0; padding:0px; white-space:normal; text-align:center; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .wronglisttable .cell_top { line-height:31px; background-color:#f7fcff; text-align:center; font-weight:bold; } .bigolisttable {clear:both; border-collapse:collapse; max-width:100%; margin:10px auto; background:#dfdfdf; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:1px solid #d5d5d5;} .bigolisttable caption { height:34px; line-height:34px; text-align:left; padding-left:10px; font-family: 'NanumGothic', serif; font-size:14px; font-weight:bold; background:#f5f5f5; border-bottom:1px solid #d5d5d5; } .bigolisttable th {height:31px; line-height:31px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background:url(../images/bg/bg_sub_title.jpg) repeat-x left top; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .bigolisttable th:first-child { border-left:none; } .bigolisttable td {height:28px; margin:0; padding:0 5px; white-space:normal; text-align:left; vertical-align:middle; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .bigolisttable p {text-align:left;} .bigolisttable .payment {text-align:right; margin:0 5px; font-style:italic; font-family:'Open Sans', sans-serif;} .bigolisttable .payed {text-align:right; margin:0 5px; color:#0054d3; font-style:italic; font-family:'Open Sans', sans-serif;} .bigolisttable .classfy {font-weight:bold; background:#f6f6f6;} /*List*/ ol {width:916px;} ol li {padding:20px 20px;} /* Class Selector */ .textarea_mem {height:22px; line-height:22px; padding-left:5px; font-size:12px; border-top: #d5d5d5 1px solid; border-right: #d5d5d5 1px solid; border-bottom: #d5d5d5 1px solid; border-left: #d5d5d5 1px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #dadada; SCROLLBAR-SHADOW-COLOR: #dadada; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #dadada; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; background-color: #fff; color:#5d5d5d; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #dadada; SCROLLBAR-SHADOW-COLOR: #dadada; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #dadada; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff;} .textarea_mem2 {height:16px; line-height:16px; padding-left:5px; font-size:12px; border-top: #d5d5d5 1px solid; border-right: #d5d5d5 1px solid; border-bottom: #d5d5d5 1px solid; border-left: #d5d5d5 1px solid; color:#5d5d5d; } .textarea_mem3 {color:#fff; font-size:9pt; color:#2d2d2d; border-top: #d5d5d5 1px solid; border-right: #d5d5d5 1px solid; border-bottom: #d5d5d5 1px solid; border-left: #d5d5d5 1px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #dadada;SCROLLBAR-SHADOW-COLOR: #dadada; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #dadada; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff;} .textarea_mem4 { height:26px; line-height:26px; padding-left:5px; border:5px solid #d01f4c; background-color: #fff; color:#2d2d2d; font-weight:bold; } .textarea_mem5 { width:185px; height:24px; line-height:24px; padding-left:5px; border:#d5d5d5 1px solid; background-color: #fff; color:#5d5d5d; font-size:20px; font-weight:bold; font-family: 'NanumGothic', serif; } .textarea_mem6 { height:20px; line-height:20px; padding-left:5px; border:7px solid #3eaf0e; background-color: #fff; color:#2d2d2d; font-weight:bold; } .textarea_mem7 { height:24px; line-height:16px; padding-left:5px; border:#d5d5d5 1px solid; background-color: #fff; color:#5d5d5d; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } .textarea_message {background:#afd6f5; font-family:돋움; font-size:9pt; width:95px; height:77px; overflow:hidden; border-width:0px; margin-top:25px;} .btn_mem03 {height:34px; padding:0px 10px 5px 10px; font-weight:bold; font-size:16px; font-family: 'NanumGothic', serif; color:#000; cursor:pointer; } /* Footer */ #footer {clear:both; width:100%; height:170px; text-align:right; background:#fff5f9; border-top:2px solid #9f003c; margin-top:80px;} #footer #footer_box {width:1030px; height:100px; margin:0 auto; } #footer #footer_box #bt_link {float:left; width:480px; height:18px; margin:-110px 0 0 380px; text-align:left;} #footer #footer_box #bt_link li {display:inline; margin-right:20px;} #footer #footer_box #bt_link2 {float:right; width:100px; height:18px; margin:-90px 40px 0 0;} #footer #footer_box #copyright { position:relative; float:left; margin:-80px 0 0 380px; text-align:left;} #addressBtn {display:none;} .tel-sns{float:left; width:347px; margin-top:20px;} .tel {float:left; height:60px; border-bottom:1px solid #333;} .sns-footerbox {margin-top:75px;} .sns-footerbox li {float:left;} /* 이미지 선택 */ a.selected img { display:none; border:0;} a.selected img.over { display:inline; } /* 이미지용 롤오버 */ a.roll img { display:inline; border:0;} a.roll img.over { display:none; } a.roll:hover { border:0; } a.roll:hover img { display:none; } a.roll:hover img.over { display:inline; } /* 텍스트용 롤오버 */ A.roll span { display:inline; } A.roll span.over { display:none; } A.roll:hover { border:0; } A.roll:hover span { display:none; } A.roll:hover span.over { display:inline; } /* Etc */ .clear {clear:both;} .FSBK14 {font-size:14px; color:#000; font-weight:bold;} .FSBK20 {font-size:1.25em; color:#000; font-weight:bold;} .FSBK212 { font-size:12px; font-weight:bold; color:#000; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; } .FSBK214 { font-size:14px; font-weight:bold; color:#000; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; } .FSBK216 { line-height:24px; font-size:16px; color:#2d2d2d; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot;} .FSBK216B { line-height:24px; font-size:16px; color:#2d2d2d; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot;} .FSBK218 {font-size:18px; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; line-height:28px;} .FSBK220 {font-size:20px; color:#5d5d5d; font-weight:bold; font-family:'Open Sans','Nanum Gothic', ngeot; line-height:28px;} .FSBK220U { font-size:20px; color:#000; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; text-decoration:underline; } .FSBK224 { font-size:24px; color:#000; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; } .FSBK228 { font-size:28px; color:#000; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; } .FSR14 {font-size:14px; color:#C00; font-weight:bold;} .FSR16 {font-size:16px; color:#C00; font-style:italic; font-family:'Open Sans','Open Sans', sans-serif; } .FSR20 {font-size:1.25em; color:#C00; font-weight:bold;} .FSR214 {font-size:14px; color:#C00; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot;} .FSR218 {font-size:18px; color:#C00; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot;} .FSR220 {font-size:20px; color:#C00; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot;} .FSR224 {font-size:24px; color:#C00; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot;} .FSB14 {font-size:14px; color:#06F; font-weight:bold;} .FSB16 {font-size:16px; color:#06F; font-style:italic; font-family:'Open Sans','Open Sans', sans-serif; } .FSB20 {font-size:1.25em; color:#06F; font-weight:bold;} .FSBNG20 { font-size:20px; color:#EB2720; font-weight:bold; font-family: 'NanumBarunGothic', serif; } .FSB212 {font-size:12px; color:#06F; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot;} .FSB214 {font-size:14px; color:#06F; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot;} .FSB216 {font-size:16px; color:#06F; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot;} .FSB218 {font-size:18px; color:#06F; font-weight:bold; font-family:'Open Sans','Nanum Gothic', ngeot; } .FSB220 {font-size:20px; color:#06F; font-weight:bold; font-family:'Open Sans','Nanum Gothic', ngeot;} .FSB220U {font-size:20px; color:#06F; font-weight:bold; font-family:'Open Sans','Nanum Gothic', ngeot; text-decoration:underline;} .FSB224 {font-size:24px; color:#06F; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; } .FSW20 {font-size:20px; color:#980039; font-style:italic; font-family:'Open Sans','Open Sans', sans-serif; } .FSW214 {font-size:14px; color:#980039; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; } .FSW216 {font-size:16px; color:#980039; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; } .FSW218 {font-size:18px; color:#980039; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; } .FSW224 {font-size:24px; color:#980039; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; } .FSW220 {font-size:20px; color:#980039; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; } .FSY216B {font-size:16px; font-weight:bold; color:#f0ff00; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot;} .FSG16 {font-size:16px; color:#00a908; font-style:italic; font-family:'Open Sans', sans-serif; } .FSG224 {font-size:24px; color:#00a908; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; } .FSBG218 {font-size:18px; color:#5a7150; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; } .FSBG224 {font-size:24px; color:#5a7150; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; } .FSGR20 {font-size:1.25em; color:#00a908; font-weight:bold;} .FSP20 {font-size:1.25em; color:#980039;} .FSPP20 {font-size:1.25em; color:#a100dd; font-weight:bold;} .FSDG20 {font-size:1.25em; color:#5d5d5d; font-weight:bold;} .FSDG218 {font-size:18px; color:#5d5d5d; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; line-height:28px;} .FSB224 {font-size:24px; color:#06F; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; } .FSB232 {font-size:32px; color:#06F; font-weight:bold; font-style:italic; font-family:'Open Sans', sans-serif; } .FSW232 {font-size:32px; color:#980039; font-weight:bold; font-style:italic; font-family:'Open Sans', sans-serif; } .FSWH216 {font-size:16px !important; color:#FFF; font-weight:bold; font-family:'Open Sans','Nanum Gothic', ngeot; } .B {font-weight:bold;} .TC { text-align:center; margin:0px auto; } #page_body {background:#FFF;} #page_body2 {background:#c1c1c1;} #page_body3 { background:#6b6b6b; } #page_content {width:780px; min-height:200px; background:#FFF; margin:0; padding:10px;} #page_content2 {width:800px; min-height:300px; background:#FFF; padding:5px 10px;} #page_content3 {width:900px; min-height:600px; background:#FFF; margin:0; padding-top:10px;} #page_content4 {max-width:100%; max-height:100%; background:#FFF; margin:0; padding:10px;} #page_content5 {width:530px; min-height:300px; background:#FFF; padding:5px 10px;} #page_content6 {width:774px; min-height:1103px; background:#FFF;} #page_content7 {width:1100px; min-height:600px; background:#FFF; padding:5px 10px; text-align:left;} #page_content8 {max-width:100%; min-height:500px; background:#FFF; margin:0; padding:10px;} #page_content #page_top {width:780px; height:34px; line-height:34px; margin:0 10px 10px 10px; background:#980039; margin-left:10px; text-align:left; color:#FFF; font-size:1.25em; font-weight:bold;} #page_content #page_top #left_top {float:left; width:300px; height:34px; margin-left:7px; text-align:left;} *:first-child+html #page_content #page_top #left_top {float:left; width:300px; height:34px; margin:0 0 0 7px; text-align:left;} #page_content #page_top #right_top {float:right; width:400px; height:34px; line-height:30px; margin-right:10px; text-align:right;} #page_content .page_register {width:770px; margin:10px; background:#f8f8f8; border:5px solid #d1d1d1;} #page_content .page_register td {height:30px; padding:5px; border-top:1px solid #e8e8e8; color:#980039; font-size:1.25em;} #page_content .page_register td:first-child {text-align:right; } #page_content .page_box_in {width:776px; min-height:100px; margin:10px auto;} #page_content #page_box {width:760px; min-height:520px; margin:10px auto 0 auto; padding:10px; text-align:left; background:#fff3f7; border:1px solid #dcdcdc;} #page_box {width:440px; min-height:370px; padding:10px; background:#FFFFFF; border:#CCCCCC solid 5px;} #page_box2 {width:500px; min-height:200px; padding:10px; background:#FFFFFF; border:#CCCCCC solid 5px;} #page_body .boardlisttable6 {clear:both; border-collapse:collapse; max-width:100%; margin:0px auto 10px auto !important; background:#dfdfdf; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:1px solid #d5d5d5;} #page_body .boardlisttable6 caption { height:34px; line-height:34px; text-align:left; padding-left:10px; font-family: 'NanumGothic', serif; font-size:14px; font-weight:bold; background:#f5f5f5; border-bottom:1px solid #d5d5d5; } #page_body .boardlisttable6 th {height:30px !important; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background:url(../images/bg/bg_sub_title.jpg) repeat-x left bottom #dedede; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} #page_body .boardlisttable6 th:first-child { border-left:none; } #page_body .boardlisttable6 td {height:28px; margin:0; padding:0 5px; white-space:normal; text-align:center; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} #page_body .boardlisttable6 td:first-child { border-left:none; } #page_body .boardlisttable6 p {text-align:left; } #page_body .boardlisttable6 .payment {text-align:right; margin:0 5px; font-style:italic; font-family:'Open Sans', sans-serif;} #page_body .boardlisttable6 .payed {text-align:right; margin:0 5px; color:#0054d3; font-style:italic; font-family:'Open Sans', sans-serif;} #page_body .boardlisttable6 .classfy {font-weight:bold; background:#f6f6f6;} #page_body .boardlisttable6 .cell_green { background:#d8ffcb; } #page_body .boardlisttable6 .cell_blue { background:#e8f4ff; } #page_body .boardlisttable6 .cell_yellow { background:#fffec3; } #page_body .boardlisttable6 .top {vertical-align:top; } #page_body .boardlisttable6 .studentbox2 { clear:both; max-width:100%; min-height:150px; text-align:left; overflow-y:auto; } #page_body .boardlisttable6 .btn_right { text-align:right; padding-right:5px; border-left:none !important; } #page_body .boardlisttable6 .btn_center { text-align:center; border-left:none !important; } #page_body .boardlisttable6 .contentTitle { text-align:left; font-weight:bold; margin-top:20px; } #page_body .test_result { width:780px; height:587px; } #page_body .test_result .result_box { position:absolute; z-index:1; top:100px; left:90px; width:600px; min-height:0px; } #page_body .test_result .result_box .test_title {max-width:100%; height:20px; line-height:30px; margin:10px 0px 5px; padding-left:10px; text-align:left; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } #page_body .test_result .result_box .test_content { max-width:100%; min-height:100px; line-height:20px; margin-top:10px; text-align:left; font-family: 'NanumGothic', serif; } #page_body .test_result .result_box .test_content .under { font-weight:bold; font-family: 'NanumGothic', serif; text-decoration:underline; } #page_body .test_result .result_box .FSBK214 { line-height:30px !important; padding-top:10px; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } #page_body .cetificate_box { width:708px; height:1038px; border:2px solid #2d2d2d; } #page_body .cetificate_box2 { width:708px; height:1038px; } #page_body .listBox { width:708px; height:433px; } /* Print */ @page a4sheet {size:21.0cm 29.7cm} .a4 {page:a4sheet;} /* Image Slide */ .photoslider-bullets{width:100%; height:269px; margin-bottom:10px; background-color:#f3f2f2;}/* background:url(../images/bg/bg_main_img.jpg) repeat-x left top;*/ .photoslider-bullets .main_img {position:relative; width:1030px; height:260px; margin:0 auto;} .photoslider-bullets .main_img .sliderkit-nav{position:absolute; top:220px; right:20px;} .photoslider-bullets .main_img .sliderkit-nav-clip ul li{float:left;margin:0 1px 0 0;} .photoslider-bullets .main_img .sliderkit-nav-clip ul li a{width:13px; height:13px ;background:transparent url("/images/btn/bullet-off.png") no-repeat 0 0;} .photoslider-bullets .main_img .sliderkit-nav-clip ul li.sliderkit-selected a{background:transparent url("/images/btn/bullet-on.png") no-repeat 0 0;} .photoslider-bullets2{width:212px; height:187px;} .photoslider-bullets2 .sliderkit-nav2{position:absolute; top:150px;right:50px;} .photoslider-bullets2 .sliderkit-nav-clip2 ul li{float:left;margin:0 1px 0 0;} .photoslider-bullets2 .sliderkit-nav-clip2 ul li a{width:15px; height:8px ;background:transparent url("/images/btn/round-off.png") no-repeat 0 0;} .photoslider-bullets2 .sliderkit-nav-clip2 ul li.sliderkit-selected2 a{background:transparent url("/images/btn/round-on.png") no-repeat 0 0;} .photoslider-bullets3{width:332px; height:290px;} .photoslider-bullets3 .sliderkit-nav{position:absolute; top:150px;right:50px;} .photoslider-bullets3 .sliderkit-nav-clip ul li{float:left;margin:0 1px 0 0;} .photoslider-bullets3 .sliderkit-nav-clip ul li a{width:15px; height:8px ;background:transparent url("/images/btn/round-off.png") no-repeat 0 0;} .photoslider-bullets3 .sliderkit-nav-clip ul li.sliderkit-selected2 a{background:transparent url("/images/btn/round-on.png") no-repeat 0 0;} .photoslider-bullets4 { position:relative; width:377px; height:283px; margin:135px auto 0; } .photoslider-bullets4 .sliderkit-nav{position:absolute; top:10px;right:170px;} .photoslider-bullets4 .sliderkit-nav-clip ul li{float:left;margin:0 5px 0 0;} .photoslider-bullets4 .sliderkit-nav-clip ul li a{width:15px; height:8px ;background:transparent url("/images/btn/round-off.png") no-repeat 0 0;} .photoslider-bullets4 .sliderkit-nav-clip ul li.sliderkit-selected a{background:transparent url("/images/btn/round-on.png") no-repeat 0 0;} /* Tab */ #content_container #primaryContent .tab_top {height:17px; margin-bottom:5px; background:url(../images/etc/title_boast.gif) no-repeat; margin-top:10px;} #content_container #primaryContent .title_box {width:100%; height:24px; text-align:center; padding-top:2px; border:1px solid #CCC; margin-top:10px;} #content_container #primaryContent .title_box li {display:inline;} ul.tabs { margin: 0; padding: 0; text-align:center; list-style: none; height: 24px; width: 100%; } ul.tabs li { margin: 0; padding: 0 12px; position: relative; } ul.tabs li a.selected img { display:none; } ul.tabs li a.selected img.over { display:inline; border:0; } .tab_container { position:absolute; width: 565px; clear:both; margin-top:10px; background: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } .tab_content {margin:0;} .tab_content #bg_img1 {width:565px; height:131px;} .tab_content #bg_img2 {width:565px; height:131px;} .tab_content #bg_img3 {width:565px; height:131px;} /* Popup Tab */ .box_popup .listening_guide_title {float:left; width:400px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_listening_guide.jpg) no-repeat 20px 12px; text-indent:-9999px; } .box_popup .paging_box { position:relative; width:100%; height:40px; margin:10px auto; } .box_popup .paging_box ul.tabs { position:absolute; top:0px; left0px; } .box_popup .paging_box ul.tabs li { display:inline; margin:0px -14px !important; text-align:center; } .box_popup .paging_box ul.tabs li a.selected img {display:none;} .box_popup .paging_box ul.tabs li a.selected img.over {display:inline; border:0;} .box_popup .listening_container { position:absolute; width:680px; min-height:30px; left:50%; margin-left:-340px; } .box_popup .listening_content { margin:0 auto;} .box_popup .listening_content #img01 { position:relative; width:680px; height:372px; margin:0 auto; background:url(../images/etc/img_popup_listening_guide01.jpg) no-repeat; } .box_popup .listening_content #img02 { position:relative; width:680px; height:410px; margin:0 auto; background:url(../images/etc/img_popup_listening_guide02.jpg) no-repeat; } .box_popup .listening_content #img03 { position:relative; width:680px; height:520px; margin:0 auto; background:url(../images/etc/img_popup_listening_guide03.jpg) no-repeat; } .box_popup .listening_content #img04 { position:relative; width:680px; height:427px; margin:0 auto; background:url(../images/etc/img_popup_listening_guide04.jpg) no-repeat; } .box_popup .listening_content .tooltip01 { position:absolute; z-index:10; width:597px; min-height:50px; top:210px; left:50%; margin-left:-298px; } .box_popup .listening_content .tooltip02 { position:absolute; z-index:10; width:597px; min-height:50px; top:350px; left:50%; margin-left:-298px; } .box_popup .listening_content .tooltip03 { position:absolute; z-index:10; width:597px; min-height:50px; top:370px; left:50%; margin-left:-298px; } .box_popup .listening_content .tooltip04 { position:absolute; z-index:10; width:597px; min-height:50px; top:220px; left:50%; margin-left:-298px; } .box_popup .listening_content .bg_tooltip01 { width:597px; height:193px; background:url(../images/bg/bg_listening_guide_top01.png) no-repeat; } .box_popup .listening_content .bg_tooltip02 { width:597px; height:93px; background:url(../images/bg/bg_listening_guide_top02.png) no-repeat; } .box_popup .listening_content .bg_tooltip03 { width:597px; height:176px; background:url(../images/bg/bg_listening_guide_top03.png) no-repeat; } .box_popup .listening_content .bg_tooltip04 { width:597px; height:245px; background:url(../images/bg/bg_listening_guide_top04.png) no-repeat; } .box_popup .listening_content .bg_tooltip_md { width:562px; min-height:20px; padding:0px 20px 0px 15px; text-align: left; font-weight:bold; font-size:14px; background:url(../images/bg/bg_listening_guide_md.png) repeat-y left top; font-family: !important 'Malgun Gothic', "맑은고딕", ngeot; } .box_popup .listening_content .bg_tooltip_bt { width:597px; height:25px; background:url(../images/bg/bg_listening_guide_bt.png) no-repeat; } .box_popup .listening_content .BU { color:#0072d5; text-decoration:underline; font-family: !important 'Malgun Gothic', "맑은고딕", ngeot; } /* Sliding Menu */ #fl_menu{position:absolute; z-index:12; width:225px; height:49px;} #fl_menu .main_label{height:51px;} #fl_menu .label{height:34px;} #fl_menu .menu {display:none;} #fl_menu .menu li {display:block;} /* Ticker */ .ticker { width: 190px; height: 18px; text-align:left; overflow: hidden; margin: 0; padding: 0; list-style: none; } .ticker li { display:block; } .ticker2 { width: 720px; height: 48px; overflow: hidden; margin: 0; padding: 0; list-style: none; } .ticker2 li { display:block; } /* tms */ #tmsContent { width:1150px; min-height:300px; padding:0px 5px 5px; } #tmsContent .tab_box {width:100%; height:36px; margin:3px 0px 10px; text-align:left; background:url(../images/bg/bg_login_tab.gif) repeat-x left bottom; } #tmsContent .tab_box li {display:inline; margin-right:-4px;} #tmsContent ul.tabs3 li a.selected img {display:none;} #tmsContent ul.tabs3 li a.selected img.over {display:inline; border:0;} #tmsContent .framebox { width:1150px; margin:0 auto 10px auto;} #tmsContent .framebox .boxframe { width:1150px; height:850px; margin-top:-10px; overflow-y:auto; overflow-x:hidden; } #tmsContent .search_box4 {height:32px; line-height:32px; text-align:left; padding:0px 10px; font-weight:bold; font-size:12px; background-color:#FFF; border-top:2px solid #8f8f8f; border-bottom:2px solid #d5d5d5;} #tmsContent select { font-size:9pt; } #tmsContent .Sblue { color:#0054d3; font-size:11px; } #tmsContent .Sblack { color:#000; font-size:11px; } #tmsContent .boardlisttable6 {clear:both; border-collapse:collapse; max-width:100%; margin:5px auto 0px auto !important; background:#dfdfdf; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:1px solid #d5d5d5;} #tmsContent .boardlisttable6 caption { height:34px; line-height:34px; text-align:left; padding-left:10px; font-family: 'NanumGothic', serif; font-size:14px; font-weight:bold; background:#f5f5f5; border-bottom:1px solid #d5d5d5; } #tmsContent .boardlisttable6 th {height:20px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background:url(../images/bg/bg_sub_title.jpg) repeat-x left bottom; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} #tmsContent .boardlisttable6 th:first-child { border-left:none; } #tmsContent .boardlisttable6 td {height:28px; margin:0; padding:0 5px; white-space:normal; text-align:center; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} #tmsContent .boardlisttable6 td:first-child { border-left:none; } #tmsContent .boardlisttable6 p {text-align:left; } #tmsContent .boardlisttable6 .payment {text-align:right; margin:0 5px; font-style:italic; font-family:'Open Sans', sans-serif;} #tmsContent .boardlisttable6 .payed {text-align:right; margin:0 5px; color:#0054d3; font-style:italic; font-family:'Open Sans', sans-serif;} #tmsContent .boardlisttable6 .classfy {font-weight:bold; background:#f6f6f6;} #tmsContent .boardlisttable6 .cell_green { background:#d8ffcb; } #tmsContent .boardlisttable6 .cell_blue { background:#e8f4ff; } #tmsContent .boardlisttable6 .cell_yellow { background:#fffec3; } #tmsContent .boardlisttable6 .top {vertical-align:top; } #tmsContent .boardlisttable6 .studentbox2 { clear:both; max-width:100%; min-height:150px; text-align:left; overflow-y:auto; } /* scroller */ .scroller_roll{ padding: 0px !important; margin: 0px; overflow: hidden; } .scroller_roll ul{ width:100% !important; padding: 0px; margin: 0px; float: left; overflow: hidden; } .scroller_roll ul li{ padding: 0px; margin: 0px !important; list-style: none; float: left; text-align: center; display:inline !important; overflow: hidden; } .scroller_roll ul li a{ text-decoration: none; } .scroller_roll ul li a:hover{ text-decoration: underline; } .scroller_roll ul li a img{ border: none; } #carouselWrap{ margin:100px auto; width:620px; height:135px; padding:5px; background:url("./images/background.gif"); position:relative; } #carouselPrev{ position:absolute; top:65px; left:-8px; cursor:pointer; } #carouselNext{ position:absolute; top:65px; right:-8px; cursor:pointer; } #carouse{ width:100%; height:100%; overflow:hidden; } #carouselInner ul.column{ width:605px; height:105px; padding:15px 0 15px 15px; list-style-type:none; float:left; } #carouselInner ul.column li{ float:left; margin-right:10px; display:inline; } #carouselInner ul.column li img{ border:none; } /* 2014.05.01 추가 */ .popupContent3 { width:956px; } .popupContent3 .reportBoxTop { width:956px; height:38px; margin:10px auto 0px auto; background:url(../images/bg/bg_box_popup_top.png) no-repeat; } .popupContent3 .reportBoxMd { width:926px; min-height:300px; margin:0px auto; padding:0px 15px; background:url(../images/bg/bg_box_popup_md.png) repeat-y center top; } .popupContent3 .reportBoxMd .tableBox { position:relative; width:870px; height:740px; margin:0 auto; overflow-x:hidden; overflow-y:auto; } .popupContent3 .reportBoxMd .tableBox .reportTitle { width:820px; height:60px; line-height:60px; margin:0 auto 10px; padding-left:50px; text-align:left; font-size:30px; font-weight:bold; background:url(../images/etc/icon_level_test.png) no-repeat left center; border-bottom:1px dashed #cfcfcf; font-family: 'NanumGothic', serif; } .popupContent3 .reportBoxMd .tableBox .topBox { width:100%; height:70px; margin-bottom:10px; } .popupContent3 .reportBoxMd .tableBox .topBox .leftBox { float:left; width:400px; } .popupContent3 .reportBoxMd .tableBox .topBox .rightBox { float:right; width:430px; line-height:24px; font-size:14px; font-weight:bold; text-align:left; color:#0054d3; font-family: 'NanumGothic', serif; } .popupContent3 .reportBoxMd .tableBox .topBox .rightBox:after {display:block;visibility:hidden;clear:both;content:""} .popupContent3 .reportBoxMd .tableBox .assementTitle { position:relative; width:860px; height:37px; line-height:37px; margin:15px auto 5px; text-align:left; font-weight:bold; padding-left:10px; font-size:16px; color:#fff; background:url(../images/bg/bg_assesment_title.png) no-repeat left center; font-family: 'NanumGothic', serif; } .popupContent3 .reportBoxBt { width:956px; height:38px; margin:0px auto 10px auto; background:url(../images/bg/bg_box_popup_bt.png) no-repeat; } .boardlisttable18 {clear:both; border-collapse:collapse; max-width:100%; margin:0px auto; background:#dfdfdf; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable18 th { height:28px; line-height:18px; color:#2d2d2d; background:#efefef; font-weight: bold; white-space: nowrap; text-align:center; padding:0 2px; border-top:0px solid #dcdcdc; border-right: 0px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; font-size:11px; font-family:Dotum, "돋움";} .boardlisttable18 th:first-child { border-left:none; } .boardlisttable18 td { height:24px; line-height:14px !important; margin:0; text-align:left; vertical-align:text-top; color:#2d2d2d; background:#FFF; border-top:0px solid #dcdcdc; border-right: 0px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; font-size:11px; font-family:Dotum, "돋움";} .boardlisttable18 td:first-child { border-left:none; } .boardlisttable18 p {text-align:left; } .boardlisttable18 .title { text-align:center; padding:5px 2px; vertical-align:middle; background-color:#fff9fb; } .boardlisttable18 .opinionTable { display:inline-block; width:180px; height:150px; padding:5px; overflow-x:hidden; overflow-y:auto; } .opinionTable2 { position:absolute; z-index:99999999999; display:inline-block; left:50%; top:150px; margin-left:-267px; width:525px; height:400px; padding:5px; text-align:left; font-size:14px; line-height:22px; background:#FFF; border:5px solid #dedede; font-family: 'NanumGothic', serif; overflow-x:hidden; overflow-y:auto; display:none; } /* 2014.05.16 추가 */ #subContent #rightContent .search_box_top { max-width:100%; height:8px; background:url(../images/bg/bg_naeshin_box_top.png) no-repeat; } #subContent #rightContent .search_box_md { max-width:100%; min-height:10px; padding:0px 10px; background:url(../images/bg/bg_naeshin_box_md.png) repeat-y; } #subContent #rightContent .search_box_md table { width:100%; } #subContent #rightContent .search_box_md th { height:32px; line-height:32px; padding-left:25px; text-align:left; font-weight:bold; font-size:16px; background:url(../images/etc/icon_Rarrow.png) no-repeat left 10px; font-family: 'NanumGothic', serif; } #subContent #rightContent .search_box_md td { height:24px; line-height:24px; font-size:14px; border-top:1px dashed #bdbdbd; font-family: 'NanumGothic', serif; } #subContent #rightContent .search_box_bt { max-width:100%; height:9px; margin-bottom:10px; background:url(../images/bg/bg_naeshin_box_bt.png) no-repeat; } /* 2014.07.29 추가 */ .explainLayer { position:absolute; z-index:15; top:20px; left:50%; width:531px; height:583px; min-height:0px; margin-left:0px; background:url(../images/bg/bg_popup08.png) no-repeat; } .explainLayer .scroll-img { width:495px; margin:218px auto 0; overflow:hidden; } .explainLayer .scroll-img ul{ padding: 0px; margin: 0px; float: left; } .explainLayer .scroll-img ul li{ padding: 0px; margin: 0px 14px 0px 0px; list-style: none; float: left; text-align: center; display:inline; overflow: hidden; } .explainLayer .scroll-img img { border:1px solid #fff; } .explainLayer .btISO { position:relative; height:25px; margin-top:198px; } .explainLayer .btISO .left { height:25px; text-align:left; padding-left:10px; color:#2d2d2d; font-size:12px !important; } .explainLayer .btISO .right { height:25px; text-align:right; padding-right:10px; } .explainLayer .btISO img { width:51px; height:16px; border:none; margin:0 !important; } /* 20140811 추가 */ .link_tenyrs { position: absolute; z-index:115; top:10px; left:50%; margin-left:530px; width:163px; height:176px; display:none;} .tenyrsBox { position:absolute; z-index:115; top:-380px; left:50%; margin-left:-404px; width:808px; height:935px; background-color:#316495; display:none; } .tenyrsBox:after {display:block;visibility:hidden;clear:both;content:""} .tenyrsBox .tenyrsTitle { position:relative; float:left; width:709px; height:48px; margin:5px 0 0px; background:url(../images/etc/popup_10yrs_promise.png) no-repeat; } .tenyrsBox .tenyrsRibbon { position:absolute; z-index:65; top:0px; left:20px; width:100px; height:64px; background:url(../images/etc/popup_10yrs_ribbon.png) no-repeat; } .tenyrsBox #tenyrsClose { position:relative; float:right; width:20px; height:20px; margin:15px 15px 0px 0px; cursor:pointer; } /* 20140923 추가 */ .scriptBox { max-width:100%; height:230px; margin:5px; padding:10px; text-align:justify; word-break:break-all; overflow-x:hidden; overflow-y:auto; } .scriptBox span { display:block; font-size:14px; margin-bottom:10px; font-weight:bold; color:#06C; font-family:'Malgun Gothic'; } /* 20141014 수정 */ #page_body .boxTop { width:80px; text-align:center; padding:3px 5px; border:1px solid #dedede; } #page_body .frameBox7 { max-width:100%; min-height:10px; margin-top:10px; } #page_body .frameBox7 table.outside { position:relative; min-height:10px; top:0; bottom:0; border:1px solid #dedede; } #page_body .frameBox7 th { line-height:28px; padding:0px 10px; font-size:12px; background-color:#f0f0f0; border-bottom:1px solid #dedede; border-left:1px solid #dedede; } #page_body .frameBox7 th:first-child { border-left:none; } #page_body .frameBox7 td { line-height:18px; border-left:1px solid #dedede; padding:0px 10px; font-size:12px; } #page_body .frameBox7 td:first-child { border-left:none; } #page_body .frameBox7 p {text-align:left; } #page_body .frameBox7 .introTitle { line-height:28px; margin-bottom:10px; padding:0px 10px; text-align:left; font-size:12px; font-weight:bold; background-color:#f0f0f0; } #page_body .frameBox7 .contentWrap { min-height:10px; border:1px solid #dedede; } #page_body .frameBox7 .contentWrap .contentTitle { height:24px; line-height:24px; text-align:left; font-weight:bold; padding-left:10px; font-size:12px; background-color:#f0f0f0; border-bottom:1px solid #dedede; } #page_body .frameBox7 .contentWrap .contentBox { text-align:left; padding:10px; font-size:12px; background-color:#fff; } .boardlisttable19 {clear:both; border-collapse:collapse; max-width:100%; margin:10px auto; background:#dfdfdf; border:1px solid #d5d5d5; } .boardlisttable19 th {height:31px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background:url(../images/bg/bg_sub_title.jpg) repeat-x left top; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .boardlisttable19 th:first-child { border-left:none; } .boardlisttable19 td {height:28px; margin:0; padding:0 5px; white-space:normal; text-align:center; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:1px solid #d5d5d5; vertical-align:top; } .boardlisttable19 td:first-child { border-left:none; } .boardlisttable19 p {text-align:left; } .boardlisttable19 .titleBox { height:50px; line-height:24px; font-size:16px; text-align:center; } .boardlisttable19 .contentTitle { text-align:left; font-weight:bold; margin-top:20px; font-size:12px; } .boardlisttable22 {clear:both; border-collapse:collapse; max-width:100%; margin:0px auto 10px; background:#dfdfdf; border:1px solid #555555; } .boardlisttable22 th {height:32px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background:#fcfcfc; border-top:0px solid #9d9d9d; border-right: 0px solid #9d9d9d; border-bottom:0px solid #9d9d9d; border-left:0px solid #9d9d9d; font-family: 'NanumGothic', serif; } .boardlisttable22 td {height:24px; margin:0; padding:0 5px; white-space:normal; text-align:center; background:#FFF; border-top:0px solid #9d9d9d; border-right: 0px solid #9d9d9d; border-bottom:0px solid #9d9d9d; border-left:0px solid #9d9d9d; font-family: 'NanumGothic', serif; } /* 20141016 추가 */ .boardlisttable6 .teacherEditing { max-width:100%; height:250px; padding:5px; text-align:left; font-size:13px; font-weight:bold; color:#06C; background-color:#f4f8ff; overflow-x:hidden; overflow-y:auto; } .boardlisttable6 .teacherEditing span.editTitle { font-weight:bold; padding:0px 5px 10px; text-align:left; color:#000 !important; } .infoBox {height:24px; line-height:24px; text-align:left; margin:10px auto; padding:0px 10px; font-size:12px; background-color:#FFF; border:1px solid #dedede; } .workframe .teacherBox2 { clear:both; max-width:100%; height:160px; text-align:left; font-size:13px; font-weight:bold; color:#06C; margin-top:-10px; padding:5px; background-color:#f4f8ff; border:1px solid #d5d5d5; overflow-y:auto; } .boardlisttable23 {clear:both; border-collapse:collapse; max-width:100%; margin:10px auto 0px; background:#dfdfdf; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable23 th {height:31px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background:url(../images/bg/bg_sub_title.jpg) repeat-x left top; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable23 th:first-child { border-left:none; } .boardlisttable23 td {height:28px; margin:0; padding:0 5px; white-space:normal; text-align:center; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5;} .boardlisttable23 td:first-child { border-left:none; } .boardlisttable23 p {text-align:left; } .studentListBox { float:left; width:49%; min-height:10px; } .teacherListBox { float:right; width:49%; min-height:10px; } .studentListTop { height:32px; line-height:32px; padding-left:10px; text-align:left; font-size:13px; font-weight:bold; background-color:#f0f0f0; border:1px solid #dedede; } .teacherListTop { height:32px; line-height:32px; padding-left:10px; text-align:left; font-size:13px; font-weight:bold; background-color:#f0f0f0; border:1px solid #dedede; } .studentList { width:100%; height:110px; overflow-x:hidden; overflow-y:auto; } .teacherList { width:100%; height:110px; overflow-x:hidden; overflow-y:auto; } .popupContent3 .popupBoxTop { width:956px; height:38px; margin:10px auto 0px auto; background:url(../images/bg/bg_box_popup_top.png) no-repeat; } .popupContent3 .popupBoxMd { width:926px; min-height:100px; margin:0px auto; padding:0px 15px; background:url(../images/bg/bg_box_popup_md.png) repeat-y center top; } .popupContent3 .popupBoxMd .btnTop { height:24px; line-height:24px; text-align:right; padding-right:25px; } .popupContent3 .popupBoxMd .tableBox { position:relative; max-width:100%; height:370px; margin:0 25px; overflow-x:hidden; overflow-y:auto; } .popupContent3 .popupBoxMd .tableBox p { text-align:left; } .popupContent3 .popupBoxMd .tableBox li { display:block; line-height:22px; padding-left:15px; text-align:left; color:#2d2d2d; font-size:12px; font-weight:bold; background:url(../images/etc/icon_red.gif) no-repeat left 6px; font-family: 'NanumGothic', serif; } .popupContent3 .popupBoxMd .tableBox .Ntitle { width:840px; height:32px; line-height:32px; margin:5px auto 0; padding-left:25px; text-align:left; color:#9f003c; font-weight:bold; font-size:14px; background:url(../images/etc/icon_search.gif) no-repeat left center; font-family: 'NanumGothic', serif; } .popupContent3 .popupBoxMd .tableBox .Sbox { position:relative; max-width:100%; height:55px; margin:0 auto; } .popupContent3 .popupBoxMd .tableBox .Sbox:after {display:block;visibility:hidden;clear:both;content:""} .popupContent3 .popupBoxMd .tableBox .assementEx { position:relative; max-width:100%; height:35px; margin:0 auto; padding:7px; color:#fff; text-align:left; background:#a71313; border:6px solid #dbdbdb; overflow-x:hidden; overflow-y:auto; } .popupContent3 .popupBoxMd .tableBox .assementExOver { position:absolute; z-index:10; width:844px; height:147px; margin:0 auto; padding:7px; color:#fff; text-align:left; background:#a71313; border:6px solid #dbdbdb; overflow-x:hidden; overflow-y:auto; } .popupContent3 .popupBoxMd .tableBox .assementTitle { position:relative; width:860px; height:37px; line-height:37px; margin:15px auto 5px; text-align:left; font-weight:bold; padding-left:10px; font-size:16px; color:#fff; background:url(../images/bg/bg_assesment_title.png) no-repeat left center; font-family: 'NanumGothic', serif; } .popupContent3 .popupBoxBt { width:956px; height:38px; margin:0px auto 10px auto; background:url(../images/bg/bg_box_popup_bt.png) no-repeat; } /* 141105 추가 */ .assessmentBox { float:left; position:relative; min-width:10px; min-height:10px; margin:5px; padding-right:10px; } .statusBox { position:relative; min-width:10px; line-height:22px; margin:0px 5px; text-align:left; } .homeworkBox { position:relative; width:320px; min-height:10px; margin:0px; background-color:#f1fcff; border:1px solid #cddee5; } .homeworkBox .innerBox { width:310px; max-height:74px; margin:5px auto; overflow-x:hidden; overflow-y:auto; } .homeworkBox .innerBox td { height:18px; line-height:18px; text-align:left; background-color:#f1fcff; border:none; } .studentPoint { float:left; margin:5px;} /* 141106 추가 */ .popuplisttable10 {clear:both; border-collapse:collapse; max-width:100%; margin:0 10px 10px; background:#FFF; border-top:1px solid #d5d5d5; border-right:0px solid #d5d5d5; border-bottom:0px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable10 th {height:18px; color:#2d2d2d; font-weight:bold; font-size:11px !important; font-family: 'NanumGothic', serif; white-space: nowrap; text-align:center; padding:0 10px; background:#f2f6f7; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable10 td { margin:0; padding:2px 5px; text-align:left; vertical-align:middle !important; font-size:11px !important; color:#5d5d5d; background:#FFF; border-top:0px solid #d5d5d5; border-right: 0px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:0px solid #d5d5d5;} .popuplisttable10 p {text-align:left; margin:2px 0; padding:0px !important;} #board_top { position:relataive; z-index:10;min-width:10px; margin:0px 20px; text-align:center;} #board_top li {display:inline; margin:0 10px;} /* 141107 추가 */ .boardlisttable20 {clear:both; position:relative; border-collapse:collapse; max-width:100%; margin:0px auto; background:#dfdfdf; border-top:0px solid #555555; border-right:0px solid #555555; border-bottom:0px solid #555555; border-left:0px solid #555555;} .boardlisttable20 caption { height:32px; line-height:32px; text-align:left; padding-left:10px; font-family: 'NanumGothic', serif; font-size:16px; font-weight:bold; background:#ededed; border-bottom:1px solid #9d9d9d; } .boardlisttable20 th {height:32px; font-weight:bold; white-space: nowrap; text-align:left; padding:0 5px; background:#fcfcfc; border-top:0px solid #9d9d9d; border-right: 0px solid #9d9d9d; border-bottom:1px solid #9d9d9d; border-left:1px solid #9d9d9d; font-family: 'NanumGothic', serif; } .boardlisttable20 th:first-child { border-left:none; } .boardlisttable20 td {line-height:18px; margin:0; padding:0 5px; white-space:normal; text-align:left; background:#FFF; border-top:0px solid #9d9d9d; border-right: 0px solid #9d9d9d; border-bottom:1px solid #9d9d9d; border-left:1px solid #9d9d9d; font-family: 'NanumGothic', serif; } .boardlisttable20 td:first-child { border-left:none; } .boardlisttable20 .printLogo { position:absolute; z-index:10; top:2px; right:2px; width:28px; height:28px; } /*141110 추가 */ .studentBox { position:relative; max-width:100%; max-height:40px; overflow-x:hidden; overflow-y:auto; } .studentBox td { height:16px; line-height:16px; text-align:left; border:none; } .studentBox_over { position:relative; max-width:100%; max-height:80px; overflow-x:hidden; overflow-y:auto; } .studentBox_over td { height:16px; line-height:16px; text-align:left; border:none; } .homeclassBox { max-width:100%; max-height:150px; margin:5px; padding:10px; text-align:left; word-break:break-all; overflow-x:hidden; overflow-y:auto; } .topStudent { float:left; width:200px; height:24px; line-height:24px; padding-left:10px; text-align:left; font-weight:bold; color:#06C; font-size:14px; font-family: 'NanumGothic', serif; } /* 140612 추가 */ .consultingLayer { position:absolute; z-index:15; top:20px; left:50%; width:531px; height:583px; min-height:0px; margin-left:0px; background:url(../images/bg/bg_popup07.png) no-repeat; } .consultingLayer img { width:493px; height:516px; margin:26px auto 0; } .consultingLayer .btISO { height:25px; margin-top:15px; } .consultingLayer .btISO .left { height:25px; text-align:left; padding-left:10px; color:#2d2d2d; font-size:12px !important; } .consultingLayer .btISO .right { height:25px; text-align:right; padding-right:10px; } .consultingLayer .btISO img { width:51px; height:16px; border:none; margin:0 !important; } /* 141205 추가 */ .passLayer { position:absolute; z-index:120; top:99px; left:70%; width:341px; height:582px; min-height:0px; margin-left:0px; background-color:Silver; } .passLayer .btISO { position:absolute; z-index:130; left:0px; bottom:3px; width:100%; height:25px; } .passLayer .btISO .left { height:25px; text-align:left; padding-left:10px; color:#2d2d2d; font-size:12px !important; } .passLayer .btISO .right { height:25px; text-align:right; padding-right:10px; } .passLayer .btISO img { width:51px; height:16px; border:none; margin:0 !important; } .photoslider-mini { width: 558px; height: 715px; margin:26px auto 0px; } /* 141226 추가 */ .telLayer { position:relative; width:170px; min-height:10px; border:1px solid #9d9d9d; background:#fff; -webkit-box-shadow: #9d9d9d 1px 1px 5px; -moz-box-shadow: #9d9d9d 1px 1px 5px; box-shadow: #9d9d9d 1px 1px 5px; behavior: url(../pie/PIE.htc); display:none; } .telTitle { position:relative; width:160px; height:35px; line-height:35px; text-align:left; margin-top:1px; padding-left:10px; font-size:14px; font-weight:bold; color:#098dd9; border-bottom:3px solid #098dd9; font-family: 'NanumGothic', serif; background: #f0f0f0; background: -webkit-gradient(linear, 0 top, 50% bottom, from(#f0f0f0), to(#dedede)); background: -webkit-linear-gradient(#f0f0f0, #dedede); background: -moz-linear-gradient(#f0f0f0, #dedede); background: -ms-linear-gradient(#f0f0f0, #dedede); background: -o-linear-gradient(#f0f0f0, #dedede); background: linear-gradient(#f0f0f0, #dedede); -pie-background: linear-gradient(#f0f0f0, #dedede); behavior: url(../pie/PIE.htc); } .telList { max-width:100%; min-height:10px; margin:2px; background:#fff; } .telList td { position:relative; height:42px; padding-left:10px; font-family: 'NanumGothic', serif; } .telList strong { font-family: 'NanumGothic', serif; } .telList td.evenList { background-color: #d9e4ea; } /* 150102 추가 */ .telList td:hover { max-width:170px !important; height:42px; padding-left:10px; text-align:left; font-size:12px; font-weight:bold; text-decoration:none; background-color:#dedede; font-family: 'NanumGothic', serif; } .telList td:first-child { border-top-color:#f0f0f0; } .telList a.telBtn:link, a.telBtn:visited, a.telBtn:active { color:#2d2d2d; text-decoration:none; font-family: 'NanumGothic', serif; } .telList a.telBtn:hover { color:#2d2d2d; text-decoration:none; font-family: 'NanumGothic', serif; } .subLink2 { display:none; position:relative; } .subLink2 ul { position:absolute; z-index:15; top:-10px; left:-210px; width:200px; border:1px solid #dedede; -webkit-box-shadow: #9d9d9d 3px 3px 5px; -moz-box-shadow: #9d9d9d 3px 3px 5px; box-shadow: #9d9d9d 3px 3px 5px; behavior: url(../pie/PIE.htc); } .subLink2 li { position:relative; display:block; height:32px; line-height:32px; padding-left:10px; font-size:12px; text-align:left; background-color:#fff; border-top:1px solid #dedede; border-bottom:1px solid #fff; text-decoration:none; font-family: 'NanumGothic', serif; } .subLink2 li.evenList { background-color: #dee3e8; } .subLink2 li:hover { height:32px; line-height:32px; padding-left:10px; text-align:left; font-size:12px; font-weight:bold; text-decoration:none; background-color:#dedede; font-family: 'NanumGothic', serif; } .subLink2 a.telBtn2:link, a.telBtnBtn2:visited, a.telBtnBtn2:active { color:#2d2d2d; text-decoration:none; font-family: 'NanumGothic', serif; } .subLink2 a.telBtn2:hover { color:#2d2d2d; text-decoration:none; font-family: 'NanumGothic', serif; } .telLayer2 { position:relative; width:223px; min-height:10px; background-color:#fff; border:1px solid #dedede; -webkit-box-shadow: #9d9d9d 3px 3px 5px; -moz-box-shadow: #9d9d9d 3px 3px 5px; box-shadow: #9d9d9d 3px 3px 5px; behavior: url(../pie/PIE.htc); } .telLayer2 ul { position:relative; max-width:100%; } .telLayer2 li { position:relative; display:block; height:40px; line-height:40px; padding-left:10px; font-size:14px; text-align:left; background-color:#f0f0f0; border-top:1px solid #dedede; border-bottom:1px solid #fff; text-decoration:none; } .telLayer2 li.evenList { background-color: #d5d5d5; } .telLayer2 li:hover { height:40px; line-height:40px; padding-left:10px; text-align:left; font-size:14px; font-weight:bold; text-decoration:none; background-color:#b4b4b4; font-family: 'NanumGothic', serif; } .telLayer2 li:first-child { border-top-color:#f0f0f0; } .telLayer2 a.linkBtn:link, a.linkBtnBtn:visited, a.linkBtnBtn:active { color:#2d2d2d; text-decoration:none; font-family: 'NanumGothic', serif; } .telLayer2 a.linkBtn:hover { color:#2d2d2d; text-decoration:none; font-family: 'NanumGothic', serif; } .telLayer2 .telLink { line-height:20px; font-family: 'NanumGothic', serif; } .subLink { display:none; position:relative; width:200px; } .subLink ul { position:absolute; z-index:15; top:0px; left:-210px; width:100%; border:1px solid #dedede; -webkit-box-shadow: #9d9d9d 3px 3px 5px; -moz-box-shadow: #9d9d9d 3px 3px 5px; box-shadow: #9d9d9d 3px 3px 5px; behavior: url(../pie/PIE.htc); } .subLink li { position:relative; display:block; height:32px; line-height:32px; padding-left:10px; font-size:12px; text-align:left; background-color:#f0f0f0; border-top:1px solid #dedede; border-bottom:1px solid #fff; text-decoration:none; font-family: 'NanumGothic', serif; } .subLink li.evenList { background-color: #c8ced5; } .subLink li:hover { height:32px; line-height:32px; padding-left:10px; text-align:left; font-size:12px; font-weight:bold; text-decoration:none; background-color:#b4b4b4; font-family: 'NanumGothic', serif; } .subLink a.linkBtn2:link, a.linkBtnBtn2:visited, a.linkBtnBtn2:active { color:#2d2d2d; text-decoration:none; font-family: 'NanumGothic', serif; } .subLink a.linkBtn2:hover { color:#2d2d2d; text-decoration:none; font-family: 'NanumGothic', serif; } .wine2 {font-weight:bold; color:#9f003c; font-style: normal; font-family: 'NanumGothic', serif; } .wine21 {color:#9f003c; font-weight:normal; font-style: normal; font-family: 'NanumGothic', serif; } .arrowBox { position:absolute; z-index:20; top:12px; right:10px; width:15px; height:15px; } .arrowBox2 { position:absolute; z-index:20; top:12px; right:10px; width:15px; height:15px; } /* 150106 추가 오버라이드 방식 */ .EXPLayer2 .bgEXP { width:392px; height:520px; margin:43px auto 18px auto; } /* 150209 추가 */ .box_popup4 { display:inline-block; width:1230px; min-height:200px; margin:0 auto; background:#fff; overflow-x:hidden;} .title_listening05 { position:relative; height: 20px; margin:10px auto 5px auto; padding-left:110px; text-align:left; vertical-align:baseline; background:url(../images/etc/title_listening01.gif) no-repeat 10px top; } .btn01 { position:absolute; z-index:9999; top:-1px; right:315px; width:110px; height:22px; } .btn02 { position:absolute; z-index:9999; top:-1px; right:160px; width:149px; height:22px;} .btn03 { position:absolute; z-index:9999; top:-1px; right:10px; width:143px; height:22px;} .bgContentBox { margin-top:10px; font-size:14px; text-align:left; padding:5px; color:#000; color:#2d2d2d; font-family: Arial, Helvetica, sans-serif, 'Malgun Gothic', "맑은고딕", ngeot; border:7px solid #dedede;} .bgContentBox ul > li { display:inline-block; font-size:14px; } .content01 { width:480px; } .content02 { width:300px; } .bgContentBox2 { margin-bottom:10px; font-size:12px; text-align:left; padding:5px; color:#000; color:#2d2d2d; font-family: Arial, Helvetica, sans-serif, 'Malgun Gothic', "맑은고딕", ngeot; border:7px solid #dedede;} .bgContentBox2 ol > li { padding:5px; } .box_popup4 .qbox { width:907px; max-height:600px; margin:0 auto; padding:5px; border-top:6px solid #009cca; border-right:1px solid #0087bd; border-bottom:1px solid #0087bd; border-left:1px solid #0087bd; overflow:auto; } .box_popup4 .title_question { width:887px; min-height:22px; line-height:22px; margin:0px auto 5px auto; text-align:left; font-size:14px; text-decoration:underline; color:#5d5d5d; font-family: 'NanumGothic', serif; } .box_popup4 .title_question01 { float:left; width:400px; min-height:24px; line-height:30px; text-align:left; vertical-align:top; font-size:20px; font-weight:bold; color:#9d9d9d; font-family: 'NanumGothic', serif; } .box_popup4 .title_question02 { min-height:16px; line-height:20px; margin:-5px auto; padding:0px 20px; text-align:left; font-size:14px; text-decoration:underline; color:#5d5d5d; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup4 .img_question { position:relative; z-index:100; max-height:200px; margin:-5px 0px 15px; vertical-align:top; overflow:auto; } .box_popup4 .answerBox { margin-top:-10px; padding:5px 10px 0px; } .box_popup4 .answerBox p {text-align:left; } .box_popup4 .answerBox li {min-height:22px; line-height:20px; !important; text-align:left; color:#5d5d5d; font-size:18px; font-family: 'NanumGothic', serif; text-decoration:none; } .box_popup4 .bg_end_top { width:787px; height:173px; margin:20px auto 0px auto; background:url(../images/bg/bg_listening_end_top.gif) no-repeat; } .box_popup4 .bg_end_top2 { width:787px; height:173px; margin:20px auto 0px auto; background:url(../images/bg/bg_listening_end_top2.gif) no-repeat; } .box_popup4 .bg_end_md { width:487px; margin:0px auto; padding:0px 200px; text-align:left; background:url(../images/bg/bg_listening_end_md.gif) repeat-y; } .box_popup4 .bg_end_md .Text {width:444px; height:169ps; margin:0px auto 0px auto; font-size:14px; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup4 .bg_end_md .Text2 { width:444px; height:24px; margin:20px auto 10px auto; color:#d01f4c; font-size:20px; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup4 .bg_end_md .Text3 { width:500px; height:24px; margin:20px auto 10px auto; color:#386b74; font-size:20px; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup4 .bg_end_md .WAbox { width:480px; max-height:300px; margin:0px auto; overflow-x:hidden; overflow-y:auto; } .box_popup4 .bg_end_bt { width:787px; height:38px; margin:0px auto; background:url(../images/bg/bg_listening_end_bt.gif) no-repeat; } .box_popup4 .content_top { width:787px; margin:0 auto; } .box_popup4 .content_top .top_btn { float:right; width:166px; } .box_popup4 .btn_content { position:absolute; z-index:120; width:166px; height:42px; margin:-12px 20px 0px 0px; } .box_popup4 .btn_content2 { position:absolute; z-index:130; width:166px; height:42px; margin:-12px 20px 0px 0px; } .box_popup4 .bg_content_top { clear:both; width:887px; height:24px; margin:0px auto; background:url(../images/bg/bg_listening_top.gif) no-repeat; } .box_popup4 .bg_content_md { width:839px; margin:0px auto; padding:0px 24px 5px 24px; text-align:left; background:url(../images/bg/bg_listening_md.gif) repeat-y; } .box_popup4 .bg_content_md .md_text { margin-top:-10px; font-size:14px; color:#000; color:#2d2d2d; font-family: Arial, Helvetica, sans-serif, 'Malgun Gothic', "맑은고딕", ngeot; } .box_popup4 .bg_content_bt { width:887px; margin:0px auto 10px auto; border-top:7px solid #e9e9e9; } .box_popup4 .right_box_top { width:278px; height:48px; margin:10px auto 0px auto; background:url(../images/bg/bg_level_test_right_top.png) no-repeat center bottom; } .box_popup4 .right_box_top .level_answer_top { height:33px; padding:15px 0px 0px 30px; text-align:left; font-size:16px; color:#980039; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup4 .right_box_top .time { float:left; padding-top:14px; font-size:18px; color:#06F; font-weight:bold; font-family: 'NanumGothic', serif; } .box_popup4 .right_box_bt { width:278px; height:723px; margin:0px auto 10px auto; } .box_popup4 .right_box_bt .level_answer_md { width:278px; height:650px; margin:0px auto; background:url(../images/bg/bg_level_test_right_md.png) repeat-y center top; } .box_popup4 .right_box_bt .level_answer_md .level_table { width:238px; height:650px; margin:0 auto; overflow-y:auto; overflow-x:hidden; } .box_popup4 .right_box_bt .level_answer_md .level_table th { height:22px; line-height:18px; text-align:center; padding:0px 5px; } .box_popup4 .right_box_bt .level_answer_md .level_table th.number { width:30px; } .box_popup4 .right_box_bt .level_answer_md .level_table td { height:22px; line-height:18px; text-align:left; vertical-align:middle; padding:0px 5px; } .box_popup4 .right_box_bt .level_answer_md .level_table td.number { text-align:center; } .box_popup4 .right_box_bt .level_answer_md .level_table td.number2 { text-align:center; color:#9d9d9d; } .box_popup4 .right_box_bt .level_answer_md .level_table td.essential { color:#9d9d9d; } .box_popup4 .right_box_bt .level_answer_bt { width:278px; height:14px; margin:0px auto; background:url(../images/bg/bg_level_test_right_bt.png) no-repeat; } .listen_left { float:left; width:920px; } .listen_right { float:right; width:300px; } /* 150302 추가 */ .listeningLayer { position:absolute; z-index:15; top:20px; left:50%; width:336px; min-height:475px; margin-left:5px; background-color:#f0f0f0; -webkit-box-shadow: #9d9d9d 0px 0px 5px; -moz-box-shadow: #9d9d9d 0px 0px 5px; box-shadow: #9d9d9d 0px 0px 5px; behavior: url(/pie/PIE.htc); } .listeningLayer img { margin-left:-1px; } .listeningLayer .btEXP {} .listeningLayer .btEXP .left { float:left; display:inline-block; height:25px; line-height:25px; padding-left:10px; color:#2d2d2d; } .listeningLayer .btEXP .right { float:right; display:inline-block; height:20px; margin-top:5px; padding-right:10px; } .listeningLayer .btEXP img { width:51px; height:16px; border:none; } /* 150506 추가 */ .teachersdayLayer { position:absolute; z-index:15; top:20px; left:50%; width:336px; min-height:475px; margin-left:5px; background-color:#f0f0f0; -webkit-box-shadow: #9d9d9d 0px 0px 5px; -moz-box-shadow: #9d9d9d 0px 0px 5px; box-shadow: #9d9d9d 0px 0px 5px; behavior: url(/pie/PIE.htc); } .teachersdayLayer img { margin-left:-1px; } .teachersdayLayer .btEXP {} .teachersdayLayer .btEXP .left { float:left; display:inline-block; height:25px; line-height:25px; padding-left:10px; color:#2d2d2d; } .teachersdayLayer .btEXP .right { float:right; display:inline-block; height:20px; margin-top:5px; padding-right:10px; } .teachersdayLayer .btEXP img { width:51px; height:16px; border:none; } /* 150602 추가 */ .mentoringBox { position:relative; width:732px; min-height:30px; margin:0 auto 10px; background-color:#f0f0f0; border:1px solid #c8c8c8; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(/pie/PIE.htc); } .mentoringNum { display:inline-block; position:relative; min-width:50px; height:38px; line-height:38px; margin:5px 5px; padding:0 10px; font-size:18px; font-weight:bold; text-align:left; color:#9f003c; background-color:#fffed7; border:1px solid #d5d00b; font-family: 'NanumGothic', serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(/pie/PIE.htc); } .mentoringText { display:inline-block; position:relative; min-width:50px; height:38px; line-height:38px; margin:5px 0; padding:0 10px; font-size:18px; font-weight:bold; text-align:left; color:#2d2d2d; background-color:#d7fdff; border:1px solid #74c7cb; font-family: 'NanumGothic', serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(/pie/PIE.htc); } .btnMore { position:absolute; z-index:10; top:5px; right:5px; } .W140 { width:140px !important; } .W200 { width:200px !important; } .H48 { height:48px !important; line-height:48px !important; } .mentoringList { position:relative; max-width:100%; height:66px; margin:5px; padding:5px 50px 0 0; border-top:1px solid #c8c8c8; overflow:hidden; } .mentoringList td {float:left; text-align:left; height:22px; line-height:22px; padding-left:5px; } .box_popup .mentoring_title {float:left; width:150px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_mentoring.jpg) no-repeat 20px 12px; text-indent:-9999px; } .box_popup .bg_mentoring_top { position:absolute; z-index:10; top:0; left:50%; margin-left:-300px; width:599px; height:113px; background:url(../images/etc/img_mentoring_top.png) no-repeat center top; text-indent:-9999px; } .box_popup .mentoring_point { position:relative; width:820px; height:40px; line-height:40px; margin:60px auto 15px; text-align:center; font-size:18px; font-weight:bold; color:#0c9ae4; background-color:#edfbff; border:1px solid #35c2e5; font-family: 'NanumGothic', serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(/pie/PIE.htc); } .box_popup .mentoring_box { position:relative; width:800px; min-height:10px; margin:0 auto; } .box_popup .mentoring_list { display:inline-block; float:left; text-align:left; font-size:18px; font-weight:bold; color:#9f003c; font-family: 'NanumGothic', serif; } .box_popup .mentoring_date { display:inline-block; float:right; text-align:left; font-size:18px; font-weight:bold; color:#009f13; font-family: 'NanumGothic', serif; } .box_popup .mentoring_search { position:relative; width:790px; min-height:10px; margin:10px auto 15px; padding:5px; background-color:#fbfbfb; border:1px solid #dedede; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(/pie/PIE.htc); } .mentoring_search td { padding:2px; } .mentoring_search .TAR { text-align:right; } .mentoring_search .VAM { vertical-align:middle; } .listTableBox { position:relative; width:800px; min-height:10px; margin:0 auto; } .listTableBox .tableLeftBox { float:left; width:270px; min-height:10px; } .listTableBox .tableRightBox { float:right; width:520px; min-height:10px; } .mentoringlisttable { position:relative; width:100%; border-top:3px solid #1e65bd; border-right:1px solid #dedede; } .mentoringlisttable th { text-align:center; height:24px; line-height:24px; text-align:center; font-weight:normal; color:#000; background-color:#f3f9ff; border-bottom:1px solid #dedede; border-left:1px solid #dedede; } .mentoringlisttable td { text-align:center; height:24px; vertical-align:middle; border-bottom:1px solid #dedede; border-left:1px solid #dedede; } .mentoringlisttable p { text-align:left; margin:0; padding:2px; } /* 버튼 */ .btn_check2 { display:inline-block; width:100px; height:24px; line-height:24px; text-align:center; font-size:12px; color:#fff; text-decoration:none; background-color:#125fa1; border:1px solid #084579; font-family: 'NanumBarunGothic', serif; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; } .btn_check2:hover { height:24px; line-height:24px; color:#fff; background-color:#3d89c9; border:1px solid #084579; } .btn_cancel2 { display:inline-block; width:100px; height:24px; line-height:24px; text-align:center; font-size:12px; color:#fff; text-decoration:none; background-color:#2d2d2d; border:1px solid #000; font-family: 'NanumBarunGothic', serif; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; } .btn_cancel2:hover { height:24px; line-height:24px; color:#fff; background-color:#5d5d5d; border:1px solid #000; } .btn_small2 { display:inline-block; min-width:40px; height:18px; line-height:18px; padding:0px 10px; text-align:center; font-size:12px; color:#2d2d2d; text-decoration:none; background-color:#fff; border:1px solid #c8c8c8; font-family: 'NanumBarunGothic', serif; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; } .btn_small2:hover { height:18px; line-height:18px; color:#2d2d2d; background-color:#f9f9f9; border:1px solid #c8c8c8; } .btn_red2 { display:inline-block; width:80px; height:24px; line-height:24px; text-align:center; font-size:12px; color:#fff; text-decoration:none; background-color:#c90202; border:1px solid #940000; font-family: 'NanumBarunGothic', serif; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; } .btn_red2:hover { height:24px; line-height:24px; color:#fff; background-color:#e42626; border:1px solid #940000; } .btn_basic2 { display:inline-block; min-width:40px; height:24px; line-height:24px; padding:0px 10px; text-align:center; font-size:12px; color:#2d2d2d; text-decoration:none; background-color:#fff; border:1px solid #c8c8c8; font-family: 'NanumBarunGothic', serif; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; } .btn_basic2:hover { height:24px; line-height:24px; color:#2d2d2d; background-color:#f9f9f9; border:1px solid #c8c8c8; } /* 2015.06.25 추가 */ .vacationLayer { position:absolute; z-index:1040; top:20px; left:50%; width:440px; height:480px; min-height:0px; margin-left:-198px; } .vacationLayer .btISO { position:relative; height:25px; margin-top:126px; } .vacationLayer .btISO .left { height:25px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .vacationLayer .btISO .right { height:25px; text-align:right; padding-right:15px; } .vacationLayer .btISO img { width:51px; height:16px; border:none; margin:0 !important; } .vacationLayer .title_box {width:369px; height:32px; margin:112px 0px 7px 17px; } .vacationLayer .title_box li {display:inline-block; margin:0 4px; } .vacationLayer ul.tabs2 { margin-left: -3px; padding: 0; list-style: none; height: 32px; width: 100%; } .vacationLayer ul.tabs2 li { float:left; margin-right: 0; padding: 0; position: relative; } .vacationLayer ul.tabs2 li:first-child { margin-right:-1px; } .vacationLayer ul.tabs2 li a.selected img { display:none; } .vacationLayer ul.tabs2 li a.selected img.over { display:inline; border:0; } .vacationLayer .tab_container2 { position:relative; width: 379px; height:178px; margin-left:5px; } .vacationLayer .btn { position:absolute; z-index:25; top:352px; left:60px; width:280px; } .vacationLayer .tab_content2 {margin:0 4px;} .simsonVodBox { position:relative; width:295px; height:188px; padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background:#FFEEFA; border:1px solid #F0D1E8; /* background: -webkit-gradient(linear, 0 top, 50% bottom, from(#68c258), to(#4c9640)); background: -webkit-linear-gradient(#68c258, #4c9640); background: -moz-linear-gradient(#68c258, #4c9640); background: -ms-linear-gradient(#68c258, #4c9640); background: -o-linear-gradient(#68c258, #4c9640); background: linear-gradient(#68c258, #4c9640); -pie-background: linear-gradient(#68c258, #4c9640); */ behavior: url(../pie/PIE.htc); } .simsonVodS { display:block; position:relative; width:295px; height:188px; margin-bottom:10px; border:1px solid #5d5d5d; background-color:transparent; } .simsonVodS span.vodEx { position:absolute; z-index:15; top:15px; left:0px; width:295px; font-size:18px; padding:10px 0px; text-align:center; color:#fff; background:url(../images/bg/bg_over.png) repeat; font-family:'NanumBarunGothic';} .simsonVodS span.vodBtn { position:absolute; z-index:15; top:70px; left:110px; width:75px; height:75px; background:url(../images/btn/btn_vod-start.png) no-repeat center center; cursor:pointer; } .simsonVod { position:relative; display:none; position:relative; width:295px; height:188px; margin-bottom:10px; border:1px solid #5d5d5d; background: #9d9d9d; } .simsonVodBox2 { position:relative; width:305px; height:188px; margin-right:5px; padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f0f0f0; border:1px solid #dedede; /* background: -webkit-gradient(linear, 0 top, 50% bottom, from(#68c258), to(#4c9640)); background: -webkit-linear-gradient(#68c258, #4c9640); background: -moz-linear-gradient(#68c258, #4c9640); background: -ms-linear-gradient(#68c258, #4c9640); background: -o-linear-gradient(#68c258, #4c9640); background: linear-gradient(#68c258, #4c9640); -pie-background: linear-gradient(#68c258, #4c9640); */ behavior: url(../pie/PIE.htc); } .simsonVodS2 { display:block; position:relative; width:305px; height:188px; margin-bottom:10px; border:1px solid #5d5d5d; background-color:transparent; } .simsonVodS2 span.vodEx { position:absolute; z-index:15; top:15px; left:0px; width:305px; font-size:18px; padding:10px 0px; text-align:center; color:#fff; background:url(../images/bg/bg_over.png) repeat; font-family:'NanumBarunGothic';} .simsonVodS2 span.vodBtn2 { position:absolute; z-index:15; top:70px; left:100px; width:75px; height:75px; background:url(../images/btn/btn_vod-start.png) no-repeat center center; cursor:pointer; } .simsonVod2 { position:relative; display:none; position:relative; width:305px; height:188px; margin-bottom:10px; border:1px solid #5d5d5d; background: #9d9d9d; } /* 150629 추가 */ .bookingBox {width:100%; min-height:215px; margin:25px 0 20px 0;} .bookingBox:after {display:block;visibility:hidden;clear:both;content:""} .bookingLeftBox { float:left; width:440px; } .bookingTitle { width:100%; height:13px; margin-bottom:10px; background:url(../images/etc/title_special_lecture01.gif) no-repeat 30px center; } .bookingCopy { width:100%; height:215px; background:url(../images/etc/img_04_01_copy.jpg) no-repeat; } .bookingRightBox { position:relative; float:right; width:315px; height:208px; } .bookingRightBox2 { position:relative; float:right; width:325px; height:208px; } .vodTitle { width:100%; height:13px; margin-bottom:10px; background:url(../images/etc/title_special_vod01.gif) no-repeat 30px center; } .boardlisttable5 .selectBox { max-width:100%; line-height:18px; margin:0; padding:5px; border:3px #9f003c solid; } .selectBox:after {display:block;visibility:hidden;clear:both;content:""} .selectBox .leftBox { float:left; position:relative; text-align:left; width:390px; min-height:10px; } .leftInBox { max-width:100%; height:125px; padding:5px; text-align:left; color:#1C5BB0; font-weight:bold; border:2px dashed #11467E; overflow:hidden; overflow-y:auto; } .vodFrame { position:relative; width:330px; height:213px; overflow:hidden; } /* 150710 추가 */ .specialTest { position:relative; width:695px; height:530px; margin-left:20px; padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff1ee; border:1px solid #ffaf9e; /* background: -webkit-gradient(linear, 0 top, 50% bottom, from(#68c258), to(#4c9640)); background: -webkit-linear-gradient(#68c258, #4c9640); background: -moz-linear-gradient(#68c258, #4c9640); background: -ms-linear-gradient(#68c258, #4c9640); background: -o-linear-gradient(#68c258, #4c9640); background: linear-gradient(#68c258, #4c9640); -pie-background: linear-gradient(#68c258, #4c9640); */ behavior: url(../pie/PIE.htc); } .testTitle { position:relative; height:48px; margin:20px auto; padding:5px; text-align:center; font-size:38px; font-weight:bold; font-family:'NanumBarunGothic'; } .testEx { position:relative; line-height:24px; margin:0 auto 30px; text-align:left; font-size:18px; font-family:'NanumBarunGothic'; } .btBox { position:absolute; z-index:9999; bottom:30px; left:0px; width:100%; min-height:32px; text-align:center; } /* 150728 추가 */ .eventLayer { position:absolute; z-index:1040; top:20px; left:50%; width:396px; height:488px; min-height:0px; margin-left:-198px; background:url(../images/bg/bg_coffee_event.png) no-repeat; } .eventLayer .btISO { position:relative; height:25px; margin-top:37px; } .eventLayer .btISO .left { height:25px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .eventLayer .btISO .right { height:25px; text-align:right; padding-right:15px; } .eventLayer .btISO img { width:51px; height:16px; border:none; margin:0 !important; } .eventLayer .btn_box {width:356px; height:32px; margin:8px auto 7px; } .eventPopup { position:fixed; z-index:1060; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:url(../images/bg/bg_coffee_event.gif) repeat; overflow:auto; } .eventTitle { position:fixed; z-index:1070; top:0; right:0; left:0; width:100%; height:48px; line-height:48px; text-align:center; font-size:30px; font-weight:bold; color:#fff; background-color:#27221e; font-family: 'NanumGothic', serif; } .eventTitle .close { float:right; display:inline-block; padding:9px; text-align:center; font-size:30px; color:#fff; cursor:pointer; } .branchBox { position:relative; width:333px; height:396px; text-align:center; background:url(../images/bg/bg_coffee_branch.png) no-repeat center top; } .eventTop { width:100%; min-height:50px; padding:7px 0; background:url(../images/bg/bg_coffee_event_top.gif) repeat; } .eventTop ul { width:1010px; margin:0 auto; } .eventTop ul:after {display:block;visibility:hidden;clear:both;content:""} .eventTop li { float:left; display:inline-block; margin-left:3px; } .branchTitle { width:313px; height:50px; line-height:50px; margin-top:4px; padding-left:20px; text-align:left; color:#fff; font-size:24px; font-weight:bold; font-family: 'NanumGothic', serif; } .branchEx { display:inline-block; color:#FFED00; font-size:18px; font-weight:bold; font-family: 'NanumGothic', serif; } .branchLocation { height:52px; line-height:52px; font-size:16px; text-align:center; color:#663525; font-family: 'NanumGothic', serif; } .eventContent { width:1000px; min-height:10px; margin:10px auto; } .contentEx { font-size:18px; color:#000; margin-left:40px;} .contentEx li { line-height:24px; text-align:left; padding:10px 0; list-style:outside; font-weight:500; font-family: 'NanumGothic', serif; } .listTable { margin:20px auto; padding:10px 140px; background-color:#fffbf7; border:1px solid #f2cdab; } .listTable td { height:32px; font-size:14px; color:#000000; font-family: 'NanumGothic', serif; } .btnBox { min-height:47px; margin:30px 0; text-align:center; } .eventStep01 { width:1000px; height:64px; margin:68px auto 10px; background:url(../images/bg/bg_step01.png) no-repeat; } .eventStep01 .selected { display:inline-block; float:left; width:33.333333%; height:64px; line-height:64px; text-align:center; font-size:36px; font-weight:bold; color:#fff; font-family: 'NanumGothic', serif; } .eventStep01 .unSelected { display:inline-block; float:left; width:33.333333%; height:64px; line-height:64px; text-align:center; font-size:36px; font-weight:bold; color:#7b4723; font-family: 'NanumGothic', serif; } .eventStep02 { width:1000px; height:64px; margin:68px auto 10px; background:url(../images/bg/bg_step02.png) no-repeat; } .eventStep02 .selected { display:inline-block; float:left; width:33.333333%; height:64px; line-height:64px; text-align:center; font-size:36px; font-weight:bold; color:#fff; font-family: 'NanumGothic', serif; } .eventStep02 .unSelected { display:inline-block; float:left; width:33.333333%; height:64px; line-height:64px; text-align:center; font-size:36px; font-weight:bold; color:#7b4723; font-family: 'NanumGothic', serif; } .eventStep03 { width:1000px; height:64px; margin:68px auto 10px; background:url(../images/bg/bg_step03.png) no-repeat; } .eventStep03 .selected { display:inline-block; float:left; width:33.333333%; height:64px; line-height:64px; text-align:center; font-size:36px; font-weight:bold; color:#fff; font-family: 'NanumGothic', serif; } .eventStep03 .unSelected { display:inline-block; float:left; width:33.333333%; height:64px; line-height:64px; text-align:center; font-size:36px; font-weight:bold; color:#7b4723; font-family: 'NanumGothic', serif; } .eventInfo { margin-top:20px; text-align:center; font-size:24px; font-weight:bold; color:#7b4723; } .eventInfo .under { text-decoration:underline; font-family: 'NanumGothic', serif; } .vodTopTitle { margin:20px 0 0px; height:36px; line-height:36px; text-align:center; font-size:30px; font-weight:bold; color:#000; font-family: 'NanumGothic', serif; } .eventVod { position:relative; display:inline-block; min-height:10px; margin:10px auto 5px auto; padding:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #ececec; border:1px solid #dedede; background: -webkit-gradient(linear, 0 top, 50% bottom, from(#ffffff), to(#ececec)); background: -webkit-linear-gradient(#ffffff, #ececec); background: -moz-linear-gradient(#ffffff, #ececec); background: -ms-linear-gradient(#ffffff, #ececec); background: -o-linear-gradient(#ffffff, #ececec); background: linear-gradient(#ffffff, #ececec); -pie-background: linear-gradient(#ffffff, #ececec); behavior: url(../pie/PIE.htc); } /* 150810 추가 */ /* location Tab Navigation */ .newTabBox { position:relative; z-index:5 !important; float:left; width:100%; height:33px; line-height:33px; margin-top:20px; border-bottom:2px solid #000; } .newTabBox:after {display:block;visibility:hidden;clear:both;content:""} .newTabBox ul { position:relative; width:auto; height:32px; text-align:left; /* margin-left:160px; */ } .newTabBox li { position:relative; display:inline-block; height:34px; line-height:34px; text-align:center; color:#2d2d2d; margin-left:-8px; } .newTabBox li:first-child { margin-left:-1px; } .newTabBox a.tabBtn:link, a.tabBtn:visited, a.tabBtn:active { position:relative; z-index:4; float:left; display:inline-block; min-width:45px; height:28px; line-height:32px; text-align:center; font-size:11px; color:#2d2d2d; text-decoration:none; margin:3px 0px 0px 1px; padding:0 5px; background-color:#f0f0f0; border:2px solid #dedede; border-bottom:none; font-family: 'NanumBarunGothic', serif; /* -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; */ } .newTabBox a.tabBtn:hover { position:relative; z-index:6; height:34px; line-height:40px; margin:-1px 0px 0px 1px; color:#2d2d2d; background-color:#fff; border:2px solid #000; border-bottom:none; } .newTabBox a.tabSelected:link, a.tabSelected:visited, a.tabSelected:active { position:relative; z-index:6; float:left; display:inline-block; min-width:60px; height:34px; line-height:40px; text-align:center; font-size:11px; color:#2d2d2d; text-decoration:none; margin:-1px 0px 0px 1px; padding:0 5px; background-color:#fff; border:2px solid #000; border-bottom:none; font-family: 'NanumBarunGothic', serif; /* -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; */ } .DB { display:block; } .TAC { text-align:center; } .reservationTable { margin:0 40px;} .reservationTable th { font-size:12px; color:#5d5d5d; } .reservationTable td { text-align:left; } /* 150811 추가 */ .tabSelectBox { float:left; width:25%; height:33px; margin-top:20px; } .tabInSelect { display:block; max-width:100%; height:33px; line-height:33px; text-align:left; padding-left:10px; color:#2d2d2d; font-family: 'NanumBarunGothic', serif; background-color:#f0f0f0; border:1px solid #c8c8c8; cursor:pointer; } .tabInSelectOn { display:block; max-width:100%; height:33px; line-height:33px; text-align:left; padding-left:10px; color:#2d2d2d; font-family: 'NanumBarunGothic', serif; background-color:#dedede; border:1px solid #9d9d9d; cursor:pointer; } .tabArrowDown { position:relative; display:inline-block; float:right; height:24px; margin:5px 0px; padding:0 20px; background:url(../images/etc/icon_arrow_down.png) no-repeat center center; border-left:1px solid #c8c8c8; text-indent:-9999px; } .tabArrowUp { position:relative; display:inline-block; float:right; height:24px; margin:5px 0px; padding:0 20px; background:url(../images/etc/icon_arrow_up.png) no-repeat center center; border-left:1px solid #c8c8c8; text-indent:-9999px; } ul.tabListBox { position:relative; z-index:5; display:block; width:188px; min-height:10px; margin-left:-11px; background-color:#fff; border:1px solid #c8c8c8; list-style:none; border-top:none; display:none; } ul.tabListBox li { display:block; height:32px; line-height:32px; text-align:left; padding-left:10px; border-top:1px solid #dedede; } ul.tabListBox li:hover { background-color:#f9f9f9; } ul.tabListBox a:link, ul.tabListBox a:visited, ul.tabListBox a:active { display:block; color:#2d2d2d; font-family: 'NanumBarunGothic', serif; text-decoration:none; } ul.tabListBox a:hover { color:#980039; } .newTabBox2 { position:absolute; z-index:5; width:70%; height:33px; line-height:33px; top:-63px !important; right:0; border-bottom:2px solid #000; } .coffee_event_title { position:absolute; z-index:50; top:60px; left:17px; } .radioBox { position:relative; margin:10px 0 0; padding:10px; color:#0094E7; font-size:20px; font-weight:bold; background-color:#fff6f9; border:3px dotted #980039; font-family: 'Nanum Gothic', serif; } .tab_content3 {margin-top:20px;} .tab_content4 {margin-top:20px;} .tab_content5 {margin-top:20px;} .tab_content6 {margin-top:20px;} .board_title {max-width:100%; height:30px; line-height:30px; margin-top:10px; border-top:2px solid #282828;} .board_title td {text-align:center;} .board_title .TR {text-align:right; padding-right:10px;} /* 150812 추가 */ .vacationLayer2 { position:absolute; z-index:1040; top:35px; left:45%; width:610px; min-height:330px; min-height:0px; margin-left:200px; -webkit-box-shadow:#666 0px 0px 10px; -moz-box-shadow:#666 0px 0px 10px; box-shadow:#666 0px 0px 10px; behavior: url(../pie/PIE.htc); } .vacationLayer2 .btISO { position:relative; height:25px; margin-top:0px; background-color:#e7e7e7; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; } .vacationLayer2 .btISO .left { height:25px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .vacationLayer2 .btISO .right { height:25px; text-align:right; padding-right:15px; } .vacationLayer2 .btISO img { width:51px; height:16px; border:none; margin:0 !important; } .loading { position:absolute; z-index:1050; width:423px; height:213px; top:200px; left:50%; margin-left:-62px; background:url(../images/etc/img_loading.png) no-repeat; text-indent:-999px; } .campusTitle { position:relative; margin:10px 0 20px; padding:10px 0px; font-size:32px; font-weight:bold; color:#0878d8; font-family: 'NanumBarunGothic', serif; } .campus { font-family: 'Nanum Gothic', serif; } .privacyBox { position:relative; margin:30px; text-align:left; } /* 150821 추가 */ .explanationLayer { position:absolute; z-index:1040; top:30px; left:50%; width:272px; min-height:351px; min-height:0px; margin-left:200px; -webkit-box-shadow:#666 0px 0px 10px; -moz-box-shadow:#666 0px 0px 10px; box-shadow:#666 0px 0px 10px; behavior: url(../pie/PIE.htc); } .explanationLayer .btISO { position:relative; height:25px; margin-top:0px; background-color:#e7e7e7; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; } .explanationLayer .btISO .left { height:25px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .explanationLayer .btISO .right { height:25px; text-align:right; padding-right:15px; } .explanationLayer .btISO img { width:51px; height:16px; border:none; margin:0 !important; } .explanationLayer2 { position:absolute; z-index:1040; top:30px; left:50%; width:272px; min-height:351px; min-height:0px; margin-left:200px; background-color:#FFF9E0; -webkit-box-shadow:#666 0px 0px 10px; -moz-box-shadow:#666 0px 0px 10px; box-shadow:#666 0px 0px 10px; behavior: url(../pie/PIE.htc); display:none; } .explanationLayer2 .btISO { position:relative; height:25px; margin-top:0px; background-color:#e7e7e7; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; } .explanationLayer2 .btISO .left { height:25px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .explanationLayer2 .btISO .right { height:25px; text-align:right; padding-right:15px; } .explanationLayer2 .btISO img { width:51px; height:16px; border:none; margin:0 !important; } .explainTitle { position:relative; margin:5px; padding:5px 10px; background-color:#fff; border:3px dotted #C3AA86; } .explainTitle li { margin:5px 0 5px 15px; text-align:left; font-size:14px; font-family: 'Nanum Gothic', serif; list-style:circle; } .explainTable { margin:10px 0; } .explainTable th { width:32%; height:24px; line-height:24px; text-align:right; font-family: 'Nanum Gothic', serif; } .explainTable td { text-align:left; padding:2px 5px; font-family: 'Nanum Gothic', serif; } .explainTable input, select, option { font-family: 'Nanum Gothic', serif; } .btnInBox { text-align:center; margin-bottom:10px; } /* 150826 추가 */ a.addressBtn:link, a.addressBtn:visited, a.addressBtn:active a.addressBtn:focus { position:relative; width:98px; padding:5px 15px; text-align:center; color:#000; border:1px solid #c8c8c8; background-color:#f9f9f9; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(/pie/PIE.htc); } a.addressBtn:hover { position:relative; width:98px; padding:5px 15px; text-align:center; color:#000; border:1px solid #c8c8c8; background-color:#dedede; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(/pie/PIE.htc); } .addressLayer { position:absolute; z-index:120; bottom:50px; left:50%; margin-left:-70px; padding:10px; width:600px; min-height:50px; color:#fff; background-color:#860033; -webkit-box-shadow:#9d9d9d 0px 0px 10px; -moz-box-shadow:#9d9d9d 0px 0px 10px; box-shadow:#9d9d9d 0px 0px 10px; behavior: url(/pie/PIE.htc); display:none; } .addressTitle { padding:5px 10px; font-size:1.75em; text-align:left; font-weight:bold; color:#fff; font-family:'NanumGothic', serif; } .addressClose { position:absolute; z-index:130; top:15px; right:15px; font-size:1.25em; font-weight:bold; color:#fff; font-family:'NanumGothic', serif; } a.closeBtn { color:#fff; text-decoration:none; } ul.addressContent { max-width:100%; min-height:50px; margin-top:10px; padding:10px; color:#2d2d2d; background-color:#fff; } ul.addressContent li { margin:7px 0; font-size:1.35em; font-family:'NanumGothic', serif; } /* 151109 추가 */ .classLinelayer { position:absolute; z-index:1040; top:30px; left:50%; width:378px; height:485px; min-height:0px; margin-left:-188px; -webkit-box-shadow:#666 0px 0px 10px; -moz-box-shadow:#666 0px 0px 10px; box-shadow:#666 0px 0px 10px; behavior: url(/pie/PIE.htc); } .classLinelayer .btISO { position:relative; height:25px; margin-top:0px; background-color:#e7e7e7; } .classLinelayer .btISO .left { height:25px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .classLinelayer .btISO .right { height:25px; text-align:right; padding-right:15px; } .classLinelayer .btISO img { width:51px; height:16px; border:none; margin:0 !important; } .classLinelayer .btn_box {width:356px; height:32px; margin:8px auto 7px; } /* 151203 추가 */ /* 레벨테스트수정팝업 */ .boxPopup { display:inline-block; width:100%; min-height:0px; background-color:#fff; font-family:'Malgun Gothic', sans_serif; } .boxPopup td {vertical-align:top;} .boxPopup .levelTestBox { position:relative; width:640px; min-height:100px; margin:200px auto 0px auto; padding:10px 0 20px; background-color:#f9f9f9; -webkit-box-shadow:#acacac 0px 0px 10px; -moz-box-shadow:#acacac 0px 0px 10px; box-shadow:#acacac 0px 0px 10px; behavior: url(../pie/PIE.htc); } .boxPopup .levelTestBox2 { position:relative; width:640px; min-height:100px; margin:100px auto 0px auto; padding:10px 0 20px; background-color:#f9f9f9; -webkit-box-shadow:#acacac 0px 0px 10px; -moz-box-shadow:#acacac 0px 0px 10px; box-shadow:#acacac 0px 0px 10px; behavior: url(../pie/PIE.htc); } .boxPopup .levelIntroTitle { postion:relative; width:560px; height:48px; line-height:48px; margin:15px auto 0; padding-left:10px; text-align:left; color:#010101; font-size:14px; font-weight:bold; border-bottom:1px solid #acacac; } .boxPopup .levelIntroTitle .icon { display:inline-block; font-size:11px; color:#2969ad; vertical-align:middle; } .boxPopup ul.introList { position:relative; width:570px; margin:0 auto; padding:10px 0px; border-top:1px solid #fff; } .boxPopup ul.introList li { margin:10px 0; padding-left:20px; font-size:14px; text-align:left; } .boxPopup p { width:540px; line-height:28px; margin:10px auto; text-align:left; font-size:14px; } .boxPopup .btnLevel01 { position:relative; padding:15px 40px; text-align:center; font-size:12px; font-weight:bold; color:#fff; background-color:#004c99; background: -webkit-gradient(linear, 0 top, 50% bottom, from(#60a1ef), to(#3a80d6)); background: -webkit-linear-gradient(#60a1ef, #3a80d6); background: -moz-linear-gradient(#60a1ef, #3a80d6); background: -ms-linear-gradient(#60a1ef, #3a80d6); background: -o-linear-gradient(#60a1ef, #3a80d6); background: linear-gradient(#60a1ef, #3a80d6); -pie-background: linear-gradient(#60a1ef, #3a80d6); -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; behavior: url(../pie/PIE.htc); border:5px solid #cbd1d8; cursor:pointer; } .boxPopup .btnTopBox { position:relative; margin:5px 10px; text-align:left; } .boxPopup .btnLevelLeft { position:relative; margin-right:-3px; padding:10px 20px; text-align:center; font-size:12px; font-weight:bold; color:#0099ff; background-color:#f0f0f0; background: -webkit-gradient(linear, 0 top, 30% bottom, from(#fff), to(#f0f0f0)); background: -webkit-linear-gradient(#fff, #f0f0f0); background: -moz-linear-gradient(#fff, #f0f0f0); background: -ms-linear-gradient(#fff, #f0f0f0); background: -o-linear-gradient(#fff, #f0f0f0); background: linear-gradient(#fff, #f0f0f0); -pie-background: linear-gradient(#fff, #f0f0f0); -webkit-border-top-left-radius:30px; -webkit-border-bottom-left-radius:30px; -moz-border-radius-topleft:30px; -moz-border-radius-toprleft:30px; border-top-left-radius:30px; border-bottom-left-radius:30px; behavior: url(../pie/PIE.htc); border:none; border-right:1px solid #dedede; -webkit-box-shadow:#acacac -2px 0px 5px; -moz-box-shadow:#acacac -2px 0px 5px; box-shadow:#acacac -2px 0px 5px; cursor:pointer; } .boxPopup .btnLevelRight { position:relative; margin-left:-3px; padding:10px 20px; text-align:center; font-size:12px; font-weight:bold; color:#0099ff; background-color:#f0f0f0; background: -webkit-gradient(linear, 0 top, 30% bottom, from(#fff), to(#f0f0f0)); background: -webkit-linear-gradient(#fff, #f0f0f0); background: -moz-linear-gradient(#fff, #f0f0f0); background: -ms-linear-gradient(#fff, #f0f0f0); background: -o-linear-gradient(#fff, #f0f0f0); background: linear-gradient(#fff, #f0f0f0); -pie-background: linear-gradient(#fff, #f0f0f0); -webkit-border-top-right-radius:30px; -webkit-border-bottom-right-radius:30px; -moz-border-radius-topright:30px; -moz-border-radius-toprright:30px; border-top-right-radius:30px; border-bottom-right-radius:30px; behavior: url(../pie/PIE.htc); border:none; border-left:1px solid #dedede; -webkit-box-shadow:#acacac 2px 0px 5px; -moz-box-shadow:#acacac 2px 0px 5px; box-shadow:#acacac 2px 0px 5px; cursor:pointer; } .boxPopup .btnLevel02 { position:relative; padding:10px 40px; text-align:center; font-size:12px; font-weight:bold; color:#0099ff; background-color:#f0f0f0; background: -webkit-gradient(linear, 0 top, 30% bottom, from(#fff), to(#f0f0f0)); background: -webkit-linear-gradient(#fff, #f0f0f0); background: -moz-linear-gradient(#fff, #f0f0f0); background: -ms-linear-gradient(#fff, #f0f0f0); background: -o-linear-gradient(#fff, #f0f0f0); background: linear-gradient(#fff, #f0f0f0); -pie-background: linear-gradient(#fff, #f0f0f0); -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; behavior: url(../pie/PIE.htc); border:none; -webkit-box-shadow:#acacac 0px 0px 5px; -moz-box-shadow:#acacac 0px 0px 5px; box-shadow:#acacac 0px 0px 5px; cursor:pointer; } .boxPopup .btnLevel03 { position:relative; padding:10px 20px; text-align:center; font-size:12px; font-weight:bold; color:#fff; background-color:#1679be; background: -webkit-gradient(linear, 0 top, 80% bottom, from(#58abe5), to(#1679be)); background: -webkit-linear-gradient(#58abe5, #1679be); background: -moz-linear-gradient(#58abe5, #1679be); background: -ms-linear-gradient(#58abe5, #1679be); background: -o-linear-gradient(#58abe5, #1679be); background: linear-gradient(#58abe5, #1679be); -pie-background: linear-gradient(#58abe5, #1679be); -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; behavior: url(../pie/PIE.htc); border:1px solid #318ccb; cursor:pointer; } .boxPopup .rightBoxTop { position:relative; width:278px; height:48px; margin:10px auto 0px auto; background-color:#f9f9f9; background: -webkit-gradient(linear, 0 top, 80% bottom, from(#d8d8d8), to(#f9f9f9)); background: -webkit-linear-gradient(#d8d8d8, #f9f9f9); background: -moz-linear-gradient(#d8d8d8, #f9f9f9); background: -ms-linear-gradient(#d8d8d8, #f9f9f9); background: -o-linear-gradient(#d8d8d8, #f9f9f9); background: linear-gradient(#d8d8d8, #f9f9f9); -pie-background: linear-gradient(#d8d8d8, #f9f9f9); -webkit-border-top-left-radius:30px; -webkit-border-top-right-radius:30px; -moz-border-radius-topleft:30px; -moz-border-radius-topright:30px; border-top-left-radius:30px; border-top-right-radius:30px; border:5px solid #cbd1d8; border-bottom:none; behavior: url(../pie/PIE.htc); } .boxPopup .rightBoxTop .levelAnswerTop { float:left; width:113px; height:33px; padding:15px 0px 0px 30px; text-align:left; font-size:16px; color:#980039; font-weight:bold; font-family:'Open Sans', sans-serif; } .boxPopup .rightBoxTop .timeBox { float:left; padding-top:14px; font-size:18px; color:#06F; font-weight:bold; font-family:'Open Sans', sans-serif; } .boxPopup .rightBoxBt { width:278px; height:783px; margin:0px auto 10px auto; background-color:#f9f9f9; -webkit-border-bottom-left-radius:30px; -webkit-border-bottom-right-radius:30px; -moz-border-radius-bottomleft:30px; -moz-border-radius-bottomright:30px; border-bottom-left-radius:30px; border-bottom-right-radius:30px; border:5px solid #cbd1d8; border-top:none; behavior: url(../pie/PIE.htc); } .boxPopup .levelTable { width:258px; height:728px; margin:0 auto; overflow-y:auto; overflow-x:hidden; } .boxPopup .levelTable th { height:22px; line-height:18px; text-align:center; padding:0px 5px; } .boxPopup .levelTable th.number { width:30px; } .boxPopup .levelTable td { height:22px; line-height:18px; text-align:left; vertical-align:middle; padding:0px 5px; } .boxPopup .levelTable td.number { text-align:center; } .boxPopup .levelTable td.number2 { text-align:center; color:#9d9d9d; } .boxPopup .levelTable td.essential { color:#9d9d9d; } .boxPopup .leftBox { position:relative; max-width:100%; height:770px; margin:10px; padding:10px; background-color:#fff; -webkit-box-shadow:#666 0px 0px 10px; -moz-box-shadow:#666 0px 0px 10px; box-shadow:#666 0px 0px 10px; behavior: url(../pie/PIE.htc); overflow-y:auto; overflow-x:hidden; } .boxPopup .testContentBox { postion:relative; width:100%; min-height:10px; margin:0px auto; } .boxPopup .testContentBox:after { display: block; visibility: hidden; clear: both; content: ""; } .boxPopup .testContentBox2 { postion:relative; width:770px; height:690px; margin:0px auto; } .boxPopup .textBox { position:relative; max-width:100%; height:240px; margin:0 auto; padding:5px; } .boxPopup .textInBox { position:relative; max-width:100%; height:235px; line-height:20px; margin:0 auto; text-align:left; font-size:12px; background:url(../images/bg/bg_text_line.png) left top; border:3px dashed #acacac; overflow-y:auto; overflow-x:none; } .boxPopup .exTitle { position:relative; max-width:100%; height:42px; margin:0px auto; padding-left:50px; text-align:left; color:#010101; font-size:18px; background:url(../images/etc/icon_level_test.png) no-repeat left center; } .boxPopup .exTitle td { text-align:left; vertical-align:middle; padding-left:0px !important; } .boxPopup .testImgBox { position:relative; margin:10px auto; text-align:left; } .boxPopup .testImgBox img { border:5px solid #dedede; } .boxPopup .answerTopBox { postion:relative; min-height:100px; margin:10px auto 0px auto; } .boxPopup .answerTop { margin:20px auto 0px auto; padding:5px 10px; border:3px dotted #3a6bb5; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; behavior: url(../pie/PIE.htc); } .boxPopup .answerTop td { line-height:16px; padding:0px 10px; font-size:12px; font-weight:bold; text-align:left; vertical-align: middle; } .boxPopup .answerTable { border-collapse:separate; max-width:100%; margin:10px; } .boxPopup .numberBox { width:30px; height:30px; line-height:30px; margin-right:10px; text-align:center; font-size:16px; background:url(../images/bg/bg_number.png) no-repeat left center; font-family: 'Open Sans', serif; } .boxPopup .numberBoxSelected { width:30px; height:30px; line-height:30px; margin-right:10px; text-align:center; font-size:16px; background:url(../images/bg/bg_number_select.png) no-repeat left center; font-family: 'Open Sans', serif; } .boxPopup .answerTable th { padding:3px 0; } .boxPopup .answerTable td { line-height:18px; text-align:left; padding:5px 10px; font-size:12px; color:#2d2d2d; vertical-align: middle !important; } .boxPopup .audioBox { position:relative; width:100%; height:90px; margin:0 auto; background:url(../images/bg/bg_audio.png) no-repeat center center #f9f9f9; border:1px solid #dedede; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; behavior: url(../pie/PIE.htc); } .boxPopup .answerTitle { max-width:100%; height:22px; line-height:22px; margin:10px 20px; font-size:14px; font-weight:bold; text-align:left; } .boxPopup .writingBox { position:relative; width:100%; height:174px; margin:0 auto; } .boxPopup .writingBox .textareaInput { position:relative; width:100%; height:150px; line-height:18px; text-align:left; background-color:#faf9f7; border:1px solid #dbd8cc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(../pie/PIE.htc); } .boxPopup .levelEndTitle { postion:relative; width:560px; height:48px; line-height:48px; margin:15px auto 0; padding-left:10px; text-align:left; color:#010101; font-size:14px; font-weight:bold; border-bottom:1px solid #acacac; } .boxPopup .levelEndTitle .icon { display:inline-block; font-size:11px; color:#2969ad; vertical-align:middle; } .boxPopup .levelEndTitle .nameBox { font-size:14px; font-weight:bold; color:#0072ff; font-family:'NanumGothic', sans-serif; } .boxPopup .correctBox { font-size:14px; font-weight:bold; color:#ff0000; font-family: 'NanumGothic', sans-serif; } .boxPopup ul.endList { position:relative; width:570px; margin:0 auto; padding:10px 0px; border:1px solid #dedede; background-color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; behavior: url(../pie/PIE.htc); } .boxPopup ul.endList li { margin:10px 0; padding-left:20px; font-size:14px; text-align:left; } .boxPopup .answerTable a {font-size:14px; color:#2d2d2d; text-decoration:none; font-family: 'Open Sans', serif; } .boxPopup .answerTable a:visited { font-size:14px; color:#2d2d2d; text-decoration:none; font-family: 'Open Sans', serif; } .boxPopup .answerTable a:hover { font-size:14px; color:#2d2d2d; text-decoration:underline; font-family: 'Open Sans', serif; } .boxPopup .answerTable a:active { font-size:14px; color:#2d2d2d; text-decoration:underline; font-family: 'Open Sans', serif; } .boxPopup .answerTable a.select {font-size:14px; color:#fff; text-decoration:underline; font-family: 'Open Sans', serif; } .boxPopup .answerTable a.select:visited { font-size:14px; color:#fff; text-decoration:underline; font-family: 'Open Sans', serif; } .boxPopup .answerTable a.select:hover { font-size:14px; color:#fff; text-decoration:underline; font-family: 'Open Sans', serif; } .boxPopup .answerTable a.select:active { font-size:14px; color:#fff; text-decoration:underline; font-family: 'Open Sans', serif; } .DIB { display:inline-block; } .VAT { vertical-align:top; } .FS12 { font-size:12px; } .B { font-weight:bold; } .FR { float:right; } .TAR { text-align:right; } .ML10 { margin-left:10px; } /* 160105 성적조회 수정 */ #subContent #rightContent .chart_box { float:right; width:589px; min-height:10px; margin-top:10px; } #subContent #rightContent .typetable { width:760px; height:615px; overflow-y:auto; } .typeTitle { position:relative; display:block; height:32px; line-height:32px; text-align:center; font-size:14px; font-weight:bold; font-family: 'Malgun Gothic', "맑은고딕", ngeot; } .typeTotalBox { position:relative; width:760px; height:581px; overflow-x:auto; overflow-y:hidden; } .typeTableBox { position:relative; width:380px; height:564px; overflow-x:hidden; overflow-y:auto; } .typelisttable { clear:both; border-collapse:collapse; max-width:380px; margin: 0; background-color:#FFF; border-top:3px solid #5d5d5d; border-right:1px solid #dedede; } .typelisttable th { height:28px; line-height:18px; padding:2px 5px; white-space: nowrap; text-align:center; font-size:12px; font-weight:bold; background-color:#fffdf9; border-top:0px solid #dedede; border-right: 0px solid #dedede; border-bottom:1px solid #dedede; border-left:1px solid #dedede; } .typelisttable td { height:28px; line-height:18px; padding:2px 5px; white-space:normal; text-align:center; font-size:11px; background:#FFF; border-top:0px solid #dedede; border-right: 0px solid #dedede; border-bottom:1px solid #dedede; border-left:1px solid #dedede; } .typelisttable p { text-align:left; } /* 160115 성적조회 수정 */ #subContent #rightContent .percenttable { width:760px; height:615px; overflow-y:auto; } #subContent #rightContent .weaktable { width:760px; height:615px; overflow-y:auto; } #subContent #rightContent .weaktable1 { width:760px; height:750px; overflow-y:auto; } .percentlisttable { clear:both; border-collapse:collapse; max-width:100%; margin: 0; background-color:#FFF; border-top:3px solid #5d5d5d; border-right:1px solid #dedede; } .percentlisttable th { height:28px; line-height:18px; padding:2px 5px; white-space: nowrap; text-align:center; font-size:12px; font-weight:bold; background-color:#fffdf9; border-top:0px solid #dedede; border-right: 0px solid #dedede; border-bottom:1px solid #dedede; border-left:1px solid #dedede; } .percentlisttable td { height:28px; line-height:18px; padding:2px 5px; white-space:normal; text-align:center; font-size:11px; background:#FFF; border-top:0px solid #dedede; border-right: 0px solid #dedede; border-bottom:1px solid #dedede; border-left:1px solid #dedede; } .percentlisttable p { text-align:left; } .weaklisttable { clear:both; border-collapse:collapse; max-width:100%; margin: 0; background-color:#FFF; border-top:3px solid #5d5d5d; border-right:1px solid #dedede; } .weaklisttable th { height:28px; line-height:18px; padding:2px 5px; white-space: nowrap; text-align:center; font-size:12px; font-weight:bold; background-color:#fffdf9; border-top:0px solid #dedede; border-right: 0px solid #dedede; border-bottom:1px solid #dedede; border-left:1px solid #dedede; } .weaklisttable td { height:28px; line-height:18px; padding:2px 5px; white-space:normal; text-align:center; font-size:11px; background:#FFF; border-top:0px solid #dedede; border-right: 0px solid #dedede; border-bottom:1px solid #dedede; border-left:1px solid #dedede; } .weaklisttable p { text-align:left; } /* 160128 생기부컨설팅 팝업 */ /* 150821 추가 */ .sangConsultingLayer { position:absolute; z-index:1040; top:101px; left:69%; width:418px; min-height:436px; margin-left:-191px; -webkit-box-shadow:#666 0px 0px 10px; -moz-box-shadow:#666 0px 0px 10px; box-shadow:#666 0px 0px 10px; behavior: url(../pie/PIE.htc); } .sangConsultingLayer .btISO { position:relative; height:25px; margin-top:0px; background-color:#e7e7e7; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; } .sangConsultingLayer .btISO .left { height:25px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .sangConsultingLayer .btISO .right { height:25px; text-align:right; padding-right:15px; } .sangConsultingLayer .btISO img { width:51px; height:16px; border:none; margin:0 !important; } /* 160325 추가 */ .sangConsultingLayer2 { position:absolute; z-index:15; top:101px; left:55%; width:418px; min-height:436px; margin-left:-613px; behavior: url(../pie/PIE.htc); } .sangConsultingLayer2 .btISO { position:relative; width:418px; height:25px; margin-top:0px; background-color:#e7e7e7; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; } .sangConsultingLayer2 .btISO .left { height:25px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .sangConsultingLayer2 .btISO .right { height:25px; text-align:right; padding-right:15px; } .sangConsultingLayer2 .btISO img { width:51px; height:16px; border:none; margin:0 !important; } /* 161223 추가 */ .sangConsultingLayer3 { position:absolute; z-index:15; top:101px; left:95%; width:400px; min-height:259px; margin-left:-553px; -webkit-box-shadow:#666 0px 0px 10px; -moz-box-shadow:#666 0px 0px 10px; box-shadow:#666 0px 0px 10px; behavior: url(../pie/PIE.htc); } .sangConsultingLayer3 .btISO { position:relative; width:435px; height:25px; margin-top:0px; background-color:#e7e7e7; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; } .sangConsultingLayer3 .btISO .left { height:25px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .sangConsultingLayer3 .btISO .right { height:25px; text-align:right; padding-right:15px; } .sangConsultingLayer3 .btISO img { width:51px; height:16px; border:none; margin:0 !important; } .explainLayer2 { position:absolute; z-index:15; top:101px; left:75%; width:500px; min-height:435px; margin-left:-300px; border:1px solid #000; behavior: url(../pie/PIE.htc); } .explainLayer2 .btISO { position:relative; width:100%; height:25px; margin-top:0px; background-color:#f9f9f9; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; } .explainLayer2 .btISO .left { height:25px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .explainLayer2 .btISO .right { height:25px; text-align:right; padding-right:15px; } .explainLayer2 .btISO img { width:51px; height:16px; border:none; margin:0 !important; } /* 161223 추가 */ .sangConsultingLayer3_1 { position:absolute; z-index:15; top:101px; left:75%; width:400px; min-height:259px; margin-left:-553px; -webkit-box-shadow:#666 0px 0px 10px; -moz-box-shadow:#666 0px 0px 10px; box-shadow:#666 0px 0px 10px; behavior: url(../pie/PIE.htc); } .sangConsultingLayer3_1 .btISO { position:relative; width:435px; height:25px; margin-top:0px; background-color:#e7e7e7; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; } .sangConsultingLayer3_1 .btISO .left { height:25px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .sangConsultingLayer3_1 .btISO .right { height:25px; text-align:right; padding-right:15px; } .sangConsultingLayer3_1 .btISO img { width:51px; height:16px; border:none; margin:0 !important; } .explainLayer2_1 { position:absolute; z-index:15; top:101px; left:70%; width:600px; min-height:435px; margin-left:-300px; border:1px solid #000; behavior: url(../pie/PIE.htc); } .explainLayer2_1 .btISO { position:relative; width:100%; height:25px; margin-top:0px; background-color:#f9f9f9; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; } .explainLayer2_1 .btISO .left { height:25px; text-align:left; padding-left:15px; color:#2d2d2d; font-size:12px !important; } .explainLayer2_1 .btISO .right { height:25px; text-align:right; padding-right:15px; } .explainLayer2_1 .btISO img { width:51px; height:16px; border:none; margin:0 !important; } /* 171207 추가 */ /* 성적표 */ .gradeCardBg { position: absolute; z-index: 0; top: 0; left: 0; width: 268px; height: 268px; top: 410px; left: 200px; } .gradeTop { position: relative; display: block; height: 32px; margin-bottom: 10px; padding: 5px 10px; background-color: #fff; border-bottom: 3px solid #ac1b16; font-family: 'noto'; } .logoBox { position: absolute; z-index: 10; top: 5px; left: 10px; width: auto; height: auto; } .logoBox img { width: 32px; } .gradeTitle { position: relative; display: block; height: 32px; line-height: 32px; padding-left: 120px; text-align: left; font-size: 24px; color:#000; font-family: 'noto'; } .dateBox { position: absolute; z-index: 10; top: 15px; right: 10px; width: auto; height: auto; font-size: 14px; font-family: 'noto'; } .dateBox span { margin-left: 10px; font-family: 'noto'; } .gradeBoardBox { position: relative; display: block; border-top: 1px solid #acacac; font-family: 'noto'; } .gradeBoardBox th { padding: 2px; line-height: 1.5; text-align: center; font-size: 13px; background-color: #f9f9f9; border-bottom: 1px solid #acacac; border-right: 1px solid #acacac; font-family: 'noto'; } .gradeBoardBox th:last-child { border-right: none; } .gradeBoardBox td { padding: 2px; line-height: 1.5; text-align: center; font-size: 12px; border-bottom: 1px solid #acacac; border-right: 1px solid #acacac; font-family: 'noto'; } .gradeBoardBox td:last-child { border-right: none; } .gradeBoardBox td span { height: 20px; line-height: 20px; font-size: 12px; font-family: 'noto'; } .FS20 { font-size: 20px !important; } .boardBoxTitle { position: relative; display: block; margin: 10px 0 5px; padding: 3px 10px; border-bottom:2px solid #000; font-size: 14px; font-weight: bold; text-align: left; font-family: 'noto'; } .gradeBoardInBox { position: relative; display: block; width: 100%; height: 184px; margin-bottom: 10px; } .gradeBoardInBox .gradeBoardBox th { padding: 2px; line-height: 1.5; text-align: center; font-size: 13px; background-color: #f9f9f9; border-bottom: 1px solid #acacac; border-right: none; border-left: 1px solid #acacac; font-family: 'noto'; } .gradeBoardInBox .gradeBoardBox th:first-child { border-left: none; } .gradeBoardInBox .gradeBoardBox td { padding: 2px; line-height: 1.5; text-align: center; font-size: 12px; border-bottom: 1px solid #acacac; border-right: none; border-left: 1px solid #acacac; font-family: 'noto'; } .gradeBoardInBox .gradeBoardBox td:first-child { border-left: none; } .gradeBoardBox td span { height: 20px; line-height: 20px; font-size: 12px; font-family: 'noto'; } .boardLeftBox { position: relative; float: left; display: inline-block; width: 336px; margin:5px 0 0 10px; text-align: left; box-sizing: border-box; } .boardLeftInBox { position: relative; float: left; display: inline-block; width: 168px; min-height: 160px; margin-left: -1px; text-align: left; box-sizing: border-box; } .boardLeftInBox:first-child { margin-left: 2px; } .boardLeftBox span { font-size: 13px; font-family: 'noto'; } .boardLeftChartBox { position: relative; float: left; display: inline-block; width: 231px; min-height: 160px; margin:5px 10px 0 10px; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.7); } .boardRightChartBox { position: relative; float: middle; display: inline-block; width: 231px; min-height: 160px; margin:5px 10px 0 10px; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.7); } .boardRightBox { position: relative; float: right; display: inline-block; width: 336px; min-height: 160px; margin:5px 10px 0 0; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.7); } .boardRightInBox { position: relative; float: right; display: inline-block; width: 336px; min-height: 160px; box-sizing: border-box; } .boardBoxInTitle { position: relative; display: block; margin: -4px 0 5px; padding: 0 10px; text-align: left; color:#ac1b16; font-size: 13px; font-weight: bold; font-family: 'noto'; } .gradeBoardBottomBox { position: relative; display: block; height: 180px; margin: 10px; box-sizing: border-box; } .gradeBoardBottomBoxChart { position: relative; display: block; height: 90px; margin: 5px; box-sizing: border-box; } .boardLineBox { border:1px solid #1ba6da; } #page_body .frameBox20 { width:100%; min-height:50px; } #page_body .frameBox20 .BoxTop20 { width:100%; height:38px; background:url(../images/bg/bg_box_popup_top.png) no-repeat; } #page_body .frameBox20 .BoxMd20 { max-width:100%; min-height:600px; padding:0 40px; background:url(../images/bg/bg_box_popup_md.png) repeat-y; } #page_body .frameBox20 .BoxMd20 .opinionBox { height:42px; line-height:42px; margin-bottom:10px; background:#f7f7f7; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; } #page_body .frameBox20 .BoxMd20 .opinionBox .opinionTitle { float:left; text-align:left; padding-left:10px; font-size:15px; font-weight:bold; } #page_body .frameBox20 .BoxMd20 .opinionBody { float:left; text-align:left; padding-left:10px; font-size:15px; } #page_body .frameBox20 .BoxBt20 { width:100%; height:38px; background:url(../images/bg/bg_box_popup_bt.png) no-repeat; } #page_body .frameBox20 .tab_container20 { position:relative; width:95%; padding-bottom:10px; min-height:600px; background: #fff; text-align:left; font-size:15px;}