@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
html,body { margin: 0; height: 100%; } 
*, *::before, *::after {   box-sizing: border-box;}

h1, h2, h3, h4, h5, h6, p, blockquote, pre,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td
{
    margin:0;
    padding:0;
    outline:0;
    background:transparent;
}

body,p,button,textarea,select{ font-family: "Noto Sans KR", sans-serif; font-size: 12px; margin: 0px; padding: 0px; height: auto; color: #333333; } 
input, button, select, textarea {font-family: "Noto Sans KR", sans-serif; }
table { font-size: 12px; } 

a,a:active,a:focus,a:hover { color: #333333; text-decoration: none; } 
a img { border: 0px currentColor; } 
a,th,li,dt,dd,div,span,p { margin: 0px; padding: 0px; } 
ul,ol,li,dl,dd { list-style: none; margin: 0px; padding: 0px; } 


textarea { padding: 5px; border: 1px solid rgb(234, 234, 234); color: rgb(32, 32, 32); overflow: auto; font-size: 13px; background-color: rgb(250, 250, 250); } 

table { padding: 0px; border: 0px currentColor; border-collapse: collapse; } 
caption { display: none; } 

legend { left: 0px; top: 0px; width: 0px; height: 0px; line-height: 0; overflow: hidden; font-size: 0px; visibility: hidden; position: absolute; } 
select { border: 1px solid rgb(234, 234, 234); height: 28px; color: rgb(153, 153, 153); padding-left: 5px; font-size: 13px; vertical-align: middle; } 

img,
fieldset { margin: 0px; border: currentColor; vertical-align: middle; } 

hr { display: none; } 

button img { display: none; } 



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

/* #wrap {position: relative; overflow: hidden;} */

/* bootstrap 관련  */
p {margin: 0 0 10px;}
h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px;  margin-bottom: 10px;     line-height: 1.1;}

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

.fixedbanner { transition: all 0.3s; } 

.subtitle { position: relative; margin: 20px 0 15px; border-bottom: 2px solid #fff; } 
.subtitle span { position: relative; display: inline-block; padding: 5px 10px; border: 2px solid #555; background-color: #666; font-weight: bold; color: #eee; line-height: 1.5em; letter-spacing: -1px; } 
.subtitle a { position: absolute; right: 0; } 
.aa .subtitle { margin-top: 0; } 

.title { font-size: 12px; font-weight: bold; color: #333; } 

.btn1 { vertical-align: bottom; margin: 0; padding: 5px 8px 4px; border: 1px solid; border-color: #ebebeb #d9d9d9 #b9b9b9; background-color: #f8f8f8; color: #333; cursor: pointer; } 

span.btn1 { display: inline-block; *padding: 0 0; background-color: #fff; } 

#g4start span.btn1 a { display: inline-block; height: 100%; color: #333; *padding: 6px 8px 5px; } 

.col1 { color: #333; } 
.col2 { color: #333; } 

.pad1 { padding: 0 10px; } 
.pad2 { padding: 5px 10px; } 

.bgcol1 { background-color: #f3f3f3; } 
.bgcol2 { background-color: #f9f9f9; } 

.line1 { background-color: #999; height: 1px; } 
.line2 { background-color: #ccc; height: 1px; } 

.list0 { background-color: #ffffff; } 
.list1 { background-color: #f8f8f8; } 
.list_sel { background-color: #f3e3e3; } 

.bold { font-weight: bold; } 

.center { text-align: center; } 

.right { text-align: right; } 

.left { text-align: left; } 

.w90 { width: 90%; } 

.w99 { width: 99%; } 

.ht { height: 30px; } 
.text-center {    text-align: center;}

th { font-weight: normal; font-size: 12px; color: #333; } 

.ht th { padding: 5px 10px; text-align: left; } 

.company { position: relative; width: 100%; overflow: hidden; } 

.company .location { width: 100%; max-width: 1400px; margin: 0 auto; } 

.company > section { position: relative; width: 1100px; margin: 0 auto; text-align: left; } 

.company div.img_group { position: absolute; top: 0; left: -600px; z-index: 5; overflow: hidden; left: -9999px; } 

.company p.btn_group { position: absolute; z-index: 10; } 

.company p.btn_group > a { display: block; width: 35px; height: 35px; float: left; margin-right: 5px; } 

.company p.btn_group > a.btn_data_down { background: url(/new_ebook/btn_data_down.png) left top no-repeat; } 

.company p.btn_group > a.btn_data_up { background: url(/new_ebook/btn_data_up.png) left top no-repeat; } 

.company p.btn_group > a.down_type2 { background: url(/new_ebook/btn_data_down_type1.png) left top no-repeat; } 

.company p.btn_group > a.up_type2 { background: url(/new_ebook/btn_data_up_type1.png) left top no-repeat; } 

.company p.btn_group > a:hover { background-position: right top; } 

/* margin-top: 50px; */
.company_01 > section.data_1 { margin-top: 0px; text-indent: -9999px; position: absolute; display: block; overflow: hidden; left: -9999px; } 

.company_01 > section.data_2 { margin-top: 0px; text-indent: -9999px; position: absolute; display: block; overflow: hidden; left: -9999px; } 

.company_01 > section.data_3 { margin-top: 0px; text-indent: -9999px; position: absolute; display: block; overflow: hidden; left: -9999px; } 

.company_01 > section.data_4 { margin-top: 0px; text-indent: -9999px; position: absolute; display: block; overflow: hidden; left: -9999px; } 

.company_01 > section.data_5 { margin-top: 0px; text-indent: -9999px; position: absolute; display: block; overflow: hidden; left: -9999px; } 

.company_01 > section.data_6 { margin-top: 0px; text-indent: -9999px; position: absolute; display: block; overflow: hidden; left: -9999px; } 

.company_01 > section.data_7 { margin-top: 0px; text-indent: -9999px; position: absolute; display: block; overflow: hidden; left: -9999px; } 

.company_01 > section.data_8 { margin-bottom: -50px; } 

.company_01 .data_1 .btn_group { top: 300px; left: 0px; } 

.company_01 .data_2 .btn_group { top: 380px; left: 1020px; } 

.company_01 .data_3 .btn_group { top: 310px; left: 0px; } 

.company_01 .data_4 .btn_group { top: 670px; left: 500px; } 

.company_01 .data_5 .btn_group { top: 1050px; left: 500px; } 

.company_01 .data_6 .btn_group { top: 3000px; left: 500px; } 

.company_01 .data_7 .btn_group { top: 800px; left: 500px; } 

.company_01 .data_8 .btn_group { top: 380px; left: 1020px; } 

.company_01 .data_9 .btn_group { top: 590px; left: 500px; } 

.company_01 .data_10 .btn_group { top: 720px; left: 500px; } 

.company_01 .data_11 .btn_group { top: 1600px; left: 500px; } 

.company_01 .data_12 .btn_group { top: 2400px; left: 500px; } 

.company_01 .data_13 .btn_group { top: 700px; left: 0px; } 

.company_01 .data_14 .btn_group { top: 370px; left: 0px; } 

.company_01 .data_15 .btn_group { top: 390px; left: 500px; } 

.company_01 .data_16 .btn_group { top: 1450px; left: 500px; } 

.png24 { tmp: expression(setPng24(this)); } 

.underline { text-decoration: underline; } 

.font-default { color: rgb(51, 51, 51); font-weight: normal; } 

.bold { font-weight: bold; } 

.line { border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; } 

.floatLeft { float: left; display: inline; } 

.floatRight { float: right; display: inline; } 

.clearBoth { clear: both; } 

.alignMiddle { vertical-align: middle; } 

.alignTop { vertical-align: top; } 

.alignBottom { vertical-align: bottom; } 

.alignCenter { text-align: center; } 

.alignRight { text-align: right; } 

.borderTop { border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; } 

.txtspace { letter-spacing: -1px; } 

.displayInline-block { display: inline-block; } 

.displayBlock { display: block; } 

.borderNone { border: currentColor; } 

.overflowHidden { overflow: hidden; } 

.skip { width: 0px; height: 0px; overflow: hidden; font-size: 0px; visibility: hidden; position: absolute; } 

h2 { margin: 0px; color: rgb(21, 21, 21); padding-bottom: 5px; font-size: 14px; font-weight: 600; } 

h3 { margin: 0px; padding: 0px 0px 10px 5px; width: auto; letter-spacing: -0.5px; font-size: 24px; font-weight: 600; } 

h4 { margin: 0px; color: rgb(48, 48, 48); line-height: 20px; padding-bottom: 5px; font-size: 16px; font-weight: 600; } 

h5 { margin: 0px; width: auto; color: rgb(48, 48, 48); letter-spacing: -0.5px; padding-bottom: 20px; font-size: 32px; font-weight: 600; border-bottom-color: rgb(202, 203, 204); border-bottom-width: 1px; border-bottom-style: solid; } 

hr { width: auto; margin-top: 30px; border-top-color: rgb(187, 187, 187); border-top-width: 1px; border-top-style: solid; display: block; } 

.f-white { color: rgb(255, 255, 255) !important; } 

.f-bdl { color: rgb(88, 94, 105) !important; } 

.bg_gray { background-color: rgb(168, 171, 172) !important; } 

.bg_join { background-color: rgb(232, 232, 232); } 

.wrap { margin: 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; position: relative; } 

.onda1 { background: url("/new_ebook/bg1.jpg") repeat; margin: 0px; padding: 0px; width: 100%; height: auto; overflow: hidden; position: relative; } 

.container { margin: 0px auto; padding: 30px 0px 10px; width: 1100px; font-size: 13px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; } 

.container:after { clear: both; float: none; display: block; content: ""; } 

.article-1 { margin: 0px; width: 100%; height: auto; padding-top: 60px; } 

.article-2 { margin: 0px; width: 100%; height: auto; padding-top: 60px; background-color: rgb(239, 238, 234); } 

.header { /*
background: url("/new_ebook/topbg.png") repeat-x; margin: 0px; padding: 0px; left: 0px; top: 0px; width: 100%; height: 75px; overflow: hidden; position: absolute; z-index: 99; */
 margin: 0px; padding: 0px; left: 0px; top: 0px; width: 100%; /*height: 9.17%; */
 position: relative; z-index: 110; } 

.header .header_inner { margin: 0px auto; padding: 0px; width: 90%; height: auto; position: relative; z-index: 10; min-width: 1100px; background-color: rgba(13, 21, 23, 1); } 

.header .header_inner::after { clear: both; float: none; display: block; content: ""; } 

.header .header_inner .logo { margin: 0px; padding: 0px; width: 221px; float: left; margin-right: 4%; } 

.header .header_inner .gnb { margin: 0px; padding: 0px; width: auto; float: left; position: relative; background-color: rgb(6, 31, 62); } 

.header .header_inner .gnb ul { margin: 0px; padding: 0px; width: auto; height: auto; } 

.header .header_inner .gnb ul::after { clear: both; float: none; display: block; content: ""; } 

.header .header_inner .gnb li { margin: 0px; padding: 0px; text-align: center; color: rgb(205, 210, 216); border-right-color: rgb(31, 54, 82); float: left; cursor: pointer; font-size-adjust: none; font-stretch: normal; } 

.header .header_inner .gnb li:hover { color: rgb(255, 255, 255); } 

.header .header_inner .other_menu { margin: 0px; width: auto; text-align: right; padding-top: 30px; float: right; z-index: 10; } 

.header_bg { margin: 0px; padding: 0px; left: 0px; top: 0px; width: 50%; height: 75px; position: absolute; background-color: #000; } 

.snb_wrap { height: 50px; overflow: hidden; clear: both; position: relative; z-index: 100; } 

.snb_wrap > div { margin: 0px auto; padding: 0px; width: 1100px; position: relative; } 

.snb_wrap > div > ul { top: 0px; display: none; position: absolute; } 

.snb_wrap > div > ul > li { margin-right: 25px; float: left; } 

.snb_wrap > div > ul > li a { color: rgb(102, 102, 102); line-height: 50px; font-size: 14px; } 

.snb_wrap > div > ul > li a:hover { color: rgb(35, 171, 241); } 

.snb_wrap > div > ul > li.actived a { color: rgb(35, 171, 241); } 

.snb_wrap .sub01 { left: 244px; } 

.snb_wrap .sub02 { left: 334px; } 

.snb_wrap .sub03 { left: 498px; } 

.snb_wrap .sub04 { left: 725px; } 

.snb_wrap .sub05 { left: 775px; } 

.snb_wrap .sub05 { left: 775px; } 

.snb_wrap .sub06 { left: 775px; } 

.snb_wrap .sub07 { left: 775px; } 

.snb_wrap .sub08 { left: 775px; } 

.main_visual { width: 100%; height: 675px; overflow: hidden; margin-top: -76px; } 

.main_visual .visual_content { margin: 75px auto 0px; width: 1100px; height: 600px; position: relative; } 

.main_visual .visual_obj_group { left: 600px; top: 0px; text-align: left; letter-spacing: -1px; position: absolute; z-index: 10; } 

.main_visual .visual_obj_group > div { left: 0px; top: 0px; width: 1100px; height: 625px; position: absolute; } 

.main_visual .visual_obj_group .txt_group { left: 0px; top: 100px; filter: alpha(opacity=0); position: absolute; z-index: 5; opacity: 0; } 

.main_visual .visual_obj_group .txt1 { color: rgb(68, 68, 68); line-height: 25px; font-size: 24px; } 

.main_visual .visual_obj_group .txt1 a { color: rgb(68, 68, 68); } 

.main_visual .visual_obj_group .txt2 { color: rgb(68, 68, 68); line-height: 40px; letter-spacing: -3px; font-size: 40px; margin-top: 13px; } 

.main_visual .visual_obj_group .txt2 a { color: rgb(68, 68, 68); } 

.main_visual .visual_obj_group .txt3 { color: rgb(102, 102, 102); line-height: 24px; letter-spacing: 0px; font-size: 15px; margin-top: 15px; } 

.main_visual .visual_obj_group .txt3 a { color: rgb(102, 102, 102); } 

.main_visual .visual_obj_group .txt4 { margin-top: 270px; } 

.main_visual .visual_obj_group .txt5 { margin-left: 700px; margin-top: -250px; } 

.main_visual .visual_obj_group .visual_img { filter: alpha(opacity=0); position: absolute; opacity: 0; } 

.main_visual .visual_obj_group .white > p { color: rgb(255, 255, 255); } 

.main_visual .visual_obj_group .white > p.s { color: rgb(221, 221, 221); } 

.main_visual .visual_obj_group .white > p.s a { color: rgb(221, 221, 221); } 

.main_visual .visual_obj_group .white > p.s span { color: rgb(221, 221, 221); font-size: 13px; } 

.main_visual .visual_obj_group .white > p a { color: rgb(255, 255, 255); } 

.main_visual .visual_obj_group .obj1 { right: 0px; bottom: 0px; } 

.main_visual .visual_obj_group .obj2 { right: -150px; bottom: 0px; } 

.main_visual .visual_obj_group .obj3 { right: 14px; bottom: 0px; } 

.main_visual .visual_obj_group .obj4 { right: 18px; bottom: 0px; } 

.main_visual .visual_obj_group .obj5 { right: 10px; bottom: 115px; } 

.main_visual .visual_bg_group { left: 0px; top: 0px; position: absolute; z-index: -5; } 

.main_visual .visual_bg_group > p { left: -450px; top: 0px; width: 2000px; height: 600px; filter: alpha(opacity=0); position: absolute; opacity: 0; } 

.main_visual .visual_bg_group > p > span { position: absolute; z-index: 200; cursor: pointer; } 

.main_visual .visual_content > a { top: 50%; margin-top: -40px; position: absolute; z-index: 99; cursor: pointer; } 

.main_visual .visual_content .btn_m_left { top: 540px; left: 500px; /* 340px */
 filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } 

.main_visual .visual_content .btn_m_right { top: 540px; right: 500px; /* 340px */
 filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } 

.main_visual .img01 { background: url("/new_ebook/visual01.jpg") no-repeat left top; } 

.main_visual .img02 { background: url("/new_ebook/visual02.jpg") no-repeat left top; } 

.main_visual .img03 { background: url("/new_ebook/visual03.jpg") no-repeat left top; } 

.main_visual .img04 { background: url("/new_ebook/visual04.jpg") no-repeat left top; } 

.main_visual .img05 { background: url("/new_ebook/visual05.jpg") no-repeat left top; } 

.visual-btn-A { left: 832px; top: 291px; } 

.visual-btn-B { left: 1145px; top: 475px; } 

.none { left: -5000px; top: -5000px; height: 0px; visibility: hidden; position: absolute; } 

.main-banner { margin: 0px auto; padding: 0px; width: 1100px; height: auto; } 

.main-banner::after { clear: both; float: none; display: block; content: ""; } 

.main-banner span { left: 29px; top: 65px; color: rgb(37, 37, 37); line-height: 19px; letter-spacing: -0.3px; font-size: 12px; position: absolute; } 

.movie_list { top: 158px !important; } 

.bann_275 { width: 275px; height: 275px; float: left; position: relative; cursor: pointer; } 

.bann_550 { width: 550px; height: 275px; float: left; position: relative; cursor: pointer; } 

.bann01 { background: url("img/main/bann01.jpg") no-repeat 0px 0px; } 

.bann01:hover { background: url("img/main/bann01.jpg") no-repeat 0px -275px; } 

.bann02 { background: url("img/main/bann02.jpg") no-repeat 0px 0px; } 

.bann02:hover { background: url("img/main/bann02.jpg") no-repeat 0px -275px; } 

.bann03 { background: url("img/main/bann03.jpg") no-repeat 0px 0px; } 

.bann03:hover { background: url("img/main/bann03.jpg") no-repeat 0px -275px; } 

.bann04 { background: url("img/main/bann04.jpg") no-repeat 0px 0px; } 

.bann04:hover { background: url("img/main/bann04.jpg") no-repeat 0px -275px; } 

.bann05 { background: url("img/main/bann05.jpg") no-repeat 0px 0px; } 

.bann05:hover { background: url("img/main/bann05.jpg") no-repeat 0px -275px; } 

.footer { margin: 0px; padding: 35px 0px; width: auto; height: auto; background-color: rgb(240, 240, 240); } 

.footer .footer_inner { margin: 0px auto; padding: 0px; width: 1100px; overflow: hidden; position: relative; } 

.footer .footer_inner::after { clear: both; float: none; display: block; content: ""; } 

.footer .footer_inner dl { margin: 0px; padding: 0px; width: auto; } 

.footer .footer_inner dt { color: rgb(138, 138, 138); line-height: 16px; margin-bottom: 5px; } 

.footer .footer_inner dd { color: rgb(138, 138, 138); font-family: tahoma; font-size: 10px; } 

.footer .footer_inner .footer_menu { color: rgb(98, 98, 98); padding-bottom: 10px; font-weight: bold; } 

.footer .footer_inner .footer_menu a { color: rgb(138, 138, 138); text-decoration: none; } 

.footer .footer_inner .footer_menu span { margin: 0px 5px; color: rgb(187, 187, 187); font-size: 10px; display: inline-block; } 

.footer .footer_inner .footer_logo { top: 15px; right: 0px; position: absolute; } 

#quick { top: 100px; width: auto; right: 10px; position: absolute; z-index: 1000; } 

.quick-inner { position: relative; } 

.quick-inner .close { top: 0px; right: 0px; position: absolute; cursor: pointer; } 

.quick-inner .btn { left: 50%; top: 240px; margin-left: -40px; position: absolute; cursor: pointer; } 

#sub_visual { margin: 0px; width: 100%; height: 275px; overflow: hidden; min-width: 1100px; position: relative; } 

.page01 { background: url("/new_ebook/sub_visual_1_1.jpg") no-repeat bottom; height: 350px !important; } 

.page02 { height: 100px !important; } 

.page03 { background: url("/new_ebook/sub_visual_1_3.jpg") no-repeat bottom; height: 350px !important; } 

.page04 { height: 60px !important; } 

.page05 { background-position: center -725px; } 

.page06 { background-position: center -925px; } 

.location { margin: 0px auto; padding: 30px 0px 10px; width: 1100px; font-size: 13px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; } 

.location::after { clear: both; float: none; display: block; content: ""; } 

.location > span { color: rgb(155, 155, 155); line-height: 12px; float: left; display: block; } 

.location > span.location_map { } 

.section { margin: 0px auto; padding: 0px; width: 1100px; position: relative; } 

.section p { margin: 0px; padding: 0px; display: block; } 

.section .sub_title { color: rgb(80, 80, 80); line-height: 32px; letter-spacing: -1px; font-size: 26px; font-weight: normal; } 

.section .en_title { color: rgb(27, 105, 177); letter-spacing: -2px; font-size: 36px; font-weight: normal; margin-top: 7px; } 

.section .txt_info { color: rgb(119, 119, 119); line-height: 25px; font-size: 14px; margin-top: 22px; } 

.section .emphasis { padding: 8px 10px; width: 500px; color: rgb(68, 68, 68); line-height: 24px; letter-spacing: 0px; font-size: 14px; margin-top: 20px; background-color: rgb(248, 248, 248); } 

.section .emphasis2 { padding: 8px 10px; color: rgb(68, 68, 68); line-height: 24px; letter-spacing: 0px; font-size: 14px; margin-top: 20px; background-color: rgb(232, 231, 227); } 

.txt_group { left: 50%; top: 50px; width: 1100px; margin-left: -550px; position: absolute; z-index: 100; } 

.txt_group2 { left: 50%; top: 50px; width: auto; margin-left: 50px; position: absolute; z-index: 100; } 

.tg50 { top: 50px; } 

.group-1 { margin-top: 50px; } 

.pdb-txt { padding-bottom: 40px; } 

.txt_group2 .en_title { color: rgb(201, 166, 110); letter-spacing: -2px; font-size: 36px; font-weight: normal; margin-top: 7px; } 

.honor_title { margin: 50px auto -45px; width: auto; text-align: center; color: rgb(68, 68, 68); line-height: 24px; letter-spacing: -1px; font-size: 24px; min-width: 1100px; } 

.honor_group { margin: 0px auto; width: 1100px; text-align: center; padding-bottom: 50px; } 

.honor_group .honor_q { letter-spacing: -2px; font-size: 32px; margin-bottom: 30px; } 

.article-1 .honor_q { color: rgb(27, 105, 177); } 

.article-2 .honor_q { color: rgb(201, 166, 110); } 

.honor_list { margin: 0px; padding: 0px; width: 1150px; } 

.honor_list::after { clear: both; float: none; display: block; content: ""; } 

.honor_list li { width: 340px; text-align: center; margin-top: 30px; margin-right: 40px; float: left; } 

.honor_list li .photo { border-radius: 170px; width: 340px; height: 340px; overflow: hidden; -webkit-border-radius: 170px; -moz-border-radius: 170px; } 

.honor_list li dl { margin: 30px 0px; width: auto; } 

.honor_list li dt { color: rgb(68, 68, 68); line-height: 28px; letter-spacing: -1px; font-size: 22px; } 

.honor_list li dt.name { color: rgb(80, 80, 80); line-height: 24px; letter-spacing: -0.5px; font-size: 18px; margin-top: 10px; } 

.honor_list li dd { color: rgb(119, 119, 119); line-height: 23px; padding-top: 20px; font-size: 14px; margin-top: 20px; } 

.article-1 .honor_list li dd { } 

.article-2 .honor_list li dd { } 

.interior { background: url("") repeat; margin: 0px; padding: 0px; width: 100%; height: 0px; overflow: hidden; position: relative; } 

.interior1 { background: url("https://ebook.co.kr/new_contents/bg2.jpg") repeat; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative; } 

.interior2 { background: url("https://ebook.co.kr/new_contents/bg3.jpg") repeat; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative; } 

.interior3 { background: url("https://ebook.co.kr/new_contents/bg4.jpg") repeat; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative; } 

.interior4 { background: url("https://ebook.co.kr/new_contents/bg5.jpg") repeat; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative; } 

.interior5 { background: url("https://ebook.co.kr/new_contents/bg6.jpg") repeat; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative; } 

.interior6 { background: url("https://ebook.co.kr/new_contents/bg7.jpg") repeat; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative; } 

.img_interior { left: -450px; top: 0px; position: relative; z-index: 5; } 

.img_interior .title_interior { left: 0px; width: 2000px; text-align: center; bottom: 30px; color: rgb(255, 255, 255); font-size: 32px; font-weight: bold; display: block; position: absolute; z-index: 200; } 

.img_interior .txt_bg { width: 2000px; height: 100px; margin-top: -100px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); position: absolute; opacity: 0.5; background-color: rgb(0, 0, 0); } 

.img_interior .txt_bg_2 { width: 2000px; height: 100px; margin-top: -100px; position: absolute; } 

.gallery_control { margin: 0px auto; padding: 0px; width: 100%; height: 0px; position: relative; z-index: 9999; min-width: 1100px; max-width: 2000px; } 

.gallery_control > a { top: 0px; margin-top: 215px; position: absolute; z-index: 999; cursor: pointer; } 

.gallery_control .gallery_prev { left: 30px; } 

.gallery_control .gallery_next { right: 30px; } 

.goust_lecturer { top: 0px; width: 100%; height: auto; display: none; position: relative; z-index: 100; background-color: white; } 

.goust_lecturer ul { top: 0px; width: 100%; height: auto; position: absolute; z-index: 100; } 

.goust_lecturer ul::after { clear: both; float: none; display: block; content: ""; } 

.goust_lecturer li { float: left; cursor: pointer; } 

.map { margin: 0px auto; padding: 0px; width: 1100px; height: 450px; } 

.contact { margin: 40px auto 80px; padding: 0px; width: 1100px; height: auto; overflow: hidden; } 

.contact ul { margin: 0px auto; padding: 0px; width: auto; height: auto; } 

.contact ul::after { clear: both; float: none; display: block; content: ""; } 

.contact li { width: 519px; padding-left: 30px; font-size: 13px; border-right-color: rgb(236, 236, 236); border-right-width: 1px; border-right-style: solid; float: left; position: relative; min-height: 210px; } 

.contact li.last { border: currentColor; } 

.contact li p.icon { left: 50%; top: 0px; margin-left: -40px; position: absolute; z-index: 100; } 

.contact li p b { color: rgb(69, 69, 69); } 

.contact-ttl { margin: 90px 0px 20px; color: rgb(0, 0, 0); font-size: 16px; font-weight: bold; } 

.contact-info { margin: 0px; color: rgb(112, 112, 112); line-height: 20px; } 

.contact li table { } 

.caption { margin: 0px; padding: 0px; width: 0px; height: 0px; line-height: 0px; overflow: hidden; font-size: 0px; visibility: hidden; } 

._btn01 { font: bold 12px/25px Nanum Gothic; margin: 0px; padding: 0px 15px; width: auto; text-align: center; color: rgb(255, 255, 255); letter-spacing: 0.5px; vertical-align: middle; display: inline-block; cursor: pointer; font-size-adjust: none; font-stretch: normal; background-color: rgb(27, 105, 177); } 

._btn02 { font: bold 16px/35px Nanum Gothic; margin: 0px; padding: 0px 30px; width: auto; text-align: center; color: rgb(255, 255, 255); letter-spacing: 0.5px; vertical-align: middle; display: inline-block; cursor: pointer; font-size-adjust: none; font-stretch: normal; background-color: rgb(27, 105, 177); } 

._btn03 { font: bold 13px/32px Nanum Gothic; margin: 0px; padding: 0px 15px; width: auto; text-align: center; color: rgb(255, 255, 255); letter-spacing: 0.5px; vertical-align: middle; display: inline-block; cursor: pointer; font-size-adjust: none; font-stretch: normal; background-color: rgb(168, 171, 172); } 

.status_tab { margin: 30px auto 40px; padding: 0px; width: 1101px; height: 57px; z-index: 5; } 

.status_tab::after { clear: both; float: none; display: block; content: ""; } 

.status_tab li { width: 182px; text-align: center; line-height: 50px; margin-right: 1px; margin-bottom: 1px; float: left; position: relative; cursor: pointer; background-color: rgb(168, 171, 172); } 

.status_tab li:hover { font-weight: bold; background-color: rgb(0, 118, 222); } 

.status_tab li > a { width: auto; height: auto; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; display: block; } 

.content_list { margin: 0px; padding: 0px; width: auto; height: auto; } 

.content_list p { margin: 0px; padding: 0px; } 

.content_list .list_title { color: rgb(68, 68, 68); letter-spacing: -1px; font-size: 24px; font-weight: normal; margin-top: 40px; } 

.list_title { color: rgb(68, 68, 68); letter-spacing: -1px; font-size: 24px; font-weight: normal; margin-top: 40px; } 

.content_list .list_info { margin: 14px 0px 5px; padding: 0px; color: rgb(119, 119, 119); line-height: 24px; font-size: 14px; } 

.content_list dl { width: auto; overflow: hidden; padding-bottom: 35px; margin-top: 35px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; } 

.content_list dl::after { clear: both; float: none; display: block; content: ""; } 

.content_list dl > dt { width: 400px; height: auto; overflow: hidden; float: left; } 

.content_list dl > dd { width: 600px; float: left; } 

.content_list dl > dd .info_title { margin: 0px; color: rgb(27, 105, 177); line-height: 34px; letter-spacing: -1px; padding-left: 100px; font-size: 22px; } 

.content_list dl > dd .info { color: rgb(119, 119, 119); line-height: 23px; padding-left: 100px; font-size: 14px; margin-top: 7px; } 

.join { margin: 0px; padding: 40px; width: auto; height: auto; overflow: hidden; } 

.join .process { padding: 0px; width: auto; height: auto; margin-top: 40px; } 

.join .process ul { margin: 0px; padding: 0px; width: auto; height: auto; } 

.join .process ul::after { clear: both; float: none; display: block; content: ""; } 

.join .process li { width: 340px; float: left; } 

.join .process li span { text-align: center; color: rgb(113, 116, 121); font-size: 13px; font-weight: bold; display: block; } 

.join .success { margin: 60px auto 0px; padding: 0px; width: 860px; height: 200px; text-align: center; border-top-color: rgb(209, 209, 209); border-bottom-color: rgb(209, 209, 209); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; background-color: rgb(238, 238, 238); } 

.join .success dl { margin: 0px; width: auto; height: auto; padding-top: 50px; } 

.join .success dt { padding: 0px; width: auto; height: auto; color: rgb(85, 85, 85); letter-spacing: -1px; font-size: 34px; font-weight: bold; margin-bottom: 15px; } 

.join .success dd { margin: 0px; padding: 0px; width: auto; height: auto; color: rgb(112, 112, 112); line-height: 20px; font-size: 13px; } 

.section_agree dt { height: 30px; color: rgb(39, 41, 44); font-size: 18px; font-weight: bold; margin-top: 40px; } 

.section_agree dd .box_wrap { border: 1px solid rgb(221, 221, 221); height: 250px; overflow-y: scroll; } 

.section_agree dd .box_wrap .box_agree { padding: 20px 0px 20px 20px; width: auto; color: rgb(91, 95, 100); line-height: 22px; } 

.section_agree dd .agree_check { width: auto; height: 15px; text-align: right; padding-top: 10px; } 

.join_notice { padding: 60px 0px 10px; color: rgb(91, 95, 100); } 

.join_write { margin: 0px; padding: 0px; width: auto; height: auto; border-top-color: rgb(135, 138, 141); border-top-width: 1px; border-top-style: solid; } 

.join_write dl { margin: 0px; padding: 0px; width: auto; height: auto; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(246, 246, 246); } 

.join_write dl::after { clear: both; float: none; display: block; content: ""; } 

.join_write dt { font: 13px/42px Nanum Gothic; margin: 0px; width: 135px; color: rgb(39, 41, 44); overflow: hidden; padding-left: 25px; float: left; font-size-adjust: none; font-stretch: normal; } 

.join_write dd { font: 13px/28px Nanum Gothic; margin: 0px; padding: 7px 0px 7px 20px; width: 840px; color: rgb(102, 102, 102); overflow: hidden; float: left; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255); } 

.join_write dd select { color: rgb(102, 102, 102); } 

.join_write dd select { color: rgb(102, 102, 102); } 

.join_write dd p { margin-bottom: 5px; display: block; } 

.assist_txt { color: rgb(91, 95, 100); padding-left: 15px; } 

.txt_cg { margin: 150px auto; padding: 0px; width: 1100px; height: auto; text-align: center; } 

.txt_cg dt { color: rgb(27, 105, 177); letter-spacing: -2px; font-size: 36px; margin-bottom: 10px; } 

.txt_cg dd { margin: 0px; width: auto; color: rgb(68, 68, 68); line-height: 32px; letter-spacing: -1px; font-size: 24px; } 

.player { left: 50%; top: 50%; width: 900px; height: auto; margin-top: -350px; margin-left: -450px; position: absolute; z-index: 10; } 

.player .player_top { padding: 0px; width: auto; overflow: hidden; } 

.player .player_top::after { clear: both; float: none; display: block; content: ""; } 

.player .player_top .btn_close { padding: 10px; width: 22px; height: 22px; float: right; background-color: rgb(0, 0, 0); } 

.player .player_con { margin: 0px; padding: 0px; background-color: rgb(0, 0, 0); } 

.player .player_con .player_size { width: 900px; height: 509px; } 

.player .player_con ul { margin: 0px; padding: 3px; width: auto; height: auto; } 

.player .player_con ul::after { clear: both; float: none; display: block; content: ""; } 

.player .player_con li { margin: 3px; padding: 0px; border: 3px solid rgb(0, 0, 0); width: 210px; height: 120px; float: left; cursor: pointer; } 

.player .player_con li.on { border: 3px solid rgb(0, 173, 239); } 

.btn_top_go { cursor: pointer; } 

.btn_next_go { z-index: 0; position: absolute; top: 288px; margin-left: -29px; cursor: pointer; left: 50%; } 

.header { position: fixed !important; } 

.visual_tab { left: -13px; width: 1126px; height: 78px; bottom: 25px; position: absolute; z-index: 0; } 

.main_visual .visual_tab ul { margin: 0px auto; width: 1100px; overflow: hidden; } 

.visual_tab ul > li { width: 220px; height: 50px; float: left; position: relative; cursor: pointer; } 

.visual_tab ul > li > p { left: 0px; top: 0px; width: 219px; height: 50px; line-height: 50px; position: absolute; } 

.visual_tab ul > li > p.title { text-align: center; color: rgb(68, 68, 68); line-height: 50px; letter-spacing: -1px; font-size: 15px; z-index: 5; } 

.visual_tab ul > li > p.bg { border-right-color: rgb(217, 217, 217); border-right-width: 1px; border-right-style: solid; filter: alpha(opacity=80); opacity: 0.8; background-color: rgb(255, 255, 255); } 

.visual_tab ul > li.last > p.bg { width: 220px; border-right-color: currentColor; border-right-width: medium; border-right-style: none; } 

.status_tab { margin: 30px auto 40px; padding: 0px; width: 1101px; height: 57px; z-index: 1000; } 

.status_tab::after { clear: both; float: none; display: block; content: ""; } 

.status_tab li { width: 155px; text-align: center; line-height: 50px; margin-right: 1px; margin-bottom: 1px; float: left; position: relative; cursor: pointer; background-color: rgb(168, 171, 172); } 

.status_tab li:hover { font-weight: bold; background-color: rgb(0, 118, 222); } 

.status_tab li > a { width: auto; height: auto; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; display: block; } 

.status_tab1 { margin: 30px auto 40px; padding: 0px; width: 1101px; height: 57px; z-index: 5; } 

.status_tab1::after { clear: both; float: none; display: block; content: ""; } 

.status_tab1 li { width: 218px; text-align: center; line-height: 50px; margin-right: 1px; margin-bottom: 1px; float: left; position: relative; cursor: pointer; background-color: rgb(168, 171, 172); } 

.status_tab1 li:hover { font-weight: bold; background-color: rgb(0, 118, 222); } 

.status_tab1 li > a { width: auto; height: auto; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; display: block; } 

.status_tab2 { margin: 30px auto 40px; padding: 0px; width: 1101px; height: 57px; z-index: 5; } 

.status_tab2::after { clear: both; float: none; display: block; content: ""; } 

.status_tab2 li { width: 363px; text-align: center; line-height: 50px; margin-right: 1px; margin-bottom: 1px; float: left; position: relative; cursor: pointer; background-color: rgb(168, 171, 172); } 

.status_tab2 li:hover { font-weight: bold; background-color: rgb(0, 118, 222); } 

.status_tab2 li > a { width: auto; height: auto; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; display: block; } 

.snb { border-bottom: 1px solid #dddddd; } 

.status_tab3 { margin: auto; padding: 0px; z-index: 5; display: flex; justify-content: space-evenly; align-items: center; max-width: 1400px; min-width: 1000px; text-align: center; } 
.status_tab3 li { display: inline-block; height: 67px; } 
.status_tab3 li > a { font-size: 20px; color: #444444; padding: 0 16px; display: inline-block; box-sizing: border-box; height: 70px; line-height: 67px;     font-family: 'Paperlogy'; font-weight: 600; } 
.status_tab3 li > a:hover { text-decoration: none; } 
.status_tab3 li.on a { font-weight: bold; color: #ff8b00; border-bottom: 3px solid #ff8b00; } 

.status_tab31 { margin: 30px auto 40px; padding: 0px; width: 1101px; height: 57px; z-index: 5; } 

.status_tab31::after { clear: both; float: none; display: block; content: ""; } 

.status_tab31 li { width: 215px; text-align: center; line-height: 50px; margin-right: 1px; margin-bottom: 1px; float: left; position: relative; cursor: pointer; background-color: rgb(168, 171, 172); } 

.status_tab31 li:hover { font-weight: bold; background-color: rgb(0, 118, 222); } 

.status_tab31 li > a { width: auto; height: auto; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; display: block; } 

.status_tab4 { margin: 30px auto 40px; padding: 0px; width: 1101px; height: 57px; z-index: 5; background-image: url(prev_201604111539/green.jpg); } 

.status_tab4::after { clear: both; float: none; display: block; content: ""; } 

.status_tab4 li { width: 155px; text-align: center; line-height: 50px; margin-right: 1px; margin-bottom: 1px; float: left; position: relative; cursor: pointer; background-color: rgb(168, 171, 172); } 

.status_tab4 li:hover { font-weight: bold; background-color: rgb(42, 42, 42); } 

.status_tab4 li.on { font-weight: bold; background-color: rgb(42, 42, 42); } 

.status_tab4 li > a { width: auto; height: auto; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 12px; display: block; } 

.status_tab41 { margin: 30px auto 40px; padding: 0px; width: 1101px; height: 57px; z-index: 5; } 

.status_tab41::after { clear: both; float: none; display: block; content: ""; } 

.status_tab41 li { width: 155px; text-align: center; line-height: 50px; margin-right: 1px; margin-bottom: 1px; float: left; position: relative; cursor: pointer; background-color: rgb(168, 171, 172); } 

.status_tab41 li:hover { font-weight: bold; background-color: rgb(42, 42, 42); } 

.status_tab41 li.on { font-weight: bold; background-color: rgb(42, 42, 42); } 

.status_tab41 li > a { width: auto; height: auto; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 14px; display: block; } 

.status_tab5 { margin: 30px auto 40px; padding: 0px; width: 1101px; height: 57px; z-index: 5; } 

.status_tab5::after { clear: both; float: none; display: block; content: ""; } 

.status_tab5 li { width: 363px; text-align: center; line-height: 50px; margin-right: 1px; margin-bottom: 1px; float: left; position: relative; cursor: pointer; background-color: rgb(168, 171, 172); } 

.status_tab5 li:hover { font-weight: bold; background-color: rgb(42, 42, 42); } 

.status_tab5 li.on { font-weight: bold; background-color: rgb(42, 42, 42); } 

.status_tab5 li > a { width: auto; height: auto; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; display: block; } 

.status_tab6 { margin: 30px auto 40px; padding: 0px; width: 1101px; height: 57px; z-index: 5; } 

.status_tab6::after { clear: both; float: none; display: block; content: ""; } 

.status_tab6 li { width: 272px; text-align: center; line-height: 50px; margin-right: 1px; margin-bottom: 1px; float: left; position: relative; cursor: pointer; background-color: rgb(168, 171, 172); } 

.status_tab6 li:hover { font-weight: bold; background-color: rgb(0, 118, 222); } 

.status_tab6 li.on { font-weight: bold; background-color: rgb(0, 118, 222); } 

.status_tab6 li > a { width: auto; height: auto; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; display: block; } 

.status_tab7 { margin: 30px auto 40px; padding: 0px; width: 1101px; height: 57px; z-index: 5; } 

.status_tab7::after { clear: both; float: none; display: block; content: ""; } 

.status_tab7 li { width: 155px; text-align: center; line-height: 50px; margin-right: 1px; margin-bottom: 1px; float: left; position: relative; cursor: pointer; background-color: rgb(168, 171, 172); } 

.status_tab7 li:hover { font-weight: bold; background-color: rgb(0, 118, 222); } 

.status_tab7 li.on { font-weight: bold; background-color: rgb(0, 118, 222); } 

.status_tab7 li > a { width: auto; height: auto; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; display: block; } 

.status_tab8 { margin: 30px auto 40px; padding: 0px; width: 1101px; height: 57px; z-index: 5; } 

.status_tab8::after { clear: both; float: none; display: block; content: ""; } 

.status_tab8 li { width: 545px; text-align: center; line-height: 50px; margin-right: 1px; margin-bottom: 1px; float: left; position: relative; cursor: pointer; background-color: rgb(168, 171, 172); } 

.status_tab8 li:hover { font-weight: bold; background-color: rgb(0, 118, 222); } 

.status_tab8 li.on { font-weight: bold; background-color: rgb(0, 118, 222); } 

.status_tab8 li > a { width: auto; height: auto; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; display: block; } 

.status_tab9 { margin: 30px auto 40px; padding: 0px; width: 1101px; height: 57px; z-index: 5; } 

.status_tab9::after { clear: both; float: none; display: block; content: ""; } 

.status_tab9 li { width: 270px; text-align: center; line-height: 50px; margin-right: 1px; margin-bottom: 1px; float: left; position: relative; cursor: pointer; background-color: rgb(168, 171, 172); } 

.status_tab9 li:hover { font-weight: bold; background-color: rgb(42, 42, 42); } 

.status_tab9 li.on { font-weight: bold; background-color: rgb(42, 42, 42); } 

.status_tab9 li > a { width: auto; height: auto; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 18px; display: block; } 

.status_tab10 { margin: 30px auto 40px; padding: 0px; width: 1101px; height: 57px; z-index: 5; } 

.status_tab10::after { clear: both; float: none; display: block; content: ""; } 

.status_tab10 li { width: 155px; text-align: center; line-height: 50px; margin-right: 1px; margin-bottom: 1px; float: left; position: relative; cursor: pointer; background-color: rgb(168, 171, 172); } 

.status_tab10 li:hover { font-weight: bold; background-color: rgb(42, 42, 42); } 

.status_tab10 li.on { font-weight: bold; background-color: rgb(42, 42, 42); } 

.status_tab10 li > a { width: auto; height: auto; color: rgb(255, 255, 255); letter-spacing: -1px; font-size: 12px; display: block; } 

.content_list { margin: 0px; padding: 0px; width: auto; height: auto; } 

.content_list p { margin: 0px; padding: 0px; } 

.content_list .list_title { color: rgb(68, 68, 68); letter-spacing: -1px; font-size: 24px; font-weight: normal; margin-top: 40px; } 

.list_title { color: rgb(68, 68, 68); letter-spacing: -1px; font-size: 24px; font-weight: normal; margin-top: 40px; } 

.content_list .list_info { margin: 14px 0px 5px; padding: 0px; color: rgb(119, 119, 119); line-height: 24px; font-size: 14px; } 

.content_list dl { width: auto; overflow: hidden; padding-bottom: 35px; margin-top: 35px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; } 

.content_list dl::after { clear: both; float: none; display: block; content: ""; } 

.content_list dl > dt { width: 400px; height: auto; overflow: hidden; float: left; } 

.content_list dl > dd { width: 600px; float: left; } 

.content_list dl > dd .info_title { margin: 0px; color: rgb(27, 105, 177); line-height: 34px; letter-spacing: -1px; padding-left: 100px; font-size: 22px; } 

.content_list dl > dd .info { color: rgb(119, 119, 119); line-height: 23px; padding-left: 100px; font-size: 14px; margin-top: 7px; } 

.fix { position: fixed !important; } 

.header { position: fixed !important; background-color: rgba(13, 21, 23, 1); } 

.visual_tab { left: -13px; width: 1126px; height: 78px; bottom: -10px; position: absolute; z-index: 15; } 

.main_visual .visual_tab ul { margin: 0px auto; width: 1100px; overflow: hidden; } 

.visual_tab ul > li { width: 220px; height: 50px; float: left; position: relative; cursor: pointer; } 

.visual_tab ul > li > p { left: 0px; top: 0px; width: 219px; height: 50px; line-height: 50px; position: absolute; } 

.visual_tab ul > li > p.title { text-align: center; color: rgb(68, 68, 68); line-height: 50px; letter-spacing: -1px; font-size: 16px; z-index: 5; font-family: "s-core-dream", sans-serif; font-weight: 600; } 

.visual_tab ul > li > p.bg { border-right-color: rgb(217, 217, 217); border-right-width: 1px; border-right-style: solid; filter: alpha(opacity=80); opacity: 0.8; background-color: rgb(255, 255, 255); } 

.visual_tab ul > li.last > p.bg { width: 220px; border-right-color: currentColor; border-right-width: medium; border-right-style: none; } 

.onda3 { margin: 0px; padding: 0px; left: 0px; width: 100%; position: absolute; } 

div.cont_mdl { width: 1100px; margin-top: 20px; } 
div.cont_mdl .tit { height: 38px; margin-bottom: 25px; padding: 12px 0 0 10px; color: #fff; font-size: 16px; font-weight: bold; text-align: left; } 
div.cont_mdl .tit01 { background: #edbd4f; } 
div.cont_mdl .tit02 { background: #db5440; } 
div.cont_mdl .tit03 { background: #7f6eca; } 
div.cont_mdl .tit04 { background: #7cc653; } 
div.mdl_top { width: 1100px; margin-bottom: 35px; overflow: hidden; display: flex; justify-content: space-between; align-items: flex-start; max-width: 1100px; } 
div.mdl_top .notice { float: left; position: relative; } 
div.mdl_top .notice a.more { display: block; position: absolute; top: 50px; right: 0; padding: 4px 6px; background: #268fec; color: #fff; font-weight: bold; text-decoration: none; } 
div.mdl_top .notice table { width: 540px; border-top: 1px solid #eee; table-layout: fixed; } 
div.mdl_top .notice table th { padding: 6px 0; background: #eee; color: #5e5e5e; text-align: center; font-weight: bold; } 
div.mdl_top .notice table th,
div.mdl_top .notice table td { height: 29px; padding: 0 !important; border-bottom: 1px dotted #ddd; } 
div.mdl_top .notice table td { padding: 6px 0; text-align: center; } 
div.mdl_top .notice table td.tl { padding: 0 5px; text-align: left; } 
div.mdl_top .notice table td a.c_888 { color: #888; font-weight: bold; } 
div.mdl_top .notice table tr.bg01 { background: #fafafa; } 
div.mdl_top .portfolio { float: left; position: relative; width: 520px; } 
div.mdl_top .portfolio a.more { display: block; position: absolute; top: 50px; right: 0; padding: 4px 6px; background: #268fec; color: #fff; font-weight: bold; text-decoration: none; } 
div.mdl_top .portfolio ul.big_sum { float: left; width: 520px; margin: 0 0 36px 0; } 
div.mdl_top .portfolio ul.big_sum li { float: left; width: 250px; margin-right: 20px; border: 0px solid #e2e2e2; } 
div.mdl_top .portfolio ul.big_sum li a { display: block; } 
div.mdl_top .portfolio ul.big_sum li img { width: 100%; } 
div.mdl_top .portfolio ul.big_sum li.last { margin-right: 0; } 
div.mdl_top .portfolio ul.sm_sum { float: left; width: 520px; margin: 0; } 
div.mdl_top .portfolio ul.sm_sum li { float: left; width: 120px; margin-right: 20px; border: 0px solid #e2e2e2; } 
div.mdl_top .portfolio ul.sm_sum li a { display: block; } 
div.mdl_top .portfolio ul.sm_sum li img { width: 100%; } 
div.mdl_top .portfolio ul.sm_sum li.last { margin-right: 0; } 
div.mdl_btm { width: 1100px; overflow: hidden; } 
div.mdl_btm .client { float: left; width: 710px; margin-right: 20px; } 
div.mdl_btm .client ul.big { width: 720px; margin: 0 0 0 -10px; padding: 0; overflow: hidden; } 
div.mdl_btm .client ul.big li { float: left; width: 170px; height: 55px; margin: 0 0 10px 10px; } 
div.mdl_btm .client ul.big li img { width: 100%; } 
div.mdl_btm .video { float: left; width: 370px; } 
div.mdl_btm .video .bnr { position: relative; width: 370px; } 
div.mdl_btm .video .bnr img { width: 370px; height: 246px; cursor: pointer; }