/* 공통 */ * {margin:0px; padding:0px;letter-spacing:0px;font-family:"ntk", sans-Serif;} ul,ol,li{list-style:none outside} img { border:0px;} .blind {position:absolute; left:-8000px} .blind2 {position:absolute; left:-8000px; display:none;} #skip-navi {position:absolute; left:-8000px} a:link,a:visited{text-decoration:none;color:#555;} a:hover,a:active{text-decoration:none;} /* MOBIL vision */ @media (max-width: 500px) { html, body {margin:0; padding:0; border:0; vertical-align:top; color:#666;} } /* 태블릿 vision */ @media (min-width: 768px) and (max-width: 1023px){ html, body {margin:0; padding:0; border:0; vertical-align:top; color:#666;} } /* PC vision */ @media (min-width: 1024px) { html, body {margin:0; padding:0; border:0; vertical-align:top; color:#666;} } /*//////////////////////////////////////// PC vision ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (min-width: 1024px) { #wrab { margin:0 auto; position:relative; width:auto; border:0px solid #F00;} #wrab_left {position: fixed; z-index: 999999999; width:250px; min-width:250px;border:0px solid #F00;} #wrab_right {position:relative; width:auto; border:0px solid #F00; margin-left:250px; min-width:1230px} /* 메인 */ #m_category {display: none;} #m_top{display:none;} /* 메인 */ /* 메인_메뉴영역 */ #logo {position:absolute; top:46px; width:250px; z-index:100; background-color:#0c4da2;} #logo h1 {position:relative; width:194px; height:49px; padding-top:30px; margin-left:20px; z-index:100;} #category {position:absolute;width:250px;height:46px; background-image:url('/img/comm/category_bg.gif'); background-repeat:repeat-x; z-index:100;} #category_m {display:none;} #left_menu {position:relative;float:left; margin-top:180px; width:250px; height:950px; overflow:hidden; border:0px solid #F00;} #left_menu #menu_wrab {position:relative; background-color:#0c4da2; width:250px; height:770px; overflow:hidden; z-index:5;} /* 메인_왼쪽메뉴 */ #left_menu #menu_wrab #menu {position:relative; width:250px; z-index:5; border:0px solid #F00;overflow:hidden;} #left_menu #menu_wrab #menu .tMenu {position:relative; width:200px; z-index:4; border:0px solid #F00;float:right;} #left_menu #menu_wrab #menu .tMenu #lmenu {width:250px; margin:0 auto; background-color:#0c4da2;} #left_menu #menu_wrab #menu .tMenu #lmenu:after {clear:both; display:block; content:"";} #left_menu #menu_wrab #menu .tMenu #lmenu li {position:relative;width:200px; height:53px; border-bottom:1px solid #4b7bba;} #left_menu #menu_wrab #menu .tMenu #lmenu li a{display:block; width:auto; color:#fff;font-size:16px; height:53px; padding-left:30px;padding-top:15px;} #left_menu #menu_wrab #menu .tMenu #lmenu li a:hover{ width:auto; background-image:url('/img/main/menu_over.gif'); background-repeat:no-repeat;} /*#left_menu #menu_wrab #menu .tMenu #lmenu li ul {position:absolute; background-color:#787f89; width:170px; height:0px; overflow:hidden; left:0px; top:45px} #left_menu #menu_wrab #menu .tMenu #lmenu li ul li {clear:both; margin-left:20px; margin-top:5px;width:170px;border:0px solid #00f;} #left_menu #menu_wrab #menu .tMenu #lmenu li ul li.last {margin-bottom:40px;} #left_menu #menu_wrab #menu .tMenu #lmenu li ul li a {color:#fff;font-size:12px;} /* 메인_왼쪽메뉴 */ #menu_view_box {display:none;} #left_menu #menu_wrab #smenu_m {position:relative; margin:0px 20px; height:125px; margin-top:130px; z-index:3; border-bottom:1px solid #4e7dbb;} #left_menu #menu_wrab #smenu_m li{padding-bottom:10px;padding-left:10px;} #left_menu #menu_wrab #smenu_m li a{color:#fff;font-size:11px;} /* totalMenu-전체메뉴 */ #totalMenu{position:absolute; top:83px; margin-left:-200px; background:#fff; border:1px solid #777; z-index:9999; width:950px; left:50%;padding:30px 0 30px 0; opacity:.95; filter:alpha(opacity=95); display:none;} #totalMenu:after{content:""; display:block; clear:both} #totalMenu li {float:left; height:120px; font-size:13px; padding: 0px; padding-left: 30px; border-left:1px solid #ececec; letter-spacing:-1px; line-height:18px;text-decoration:none;} #totalMenu li ul{text-align:left; height:60px; } #totalMenu li strong{display:block; color:#ff713b; font-size:13px; margin-bottom:10px} #totalMenu li li{padding:0px; padding-bottom:3px; float:none; border:none; margin:0px; height:auto;} #totalMenu li a{color:#595959;} #totalMenu .btn_close{position:absolute; right:20px; top:13px} #mainimg_m {display:none;} #mainimg {position:relative; width:auto; top:0px; height:990px; z-index:1; border:0px solid #F00;background-color:#656565;} #mainimg .wrapper {height:990px} #mainimg .mvimg {width:auto; height:990px; background-repeat:no-repeat; background-position:50% 0px; border:0px solid #f00;} #mainimg #img1 {background-image:url(/img/main/mainimg1.jpg); background-size:100%;} #mainimg #img2 {background-image:url(/img/main/mainimg2.jpg); background-size:100%;} #mainimg #img3 {background-image:url(/img/main/mainimg3.jpg); background-size:100%;} #mainimg #img4 {background-image:url(/img/main/mainimg4.jpg); background-size:100%;} #mainimg #img5 {background-image:url(/img/main/mainimg5.jpg); background-size:100%;} #t_banner{position:absolute;width:320px;z-index:10000;top:200px;right:150px;} #t_banner li{float:left;width:160px;} /* 컨텐츠 1 */ #m_contents_wrab{ position:relative; width:auto; z-index:5; border:0px solid #F00;overflow:hidden;} #m_contents_wrab:after {clear:both; display:block; content:"";} #m_contents_wrab h2{position:relative; font-size:40px;color:#222; font-weight:normal;} #m_contents_wrab #m1 { position:relative; width:100%; height:950px; padding-top:120px;text-align:center;background-color:#dad9d5;overflow:hidden;} #m_contents_wrab #m1 #m1_con { position:relative; margin:0 auto; width:auto; border:0px solid #F00;} #m_contents_wrab #m1 #m1_con p{font-size:16px; width:460px;margin:0 auto;padding-top:10px;} #m_contents_wrab #m1 #m1_con #pic_con{width:1200px;height:599px;margin:0 auto;overflow:hidden;} #m_contents_wrab #m1 #m1_con #pic_con #pic1{width:400px;float:left;} #m_contents_wrab #m1 #m1_con #pic_con #pic1 li{margin-bottom:17px; border:0px solid #F00;text-align:right;} #m_contents_wrab #m1 #m1_con #pic_con #pic2{width:700px;height:710px;margin:0 auto;margin-left:17px;float:left;} #m_contents_wrab #m1 #m1_con #pic_con #pic2 li{float:left;margin-right:17px;margin-bottom:17px; border:0px solid #F00;text-align:center;} .more{font-size:11px;color:#555;padding:30px 0px;text-decoration:underline;} #m_contents_wrab #m2 {position:relative; width:1237px; height:978px; margin:0 auto; padding-top:12px; border:0px solid #F00;overflow:hidden;} #m_contents_wrab #m2 h3 {position:relative; height:58px; line-height:58px;} #m_contents_wrab #m2 #vod {position:relative;float:left;width:829px;height:546px;} #m_contents_wrab #m2 #notice {float:left;width:322px;height:494px;border:1px solid #ccc;margin-left:14px;padding:25px 35px;overflow:hidden;} #m_contents_wrab #m2 #notice li{font-size:15px;color:#444;border-bottom:1px solid #dde5ed;padding:10px 0px;line-height:180%;} #m_contents_wrab #m2 #notice li span{font-size:13px;} #m_contents_wrab #m2 #m_phone {position:relative; width:405px; height:330px; margin:0 auto;background-color:#75addc;padding-top:80px;float:left;margin-top:14px;} #m_contents_wrab #m2 #m_phone .w2{display:block;text-align:left; padding:15px 0px 0px 30px; background-color:#5e9dd4;float:left;width:167px;height:75px; margin-top:34px;background-image:url('/img/main/phone_more.gif'); background-repeat:no-repeat; background-position:95% 80%;border-right:1px solid #75addc;} #m_contents_wrab #m2 #m_phone li{color:#fff;line-height:150%; text-align:center;} #m_contents_wrab #m2 #m_phone li a{color:#fff;} .m_btn{display:block;background-color:#3e84cc; color:#fff;font-size:13px;line-height:25px;width:200px;margin:0 auto;margin-top:50px;} #m_contents_wrab #m2 #f_company {position:relative; width:410px; height:330px;background-color:#636b7e;padding-top:80px;float:left;margin-left:14px;margin-top:14px;background-image:url('/img/main/fcompany_more.gif'); background-repeat:no-repeat; background-position:95% 5%;overflow:hidden;} #m_contents_wrab #m2 #f_company li{color:#fff;line-height:150%; text-align:center;} #m_contents_wrab #m2 #f_company li a{color:#fff;} .m_btn2{display:block;color:#b7bbc3;font-size:13px;line-height:35px;width:120px;margin:0 auto;margin-top:80px;border:1px solid #fff;} .tt_font2{font-size:24px;color:#fff;font-family:"Noto Sans KR", sans-Serif; font-weight: 400;padding-top:20px;} .tt_font{font-size:30px;color:#fff;font-family:"Noto Sans KR", sans-Serif; font-weight: 400;padding-top:10px;} .tt_font3{font-size:13px;color:#fff;font-family:"Noto Sans KR", sans-Serif; font-weight: 400;padding-top:20px;} #m_contents_wrab #m2 #r_banner {position:relative; width:393px; height:410px; float:left; margin-top:14px; margin-left:14px; border:0px solid #F00;} #m_contents_wrab #m2 #r_banner2 {position:absolute; top:825px;left:0px; width:829px; height:168px; border:0px solid #F00;overflow:hidden;} #m_contents_wrab #m2 #r_banner2 li{float:left;padding:40px 0px;} #m_contents_wrab #m2 #r_banner2 li p {padding-top:15px;font-size:18px;} #m_contents_wrab #m2 #r_banner2 li p a{color:#fff;} #m_contents_wrab #m2 #r_banner2 .b2 {position:relative; width:405px;background-color:#5f5f5f;text-align:center;} #m_contents_wrab #m2 #r_banner2 .b3 {position:relative; width:410px;margin-left:14px;background-color:#7d7d7d;text-align:center;} .more2 {position:absolute;right:5px; top:15px; border:0px solid #F00;z-index:100;} #m_contents_wrab #m2 #r_banner3 {display:none;} /* 컨텐츠 1 */ /* 공통 카피라이트 */ #left_menu #menu_wrab #copyright {position:relative; width:220px; height:160px; z-index:2; margin-left:20px; margin-top:25px; color:#bbcde4; font-size:12px;line-height:150%; border:0px solid #fff;} #left_menu #menu_wrab #copyright #copy {position:relative;margin-top:15px;color:#bbcde4;font-size:11px;} #copyright_m {display:none;} /* 서브 */ #subimg1 {position:relative; width:auto; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:218px;background-image:url('/img/sub/subimg1.jpg');} #subimg2 {position:relative; width:auto; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:218px;background-image:url('/img/sub/subimg2.jpg');} #subimg3 {position:relative; width:auto; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:218px;background-image:url('/img/sub/subimg3.jpg');} #subimg4 {position:relative; width:auto; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:218px;background-image:url('/img/sub/subimg4.jpg');} #subimg5 {position:relative; width:auto; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:218px;background-image:url('/img/sub/subimg5.jpg');} #subimg6 {position:relative; width:auto; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:218px;background-image:url('/img/sub/subimg6.jpg');} #subtitle {position:relative; width:346px; height:245px; margin:0 auto;z-index:2;text-align:center;background-image:url("/img/sub/subtitle_bg.png"); background-repeat:no-repeat; overflow:hidden; border:0px solid #F00;background-position:0px 40px;} #subtitle p {height:20px; text-align:center; z-index:20; border:0px solid #F00; font-size:14px;color:#fff;margin-top:110px;letter-spacing:7px; overflow:hidden;} #subtitle h2{font-size:40px;color:#fff; font-weight:normal;padding-top:10px; overflow:hidden;} #smenu_wrap{ position:relative; width:auto; min-width:1230px; margin:0 auto; overflow:hidden;z-index:2; border:0px solid #F00;background-color:#e9e9e9;height:50px;} #smenu, #smenu2, #smenu3, #smenu4 { position:relative; width:auto; max-width:1500px; margin:0 auto; overflow:hidden;z-index:2; border-left:1px solid #ccc; border-right:1px solid #ccc;} #smenu li{display:block;float:left; height:50px; line-height:50px; text-align:center;font-size:16px;color:#555;width:24.5%;border-right:1px solid #ccc;} #smenu li a, #smenu2 li a, #smenu3 li a, #smenu4 li a{display:block;color:#555;} #smenu .on, #smenu2 .on,#smenu3 .on,#smenu4 .on,#smenu7 .on{background-color:#5e9dd4;color:#fff;} #smenu .on a, #smenu2 .on a, #smenu3 .on a, #smenu4 .on a,#smenu7 .on a{color:#fff;} #smenu2 li{display:block;float:left; height:50px; line-height:50px; text-align:center;font-size:16px;color:#555;width:49.5%;border-right:1px solid #ccc;} #smenu3 li{display:block;float:left; height:50px; line-height:50px; text-align:center;font-size:16px;color:#555;width:100%;border-right:1px solid #ccc;} #smenu4 li{display:block;float:left; height:50px; line-height:50px; text-align:center;font-size:16px;color:#555;width:32.5%;border-right:1px solid #ccc;} #smenu7 li{display:block;float:left; height:50px; line-height:50px; text-align:center;font-size:16px;color:#555;width:49%;border-right:1px solid #ccc;} /* 서브내용 */ #s_contents {position:relative; width:auto; margin:0 auto; padding:45px 0px; overflow:hidden; z-index:1; border:0px solid #F00;} #s_contents .title{ text-align:center; margin:0 auto; margin-top:50px; font-size:40px; border:0px solid #F00;text-align:center;color:#222;} #s_contents .bar{position:relative;margin:0 auto; margin-top:80px; width:70px; border-top:1px solid #000;text-align:center;overflow:hidden;} #s_contents .location {position:relative;text-align:center; margin-top:10px;border:0px solid #F00;left:-50%;float:right;} #s_contents .location li{position:relative;padding:0px 5px; float:left;font-size:13px; color:#999;line-height:13px;left:50%;} #s_contents #con{position:relative; width:1250px; margin:0 auto; padding:70px 0px; overflow:hidden; z-index:1; border:0px solid #F00;} #s_contents #con h3{ position:relative; font-weight:normal;margin-top:30px; font-size:21px; border:0px solid #F00;line-height:60px;color:#222;background-image:url('/img/sub/blit_title.gif'); background-repeat:no-repeat; background-position:0px 21px;padding-left:15px;} #s_contents #con .text1{font-size:30px; border:0px solid #F00;line-height:60px;color:#000;} #s_contents #con .text2{font-size:22px; border:0px solid #F00;line-height:60px;color:#000;} #s_contents #con .text3{font-size:16px; border:0px solid #F00;line-height:40px;color:#000;padding-left:15px;} #s_contents #con .text4{font-size:22px; border:0px solid #F00;line-height:40px;color:#c34e62;letter-spacing:-1px;} #s_contents #con p{border:0px solid #F00; font-size:15px;color:#555;overflow:hidden;font-family:"ntk", sans-Serif;padding-left:18px;line-height:180%;} #company {width:1220px; background-image:url('/img/sub/sub01_1img1.jpg'); background-repeat:no-repeat;background-position:100% 10px;height:675px;} #company .company_p{width:640px; padding-top:30px;} .s01_2{position:relative;height:535px;} .s01_2 li{border:0px solid #F00;width:550px;float:left;height:60px;margin-left:20px;border:0px solid #F00;margin-bottom:30px;} .s01_2 li.fr{background-image:url('/img/sub/sub01_2img2_3.jpg'); background-repeat:no-repeat;background-position:0px 60px;padding:80px 0px;} .s01_2 li.fl{text-align:right;background-image:url('/img/sub/sub01_2img2_4.jpg'); background-repeat:no-repeat;background-position:225px 60px;padding:80px 0px;} .s01_2 li p{padding-left:0px;} .s01_3{position:relative;height:300px;} .s01_3 dt{float:left;width:280px;} .s01_3 dd{padding-top:30px;} .t_line {width:700px; height:30px; border-top:1px solid #ddd; z-index:99999;margin-left:280px;} .s01_4{position:relative;margin-top:40px;} .s01_4 dt{float:left;width:60px;} .s01_4 img{margin-top:8px;} /** 충별안내 **/ .f1_1 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img22.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f1_2 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img19.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f1_3 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img1.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f1_4 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img4.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f1_5 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img16.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f1_6 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img7.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f1_7 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img10.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f1_8 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img13.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f2 {position:relative;float:left;padding:0px 90px;} .f3 {position:relative;float:left; overflow:hidden;} .f3 li{padding-bottom:20px;} /** 표스타일 **/ #b_table {border-top:2px solid #333333; font-size:12px;} #b_table th.none, #b_table td.none {border-left:0px solid #83878a; border-bottom:1px solid #f0f0f0;font-size:12px;} #b_table th {text-align:center; width:30%; padding:18px; font-weight:bold; color:#222; font-size:15px; border-bottom:1px solid #dfdfdf;} #b_table td {width:70%; padding:10px; font-size:15px; border-bottom:1px solid #dfdfdf;} #b_table input {height:28px; border:1px solid #dfdfdf;} .btn_wrab {position:relative;width:300px;margin:0 auto;} .b_btn3 {margin:0px auto; width:250px; font-size:16px; height:25px;text-align:center;background-color:#555;padding:12px 0px;float:left;} .b_btn3 a{display:block;color:#fff;} #b_btn3 {margin:0px auto; width:250px; font-size:16px; height:25px;text-align:center;background-color:#555;padding:12px 0px;} .b_btn4{ margin-top:60px;width:650px; margin:0 auto; font-size:20px; height:30px;text-align:center;background-color:#555;padding:14px 0px;} .b_btn4 a{display:block;color:#fff;} #b_table1 {border-top:2px solid #333333; font-size:12px;margin-left:20px;width:100%;overflow:hidden;} #b_table1 th.none, #b_table td.none {border-left:0px solid #83878a; border-bottom:1px solid #f0f0f0;font-size:12px;} #b_table1 th {text-align:center; width:25%; padding:18px; color:#222; font-size:15px; border-bottom:1px solid #ccc;background-color:#eee;} #b_table1 td {width:75%; padding:10px; font-size:15px; border-bottom:1px solid #dfdfdf;} #b_table1 input {height:28px; border:1px solid #dfdfdf;} #table1 {border-top:2px solid #333333;margin-top:30px; border-right:1px solid #e1e1e1;overflow:hidden;} #table1 th.none, #table1 td.none {border-left:0px solid #f6f6f6;} #table1 th {text-align:center; padding:15px 0px; color:#000; background-color:#f6f6f6; font-size:14px;border-left:1px solid #e1e1e1; border-bottom:1px solid #ccc;} #table1 td {text-align:center; padding:15px; border-left:1px solid #e1e1e1; font-size:14px; border-bottom:1px solid #cccccc;line-height:150%;} .sky {background-color:#e0eff2; color:#000; } .table2 {border-top:1px solid #000;border-right:1px solid #f0f0f0;overflow:hidden;} .table2 th.none, #table2 td.none {border-left:0px solid #f0f0f0;font-size:15px;} .table2 th {color:#333; background-color:#f8f8f8; font-size:14px;border-left:1px solid #f0f0f0; border-bottom:1px solid #cccccc;border-right:1px solid #f0f0f0;padding:20px;} .table2 td { padding:20px; border-left:1px solid #f0f0f0; font-size:15px; border-bottom:1px solid #cccccc;;} .table2 .scnd { background-color:#fefefe;} .table2_1 {border-top:1px solid #000;border-right:1px solid #f0f0f0;overflow:hidden;} .table2_1 th.none, #table2 td.none {border-left:0px solid #f0f0f0;font-size:15px;} .table2_1 th {text-align:center;color:#333; background-color:#f8f8f8; font-size:14px;border-left:1px solid #f0f0f0; border-bottom:1px solid #cccccc;border-right:1px solid #f0f0f0;padding:20px;} .table2_1 td {text-align:center; padding:20px; border-left:1px solid #f0f0f0; font-size:15px; border-bottom:1px solid #cccccc;;} .table2_1 .scnd { background-color:#fefefe;} .table3 {border-right:1px solid #f0f0f0;overflow:hidden;} .table3 th.none, #table2 td.none {border-left:0px solid #f0f0f0;font-size:15px;} .table3 th {text-align:center;color:#fff; font-size:16px;padding:20px;} .table3 td { padding:20px; border-left:1px solid #f0f0f0; font-size:15px; border-bottom:1px solid #cccccc;;} .prcd_bg {background-image:url('/img/sub/table_th_bg.png');background-repeat:no-repeat;} .prcd_bg1 {background-image:url('/img/sub/table_th_bg1.png');background-repeat:no-repeat;width:411px;} .prcd_bg2 {background-image:url('/img/sub/table_th_bg2.png');background-repeat:no-repeat;width:424px;} .prcd_bg3 {background-image:url('/img/sub/table_th_bg3.png');background-repeat:no-repeat;width:423px;} .table3_1 {display:none; border-right:1px solid #f0f0f0;overflow:hidden;} .table4 {border-top:1px solid #000;border-right:1px solid #f0f0f0;overflow:hidden;} .table4 th.none, #table2 td.none {border-left:0px solid #f0f0f0;font-size:15px;} .table4 th {color:#333; background-color:#f8f8f8; font-size:14px;border-left:1px solid #f0f0f0; border-bottom:1px solid #cccccc;border-right:1px solid #f0f0f0;padding:20px;} .table4 td { padding:20px; border-left:1px solid #f0f0f0; font-size:15px; border-bottom:1px solid #cccccc;;} .table4 .scnd { background-color:#fefefe;} .list{ position:relative; z-index:10; overflow:hidden;} .list li {float:left; padding-bottom:7px;margin-left:8px; font-size:14px; background-image:url('/img/sub/bulet_gray.gif');background-repeat:no-repeat;background-position:0px 9px;padding-left:10px;width:30%;} .list2{ position:relative; z-index:10; overflow:hidden;} .list2 li {padding-bottom:7px;font-size:15px; margin-left:8px; background-image:url('/img/sub/bulet_gray.gif');background-repeat:no-repeat;background-position:0px 9px;padding-left:10px;line-height:180%;} .box{position:relative; z-index:10; overflow:hidden; background-image:url('/img/sub/bg_border.png')} .box div{padding:10px; font-size:14px; background-color:#fff; background-image:none;} .shopbtn{ background-color:#d92b3a;width:235px;height:65px;text-align:center;display:block;float:left;margin-top:20px;} .shopbtn a{color:#fff;display:block;font-size:20px;padding-top:20px; width:235px;height:65px;} .listbtn{ background-color:#fff;border:1px solid #ddd; width:235px;height:65px;text-align:center;display:block;float:right;margin-right:15px;margin-top:20px;} .listbtn a{display:block;font-size:20px;padding-top:20px; width:235px;height:65px;} /** 책갈피 **/ .tab1{position:relative; width:1250px; margin-bottom:70px;overflow:hidden;height:56px; background-image:url('/img/sub/tab_bg.gif');background-repeat:repeat-x;} .tab1 .on{height:56px; color:#fff; background-image:url('/img/sub/tab_over2.gif');background-repeat:no-repeat;background-position:10px 0px;} .tab1 .on a {color:#fff !important;} .tab1 li{float:left; height:56px; width:12%; line-height:56px; text-align:center; font-size:16px; padding-top:5px;} .tab1 li a{display:block;color:#000;} .tab3{position:relative; width:700px; margin-bottom:70px;height:59px;margin:0 auto;border-left:1px solid #ddd;overflow:hidden;} .tab3 .on{height:56px; background-color:#0c4da2; } .tab3 .on a {color:#fff;} .tab3 li{float:left; height:56px; width:33%; line-height:56px; text-align:center; font-size:16px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .tab3 li a{display:block;color:#000;} .tab6{position:relative; width:1000px; margin-bottom:70px;height:59px;margin:70px auto;border-left:1px solid #ddd;overflow:hidden;} .tab6 .on{height:56px; background-color:#0c4da2; } .tab6 .on a {color:#fff;} .tab6 li{float:left; height:56px; width:16.5%; line-height:56px; text-align:center; font-size:16px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .tab6 li a{display:block;color:#000;} .tab2{position:relative; width:570px; height:59px;margin:20px auto 0;border-left:1px solid #ddd;overflow:hidden;} .tab2 .on{height:56px; background-color:#0c4da2; } .tab2 .on a {color:#fff;} .tab2 li{float:left; height:56px; width:49%; line-height:56px; text-align:center; font-size:16px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .tab2 li a{display:block;color:#000;} /*.vd_list{margin:50px auto 0}*/ /*.vd_list ul{padding:0; width:100%;}*/ /*.vd_list ul li{display:flex; flex-wrap:wrap; border-top:1px solid #ababab; border-bottom:1px solid #ababab; padding:20px 0; margin-bottom:30px;}*/ /*.vd_list ul li .vd{width:50%;}*/ .vd{margin:40px 0; text-align:center;} #table1 .mc_tit{font-size:17px; margin-bottom:20px; padding:10px 0 !important; font-weight:bold; border-radius:5px; background:aliceblue;} #table1 .mc_list{text-align:left; font-size:15px;} #table1 .mc_list>li{margin-bottom:20px;} #table1 .mc_list>li::before{display:inline-block; width:3px; height:13px; content:''; background:orange; vertical-align:middle; margin-right:6px;} #table1 .mc_list>li b{color:#0091c9;} #table1 .mc_txt{margin-top:10px; padding-left:12px;} #table1 .mc_txt b{color:#333 !important;} #table1 .mc_txt ul{margin-top:4px;} #table1 .mc_txt ul li{display:flex; margin-bottom:5px;} #table1 .mc_txt ul li i{width:2%;} #table1 .mc_txt ul li span{width:90%; word-break: keep-all;} /** 사이트맵 **/ #sitemap{position:relative;} #sitemap>li{float:left;width:20%;border:1px solid #ddd; margin-right:10px;padding:20px;margin-bottom:20px;height:200px;} } /*//////////////////////////////////////// 태블릿 vision ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (min-width: 768px) and (max-width : 1023px){ #wrab { margin:0 auto; position:relative; width:100%; min-width:1023px;border:0px solid #F00;} #wrab_left {position: fixed; z-index: 999999999; width:220px; min-width:220px;border:0px solid #F00;} #wrab_right {position:relative; width:100%; border:0px solid #F00; margin-left:220px; min-width:1023px} #m_category {display: none;} #m_top{display:none;} /* 메인 */ /* 메인_메뉴영역 */ #logo {position:absolute; top:46px; width:220px; z-index:100; background-color:#0c4da2;} #logo h1 {position:relative; width:160px; height:105px; padding-top:30px; margin-left:10px; z-index:100;} #category {position:absolute;width:220px;height:46px; background-image:url('/img/comm/category_bg.gif'); background-repeat:repeat-x; z-index:100;} #category_m {display:none;} #left_menu {position:relative;float:left; margin-top:180px; width:220px; height:950px; overflow:hidden; border:0px solid #F00;} #left_menu #menu_wrab {position:relative; background-color:#0c4da2; width:220px; height:950px; overflow:hidden; z-index:5;} /* 메인_왼쪽메뉴 */ #left_menu #menu_wrab #menu {position:relative; width:220px; z-index:5; border:0px solid #F00;overflow:hidden;} #left_menu #menu_wrab #menu .tMenu {position:relative; width:180px; z-index:4; border:0px solid #F00;float:right;} #left_menu #menu_wrab #menu .tMenu #lmenu {width:220px; margin:0 auto; background-color:#0c4da2;} #left_menu #menu_wrab #menu .tMenu #lmenu:after {clear:both; display:block; content:"";} #left_menu #menu_wrab #menu .tMenu #lmenu li {position:relative;width:220px; height:53px; border-bottom:1px solid #4b7bba;} #left_menu #menu_wrab #menu .tMenu #lmenu li a{display:block; width:auto; color:#fff;font-size:16px; height:53px; padding-left:30px;padding-top:15px;} #left_menu #menu_wrab #menu .tMenu #lmenu li a:hover{ width:100%; background-image:url('/img/main/menu_over.gif'); background-repeat:no-repeat;background-position:-20px 0px;} /*#left_menu #menu_wrab #menu .tMenu #lmenu li ul {position:absolute; background-color:#787f89; width:170px; height:0px; overflow:hidden; left:0px; top:45px} #left_menu #menu_wrab #menu .tMenu #lmenu li ul li {clear:both; margin-left:20px; margin-top:5px;width:170px;border:0px solid #00f;} #left_menu #menu_wrab #menu .tMenu #lmenu li ul li.last {margin-bottom:40px;} #left_menu #menu_wrab #menu .tMenu #lmenu li ul li a {color:#fff;font-size:12px;} /* 메인_왼쪽메뉴 */ #menu_view_box {display:none;} #left_menu #menu_wrab #smenu_m {position:relative; margin:0px 20px; height:125px; margin-top:60px; z-index:3; border-bottom:1px solid #4e7dbb;} #left_menu #menu_wrab #smenu_m li{padding-bottom:10px;padding-left:10px;} #left_menu #menu_wrab #smenu_m li a{color:#fff;font-size:11px;} /* totalMenu-전체메뉴 */ #totalMenu{position:absolute; top:83px; margin-left:-200px; background:#fff; border:1px solid #777; z-index:9999; width:950px; left:50%;padding:30px 0 30px 0; opacity:.95; filter:alpha(opacity=95); display:none;} #totalMenu:after{content:""; display:block; clear:both} #totalMenu li {float:left; height:120px; font-size:13px; padding: 0px; padding-left: 30px; border-left:1px solid #ececec; letter-spacing:-1px; line-height:18px;text-decoration:none;} #totalMenu li ul{text-align:left; height:60px; } #totalMenu li strong{display:block; color:#ff713b; font-size:13px; margin-bottom:10px} #totalMenu li li{padding:0px; padding-bottom:3px; float:none; border:none; margin:0px; height:auto;} #totalMenu li a{color:#595959;} #totalMenu .btn_close{position:absolute; right:20px; top:13px} #mainimg_m {display:none} #mainimg {position:relative; width:100%; top:0px; height:990px; z-index:1; border:0px solid #F00;background-color:#656565;} #mainimg .wrapper {height:990px} #mainimg .mvimg {width:auto; height:990px; background-repeat:no-repeat; background-position:50% 0px; border:0px solid #f00} #mainimg #img1 {background-image:url(/img/main/mainimg1.jpg); background-size:100%} #mainimg #img2 {background-image:url(/img/main/mainimg2.jpg); background-size:100%} #mainimg #img3 {background-image:url(/img/main/mainimg3.jpg); background-size:100%} #mainimg #img4 {background-image:url(/img/main/mainimg4.jpg); background-size:100%} #mainimg #img5 {background-image:url(/img/main/mainimg5.jpg); background-size:100%} #t_banner{position:absolute;width:320px;z-index:10000;top:70px;right:100px;} #t_banner li{float:left;width:160px;} /* 컨텐츠 1 */ #m_contents_wrab{ position:relative; width:100%; z-index:5; border:0px solid #F00;overflow:hidden;} #m_contents_wrab:after {clear:both; display:block; content:"";} #m_contents_wrab h2{position:relative; font-size:40px;color:#222; font-weight:normal;} #m_contents_wrab #m1 { position:relative; width:100%; height:950px; padding-top:80px;text-align:center;background-color:#dad9d5;overflow:hidden;} #m_contents_wrab #m1 #m1_con { position:relative; margin:0 auto; width:auto; border:0px solid #F00;} #m_contents_wrab #m1 #m1_con p{font-size:16px; width:100%;margin:0 auto;padding-top:10px;} #m_contents_wrab #m1 #m1_con #pic_con{width:85%;margin:0 auto;overflow:hidden;} #m_contents_wrab #m1 #m1_con #pic_con #pic1{width:400px;float:left;} #m_contents_wrab #m1 #m1_con #pic_con #pic1 li{margin-bottom:2%; border:0px solid #F00;text-align:right;} #m_contents_wrab #m1 #m1_con #pic_con #pic2{width:250px;margin:0 auto;margin-left:2%;float:left;} #m_contents_wrab #m1 #m1_con #pic_con #pic2 li{float:left;margin-right:2%;margin-bottom:2%; border:0px solid #F00;text-align:center;} .p4{display:none;} .p5{display:none;} .more{font-size:11px;color:#555;padding:30px 0px;text-decoration:underline;} #m_contents_wrab #m2 {position:relative; width:95%; height:978px; margin:0 auto; padding-top:12px; border:0px solid #F00;} #m_contents_wrab #m2 h3 {position:relative; height:58px; line-height:58px;} #m_contents_wrab #m2 #vod {float:left;width:530px;height:406px;} #m_contents_wrab #m2 #notice {float:left;width:34%;height:344px;border:1px solid #ccc;margin-left:14px;padding:30px;} #m_contents_wrab #m2 #notice li{font-size:14px;color:#444;border-bottom:1px solid #dde5ed;padding:13px 0px;line-height:180%;} #m_contents_wrab #m2 #notice li span{font-size:12px;} #m_contents_wrab #m2 #m_phone {position:relative; width:26%; height:269px; margin:0 auto;background-color:#75addc;padding-top:40px;float:left;margin-top:14px;} #m_contents_wrab #m2 #m_phone .w2{display:block;text-align:left; padding:15px 0px 0px 30px; background-color:#5e9dd4;float:left;width:167px;height:75px; margin-top:34px;background-image:url('/img/main/phone_more.gif'); background-repeat:no-repeat; background-position:95% 80%;border-right:1px solid #75addc;} #m_contents_wrab #m2 #m_phone li{color:#fff;line-height:150%; text-align:center;} #m_contents_wrab #m2 #m_phone li a{color:#fff;} .m_btn{display:block;background-color:#3e84cc; color:#fff;font-size:12px;line-height:25px;width:200px;margin:0 auto;margin-top:30px;} #m_contents_wrab #m2 #f_company {position:relative; width:27%; height:250px; margin:0 auto;background-color:#636b7e;padding-top:60px;float:left;margin-left:14px;margin-top:14px;background-image:url('/img/main/fcompany_more.gif'); background-repeat:no-repeat; background-position:95% 5%;} #m_contents_wrab #m2 #f_company li{color:#fff;line-height:150%; text-align:center;} #m_contents_wrab #m2 #f_company li a{color:#fff;} .m_btn2{display:block;color:#b7bbc3;font-size:13px;line-height:35px;width:120px;margin:0 auto;margin-top:60px;border:1px solid #fff;} .tt_font2{font-size:24px;color:#fff;font-family:"Noto Sans KR", sans-Serif; font-weight: 400;padding-top:20px;} .tt_font{font-size:30px;color:#fff;font-family:"Noto Sans KR", sans-Serif; font-weight: 400;padding-top:10px;} .tt_font3{font-size:13px;color:#fff;font-family:"Noto Sans KR", sans-Serif; font-weight: 400;padding-top:20px;} #m_contents_wrab #m2 #r_banner {position:relative; width:20%; height:490px; float:left;margin-left:14px;margin-top:14px;} #m_contents_wrab #m2 #r_banner2 {position:absolute; top:755px;left:0px; width:100%; height:168px; border:0px solid #F00;overflow:hidden;} #m_contents_wrab #m2 #r_banner2 li{float:left;padding:40px 0px;} #m_contents_wrab #m2 #r_banner2 li p {padding-top:15px;font-size:18px;} #m_contents_wrab #m2 #r_banner2 li p a{color:#fff;} #m_contents_wrab #m2 #r_banner2 .b2 {position:relative; width:26%;background-color:#5f5f5f;text-align:center;} #m_contents_wrab #m2 #r_banner2 .b3 {position:relative; width:27%;margin-left:14px;background-color:#7d7d7d;text-align:center;} .more2 {position:absolute;right:5px; top:15px; border:0px solid #F00;z-index:100;} #m_contents_wrab #m2 #r_banner3 {display:none;} /* 컨텐츠 1 */ /* 공통 카피라이트 */ #left_menu #menu_wrab #copyright {position:relative; width:210px; height:160px; z-index:2; margin-left:20px; margin-top:25px; color:#bbcde4; font-size:12px;line-height:150%; border:0px solid #fff;} #left_menu #menu_wrab #copyright #copy {position:relative;margin-top:15px;color:#bbcde4;font-size:11px;} #copyright_m {display:none;} /* 서브 */ #subimg1 {position:relative; width:100%; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:218px;background-image:url('/img/sub/subimg1.jpg');background-position:40% 0px;} #subimg2 {position:relative; width:100%; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:218px;background-image:url('/img/sub/subimg2.jpg');background-position:40% 0px;} #subimg3 {position:relative; width:100%; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:218px;background-image:url('/img/sub/subimg3.jpg');background-position:40% 0px;} #subimg4 {position:relative; width:100%; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:218px;background-image:url('/img/sub/subimg4.jpg');background-position:40% 0px;} #subimg5 {position:relative; width:100%; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:218px;background-image:url('/img/sub/subimg5.jpg');background-position:40% 0px;} #subimg6 {position:relative; width:100%; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:218px;background-image:url('/img/sub/subimg6.jpg');background-position:40% 0px;} #subtitle {position:relative; width:346px; height:245px; margin:0 auto;z-index:2;text-align:center;background-image:url("/img/sub/subtitle_bg.png"); background-repeat:no-repeat; overflow:hidden; border:0px solid #F00;background-position:0px 40px;} #subtitle p {height:20px; text-align:center; z-index:20; border:0px solid #F00; font-size:14px;color:#fff;margin-top:110px;letter-spacing:7px; overflow:hidden;} #subtitle h2{font-size:40px;color:#fff; font-weight:normal;padding-top:10px; overflow:hidden;} #smenu_wrap{ position:relative; width:100%; margin:0 auto; overflow:hidden; z-index:2; border:0px solid #F00;background-color:#e9e9e9;height:50px;} #smenu, #smenu2, #smenu3, #smenu4 { position:relative; width:90%; margin:0 auto; overflow:hidden;z-index:2; border-left:1px solid #ccc; border-right:1px solid #ccc;} #smenu li{display:block;float:left; height:50px; line-height:50px; text-align:center;font-size:16px;color:#555;width:24.5%;border-right:1px solid #ccc;} #smenu li a, #smenu2 li a, #smenu3 li a, #smenu4 li a{display:block;color:#555;} #smenu .on, #smenu2 .on,#smenu3 .on,#smenu4 .on{background-color:#5e9dd4;color:#fff;} #smenu .on a, #smenu2 .on a, #smenu3 .on a, #smenu4 .on a{color:#fff;} #smenu2 li{display:block;float:left; height:50px; line-height:50px; text-align:center;font-size:16px;color:#555;width:49.5%;border-right:1px solid #ccc;} #smenu3 li{display:block;float:left; height:50px; line-height:50px; text-align:center;font-size:16px;color:#555;width:100%;border-right:1px solid #ccc;} #smenu4 li{display:block;float:left; height:50px; line-height:50px; text-align:center;font-size:16px;color:#555;width:32.5%;border-right:1px solid #ccc;} /* 서브내용 */ #s_contents {position:relative; width:100%; margin:0 auto; padding:45px 0px; overflow:hidden; z-index:1; border:0px solid #F00;} #s_contents .title{ text-align:center; margin:0 auto; margin-top:50px; font-size:40px; border:0px solid #F00;text-align:center;color:#222;} #s_contents .bar{position:relative;margin:0 auto; margin-top:80px; width:70px; border-top:1px solid #000;text-align:center;overflow:hidden;} #s_contents .location {position:relative;text-align:center; margin-top:10px;border:0px solid #F00;left:-50%;float:right;} #s_contents .location li{position:relative;padding:0px 5px; float:left;font-size:13px; color:#999;line-height:13px;left:50%;} #s_contents #con{position:relative; width:90%; margin:0 auto; padding:70px 0px; overflow:hidden; z-index:1; border:0px solid #F00;} #s_contents #con h3{ position:relative; font-weight:normal;margin-top:30px; font-size:21px; border:0px solid #F00;line-height:60px;color:#222;background-image:url('/img/sub/blit_title.gif'); background-repeat:no-repeat; background-position:0px 21px;padding-left:15px;} #s_contents #con .text1{font-size:30px; border:0px solid #F00;line-height:60px;color:#000;} #s_contents #con .text2{font-size:22px; border:0px solid #F00;line-height:60px;color:#000;} #s_contents #con .text3{font-size:16px; border:0px solid #F00;line-height:40px;color:#000;padding-left:15px;} #s_contents #con .text4{font-size:22px; border:0px solid #F00;line-height:40px;color:#c34e62;letter-spacing:-1px;} #s_contents #con p{border:0px solid #F00; font-size:14px;color:#555;overflow:hidden;font-family:"ntk", sans-Serif;padding-left:18px;line-height:180%;} #company {width:100%; background-image:url('/img/sub/sub01_1img1.jpg'); background-repeat:no-repeat;background-position:100% 160px;height:855px;} #company .company_p{width:400px; padding-top:30px;} .s01_2{position:relative;height:535px;} .s01_2 li{border:0px solid #F00;width:550px;float:left;height:60px;margin-left:20px;border:0px solid #F00;margin-bottom:30px;} .s01_2 li.fr{background-image:url('/img/sub/sub01_2img2_3.jpg'); background-repeat:no-repeat;background-position:0px 60px;padding-top:100px;margin-top:50px;} .s01_2 li.fl{text-align:right;background-image:url('/img/sub/sub01_2img2_4.jpg'); background-repeat:no-repeat;background-position:225px 60px;padding:80px 0px;border-top:1px dotted #777;padding-bottom:40px;margin-top:50px;} .s01_2 li p{padding-left:0px;} .s01_3{position:relative;height:300px;} .s01_3 dt{float:left;width:280px;} .s01_3 dd{padding-top:30px;} .t_line {width:700px; height:30px; border-top:1px solid #ddd; z-index:99999;margin-left:280px;} .s01_4{position:relative;margin-top:40px;} .s01_4 dt{float:left;width:60px;} .s01_4 img{margin-top:8px;} /** 충별안내 **/ .f1_1 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img22.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f1_2 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img19.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f1_3 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img1.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f1_4 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img4.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f1_5 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img16.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f1_6 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img7.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f1_7 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img10.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f1_8 {position:relative;float:left;margin-left:40px;background-image:url('/img/sub/sub02_1img13.gif'); background-repeat:no-repeat;background-position:0% 0px;width:170px; height:550px;} .f2 {position:relative;float:left;padding:0px 5%;} .f3 {position:relative;float:left;} .f3 li{padding-bottom:20px;} /** 표스타일 **/ #b_table {border-top:2px solid #333333; font-size:12px;} #b_table th.none, #b_table td.none {border-left:0px solid #83878a; border-bottom:1px solid #f0f0f0;font-size:12px;} #b_table th {text-align:center; width:30%; padding:18px; font-weight:bold; color:#222; font-size:14px; border-bottom:1px solid #dfdfdf;} #b_table td {width:70%; padding:10px; font-size:14px; border-bottom:1px solid #dfdfdf;} #b_table input {height:28px; border:1px solid #dfdfdf;} .btn_wrab {position:relative;width:100%;margin:0 auto;} .b_btn3{ margin-top:30px;width:250px; margin:0 auto; font-size:16px; height:25px;text-align:center;background-color:#555;padding:12px 0px;} .b_btn3 a{display:block;color:#fff;} #b_btn3 {margin:0px auto; width:250px; font-size:16px; height:25px;text-align:center;background-color:#555;padding:12px 0px;} .b_btn4{ margin-top:40px;width:650px; margin:0 auto; font-size:20px; height:30px;text-align:center;background-color:#555;padding:14px 0px;} .b_btn4 a{display:block;color:#fff;} #b_table1 {border-top:2px solid #333333; font-size:12px;margin-left:20px;width:100%;overflow:hidden;} #b_table1 th.none, #b_table td.none {border-left:0px solid #83878a; border-bottom:1px solid #f0f0f0;font-size:12px;} #b_table1 th {text-align:center; width:25%; padding:18px; color:#222; font-size:14px; border-bottom:1px solid #ccc;background-color:#eee;} #b_table1 td {width:75%; padding:10px; font-size:14px; border-bottom:1px solid #dfdfdf;} #b_table1 input {height:28px; border:1px solid #dfdfdf;} #table1 {border-top:2px solid #333333;margin-top:30px; border-right:1px solid #e1e1e1;overflow:hidden;} #table1 th.none, #table1 td.none {border-left:0px solid #f6f6f6;} #table1 th {text-align:center; padding:15px 0px; color:#000; background-color:#f6f6f6; font-size:14px;border-left:1px solid #e1e1e1; border-bottom:1px solid #ccc;} #table1 td {text-align:center; padding:15px; border-left:1px solid #e1e1e1; font-size:14px; border-bottom:1px solid #cccccc;line-height:150%;} .table2 {border-top:1px solid #000;border-right:1px solid #f0f0f0;overflow:hidden;} .table2 th.none, #table2 td.none {border-left:0px solid #f0f0f0;font-size:14px;} .table2 th {color:#333; background-color:#f8f8f8; font-size:14px;border-left:1px solid #f0f0f0; border-bottom:1px solid #cccccc;border-right:1px solid #f0f0f0;padding:20px;} .table2 td { padding:20px; border-left:1px solid #f0f0f0; font-size:13px; border-bottom:1px solid #cccccc;;} .table2 .scnd { background-color:#fefefe;} .table2_1 {border-top:1px solid #000;border-right:1px solid #f0f0f0;overflow:hidden;} .table2_1 th.none, #table2 td.none {border-left:0px solid #f0f0f0;font-size:15px;} .table2_1 th {text-align:center;color:#333; background-color:#f8f8f8; font-size:14px;border-left:1px solid #f0f0f0; border-bottom:1px solid #cccccc;border-right:1px solid #f0f0f0;padding:20px;} .table2_1 td {text-align:center; padding:20px; border-left:1px solid #f0f0f0; font-size:15px; border-bottom:1px solid #cccccc;;} .table2_1 .scnd { background-color:#fefefe;} .table3 {border-right:1px solid #f0f0f0;overflow:hidden;} .table3 th.none, #table2 td.none {border-left:0px solid #f0f0f0;font-size:15px;} .table3 th {text-align:center;color:#fff; font-size:16px;padding:20px;} .table3 td { padding:20px; border-left:1px solid #f0f0f0; font-size:15px; border-bottom:1px solid #cccccc;;} .prcd_bg {background-image:url('/img/sub/table_th_bg.png');background-repeat:no-repeat;} .prcd_bg1 {background-image:url('/img/sub/table_th_bg1.png');background-repeat:no-repeat;width:411px;} .prcd_bg2 {background-image:url('/img/sub/table_th_bg2.png');background-repeat:no-repeat;width:424px;} .prcd_bg3 {background-image:url('/img/sub/table_th_bg3.png');background-repeat:no-repeat;width:423px;} .table3_1 {display:none; border-right:1px solid #f0f0f0;overflow:hidden;} .table4 {border-top:1px solid #000;border-right:1px solid #f0f0f0;overflow:hidden;} .table4 th.none, #table2 td.none {border-left:0px solid #f0f0f0;font-size:15px;} .table4 th {color:#333; background-color:#f8f8f8; font-size:14px;border-left:1px solid #f0f0f0; border-bottom:1px solid #cccccc;border-right:1px solid #f0f0f0;padding:20px;} .table4 td { padding:20px; border-left:1px solid #f0f0f0; font-size:15px; border-bottom:1px solid #cccccc;;} .table4 .scnd { background-color:#fefefe;} .list{ position:relative; z-index:10; overflow:hidden;} .list li {float:left; padding-bottom:7px;margin-left:8px; font-size:14px; background-image:url('/img/sub/bulet_gray.gif');background-repeat:no-repeat;background-position:0px 9px;padding-left:10px;width:30%;} .list2{ position:relative; z-index:10; overflow:hidden;} .list2 li {padding-bottom:7px;font-size:15px; margin-left:8px; background-image:url('/img/sub/bulet_gray.gif');background-repeat:no-repeat;background-position:0px 9px;padding-left:10px;} .box{position:relative; z-index:10; overflow:hidden; background-image:url('/img/sub/bg_border.png')} .box div{padding:10px; font-size:14px; background-color:#fff; background-image:none;} .shopbtn{ background-color:#d92b3a;width:235px;height:65px;text-align:center;display:block;float:left;margin-top:20px;} .shopbtn a{color:#fff;display:block;font-size:20px;padding-top:20px; width:235px;height:65px;} .listbtn{ background-color:#fff;border:1px solid #ddd; width:235px;height:65px;text-align:center;display:block;float:right;margin-right:15px;margin-top:20px;} .listbtn a{display:block;font-size:20px;padding-top:20px; width:235px;height:65px;} /** 책갈피 **/ .tab1{position:relative; width:100%; margin-bottom:70px;overflow:hidden;height:56px; background-image:url('/img/sub/tab_bg.gif');background-repeat:repeat-x;} .tab1 .on{height:56px; color:#fff; background-image:url('/img/sub/tab_over.gif');background-repeat:no-repeat;background-position:10px 0px;} .tab1 .on a {color:#fff !important;} .tab1 li{float:left; height:56px; width:19.8%; line-height:56px; text-align:center; font-size:16px; padding-top:5px;} .tab1 li a{display:block;color:#000;} .tab3{position:relative; width:700px; margin-bottom:70px;height:59px;margin:0 auto;border-left:1px solid #ddd;overflow:hidden;} .tab3 .on{height:56px; background-color:#0c4da2; } .tab3 .on a {color:#fff;} .tab3 li{float:left; height:56px; width:33%; line-height:56px; text-align:center; font-size:16px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .tab3 li a{display:block;color:#000;} } /*//////////////////////////////////////// MOBIL vision ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (max-width: 500px) { #wrab { margin:0 auto; position:relative; width:100%; border:0px solid #F00;} #wrab_left {display:none;position: fixed; z-index: 999999999; width:220px; min-width:220px;border:0px solid #F00;} #wrab_right {position:relative; width:100%; border:0px solid #F00;} .layer-popup {display:none} /* 메인 */ /* 메인_메뉴영역 */ #logo {display:none;position:absolute; top:46px; width:220px; z-index:100; background-color:#0c4da2;} #logo h1 {display:none;position:relative; width:160px; height:105px; padding-top:30px; margin-left:10px; z-index:100;} #m_top {position:relative;width:100%;height:90px; border:0px solid #F00;} #m_top h1{width:40%;padding:25px 0px;margin:0 auto;} #m_top #top_m1{position:absolute; float:left; top:25px; left:5px; border:0px solid #F00;z-index:1;} #m_top #top_m2{position:absolute; float:right; top:25px; right:0px; border:0px solid #F00;z-index:1;} #left_menu {position:relative;float:left; margin-top:180px; width:220px; height:950px; overflow:hidden; border:0px solid #F00;} #left_menu #menu_wrab {position:relative; background-color:#0c4da2; width:220px; height:950px; overflow:hidden; z-index:5;} /* 메인_왼쪽메뉴 */ #left_menu #menu_wrab #menu {display:none;position:relative; width:220px; z-index:5; border:0px solid #F00;overflow:hidden;} #left_menu #menu_wrab #menu .tMenu {position:relative; width:180px; z-index:4; border:0px solid #F00;float:right;} #left_menu #menu_wrab #menu .tMenu #lmenu {width:220px; margin:0 auto; background-color:#0c4da2;} #left_menu #menu_wrab #menu .tMenu #lmenu:after {clear:both; display:block; content:"";} #left_menu #menu_wrab #menu .tMenu #lmenu li {position:relative;width:220px; height:53px; border-bottom:1px solid #4b7bba;} #left_menu #menu_wrab #menu .tMenu #lmenu li a{display:block; width:auto; color:#fff;font-size:16px; height:53px; padding-left:30px;padding-top:15px;} #left_menu #menu_wrab #menu .tMenu #lmenu li a:hover{ width:100%; background-image:url('/img/main/menu_over.gif'); background-repeat:no-repeat;background-position:-20px 0px;} /*#left_menu #menu_wrab #menu .tMenu #lmenu li ul {position:absolute; background-color:#787f89; width:170px; height:0px; overflow:hidden; left:0px; top:45px} #left_menu #menu_wrab #menu .tMenu #lmenu li ul li {clear:both; margin-left:20px; margin-top:5px;width:170px;border:0px solid #00f;} #left_menu #menu_wrab #menu .tMenu #lmenu li ul li.last {margin-bottom:40px;} #left_menu #menu_wrab #menu .tMenu #lmenu li ul li a {color:#fff;font-size:12px;} /* 메인_왼쪽메뉴 */ #menu_view_box {border:0px solid #f00; left:-200px; position:absolute; z-index:1000; background-color:#000; width:200px;height:auto;} #menu_view_box .cate_menu_close {font-size: 20px; color: white;margin-bottom: 10px; padding: 10px;} #menu_view_box .sub_menu { padding-top:10px;border-top:1px solid #000; background-color:#454545;} #menu_view_box .sub_menu a {color:#eee; font-size:1.1em; display:block; margin-bottom:2px; padding-left:10px;} #menu_view_box .sub_menu .sub_menu_c {margin-top:10px;padding:5px 0px;background-color:#222;} #menu_view_box .sub_menu .sub_menu_c li a {color:#555; font-size:1em; margin:0px;} #menu_view_box .sub_menu .sub_menu_c li {padding:10px 0px 5px 15px;} #left_menu #menu_wrab #smenu_m {display:none;position:relative; margin:0px 20px; height:125px; margin-top:60px; z-index:3; border-bottom:1px solid #4e7dbb;} #left_menu #menu_wrab #smenu_m li{padding-bottom:10px;padding-left:10px;} #left_menu #menu_wrab #smenu_m li a{color:#fff;font-size:11px;} /* totalMenu-전체메뉴 */ #totalMenu{display:none;position:absolute; top:83px; margin-left:-200px; background:#fff; border:1px solid #777; z-index:9999; width:950px; left:50%;padding:30px 0 30px 0; opacity:.95; filter:alpha(opacity=95); display:none;} #totalMenu:after{content:""; display:block; clear:both} #totalMenu li {float:left; height:120px; font-size:13px; padding: 0px; padding-left: 30px; border-left:1px solid #ececec; letter-spacing:-1px; line-height:18px;text-decoration:none;} #totalMenu li ul{text-align:left; height:60px; } #totalMenu li strong{display:block; color:#ff713b; font-size:13px; margin-bottom:10px} #totalMenu li li{padding:0px; padding-bottom:3px; float:none; border:none; margin:0px; height:auto;} #totalMenu li a{color:#595959;} #totalMenu .btn_close{position:absolute; right:20px; top:13px} #mainimg_m {display:block;} #mainimg {display:none;position:relative; width:100%; top:0px; height:693px; z-index:1; border:0px solid #F00;background-color:#656565;} #t_banner{display:none;} /* 컨텐츠 1 */ #m_contents_wrab{ position:relative; width:100%; z-index:5; border:0px solid #F00;overflow:hidden;} #m_contents_wrab:after {clear:both; display:block; content:"";} #m_contents_wrab h2{position:relative; font-size:30px;color:#222; font-weight:normal;} #m_contents_wrab #m1 { position:relative; width:100%; height:750px; padding-top:60px;text-align:center;background-color:#dad9d5;overflow:hidden;} #m_contents_wrab #m1 #m1_con { position:relative; margin:0 auto; width:auto; border:0px solid #F00;} #m_contents_wrab #m1 #m1_con p{font-size:14px; width:85%;margin:0 auto;padding-top:10px;} #m_contents_wrab #m1 #m1_con #pic_con{width:85%;margin:0 auto;overflow:hidden;} #m_contents_wrab #m1 #m1_con #pic_con #pic1{display:none;width:400px;float:left;} #m_contents_wrab #m1 #m1_con #pic_con #pic1 li{margin-bottom:2%; border:0px solid #F00;text-align:right;} #m_contents_wrab #m1 #m1_con #pic_con #pic2{width:90%;margin:0 auto;margin-left:2%;float:left;} #m_contents_wrab #m1 #m1_con #pic_con #pic2 li{float:left;margin-right:2%;margin-bottom:2%; border:0px solid #F00;text-align:center;} .p4{display:none;} .p5{display:none;} .more{font-size:11px;color:#555;padding:30px 0px;text-decoration:underline;} /** 게시판 **/ #bbs-wrap #bbs-list2 .blist-title div.bbs-etc {display:none;} #bbs-wrap #bbs-list2 .blist-title div.rm-670 {margin-right: 0px !important;} #bbs-wrap #bbs-list2 .blist-list {padding-left:50px; padding-top:10px;} #bbs-wrap #bbs-list2 .blist-list div.rm-670 {text-align:left; font-weight:bold; font-size:1.2em; margin: 0px !important; padding:0px;} #bbs-wrap #bbs-list2 .blist-list div.rm-670 a {text-align:left;} #bbs-wrap #bbs-list2 .blist-list div.bbs-etc {border:0px solid #f00; position:relative; margin-bottom:5px;} #bbs-wrap #bbs-list2 .blist-list div.bbs-etc:after {clear:both; display:block; content:"";} #bbs-wrap #bbs-list2 .blist-list div.bbs-etc span {width:auto !important; padding-right:20px; padding-bottom:3px;} #m_contents_wrab #m2 {position:relative; width:95%; margin:0 auto; padding-top:12px; border:0px solid #F00;} #m_contents_wrab #m2 h3 {position:relative; height:58px; line-height:58px;} #m_contents_wrab #m2 #vod {float:left;width:100%;height:206px;} #m_contents_wrab #m2 #notice {float:left;width:85%;height:244px;border:1px solid #ccc;padding:35px;margin-top:15px;} #m_contents_wrab #m2 #notice li{font-size:14px;color:#444;border-bottom:1px solid #dde5ed;padding:13px 0px;line-height:180%;} #m_contents_wrab #m2 #notice li span{font-size:12px;} #m_contents_wrab #m2 #m_phone {position:relative; width:100%; height:200px; margin:0 auto;background-color:#75addc;padding-top:30px;float:left;margin-top:14px;} #m_contents_wrab #m2 #m_phone .w2{display:block;text-align:left; padding:15px 0px 0px 30px; background-color:#5e9dd4;float:left; margin-top:34px;background-image:url('/img/main/phone_more.gif'); background-repeat:no-repeat; background-position:95% 80%;border-right:1px solid #75addc;} #m_contents_wrab #m2 #m_phone li{color:#fff;line-height:150%; text-align:center;} #m_contents_wrab #m2 #m_phone li a{color:#fff;} .m_btn{display:block;background-color:#3e84cc; color:#fff;font-size:12px;line-height:25px;width:50%;margin:0 auto;margin-top:30px;} #m_contents_wrab #m2 #f_company {position:relative; width:48.5%; margin:0 auto;background-color:#636b7e;padding:30px 0px;float:left;margin-top:14px;} #m_contents_wrab #m2 #f_company li{color:#fff;line-height:150%; text-align:center;} #m_contents_wrab #m2 #f_company li a{color:#fff;} .m_btn2{display:none;color:#b7bbc3;font-size:13px;line-height:35px;width:70%;margin:0 auto;margin-top:30px;border:1px solid #fff;} .tt_font2{font-size:20px;color:#fff;font-family:"Noto Sans KR", sans-Serif; font-weight: 400;padding-top:20px;} .tt_font{font-size:30px;color:#fff;font-family:"Noto Sans KR", sans-Serif; font-weight: 400;padding-top:10px;} .tt_font3{font-size:13px;color:#fff;font-family:"Noto Sans KR",Open Sans,sans-Serif; font-weight: 400;padding-top:20px; opacity:.75; filter:alpha(opacity=75);} #m_contents_wrab #m2 #r_banner2 {position:relative; width:100%; height:168px; border:0px solid #F00;overflow:hidden;} #m_contents_wrab #m2 #r_banner2 li{float:left;padding:40px 0px;width:48.5%;margin-top:10px;} #m_contents_wrab #m2 #r_banner2 li p {padding-top:15px;font-size:18px;} #m_contents_wrab #m2 #r_banner2 li p a{color:#fff;} #m_contents_wrab #m2 #r_banner2 .b2 {position:relative;background-color:#5f5f5f;text-align:center;} #m_contents_wrab #m2 #r_banner2 .b3 {position:relative; margin-left:7px;background-color:#7d7d7d;text-align:center;} #m_contents_wrab #m2 #r_banner {display:none;position:relative; width:100%; height:390px; float:left;margin-top:14px;} #m_contents_wrab #m2 #r_banner3 {position:relative; background-color:#ed2529; width:48.5%;float:left; margin-top:14px;margin-left:7px;padding:30px 0px;} #m_contents_wrab #m2 #r_banner3 li{color:#fff;line-height:150%; text-align:center;} #m_contents_wrab #m2 #r_banner3 li a{color:#fff;} .more2 {position:absolute;right:5px; top:15px; border:0px solid #F00;z-index:100;} /* 컨텐츠 1 */ /* 공통 카피라이트 */ #left_menu #menu_wrab #copyright {position:relative; width:210px; height:160px; z-index:2; margin-left:20px; margin-top:25px; color:#bbcde4; font-size:12px;line-height:150%; border:0px solid #fff;} #left_menu #menu_wrab #copyright #copy {position:relative;margin-top:15px;color:#bbcde4;font-size:11px;} #copyright_m {width:100%; background-color:#eee;padding:20px 5px;font-size:12px;text-align:center;margin-top:20px;} /* 서브 */ #subimg1 {position:relative; width:100%; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:175px;background-image:url('/img/sub/subimg1_m.jpg');background-position:50% 0px;background-size:100%;} #subimg2 {position:relative; width:100%; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:175px;background-image:url('/img/sub/subimg2_m.jpg');background-position:50% 0px;background-size:100%;} #subimg3 {position:relative; width:100%; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:175px;background-image:url('/img/sub/subimg3_m.jpg');background-position:50% 0px;background-size:100%;} #subimg4 {position:relative; width:100%; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:175px;background-image:url('/img/sub/subimg4_m.jpg');background-position:50% 0px;background-size:100%;} #subimg5 {position:relative; width:100%; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:175px;background-image:url('/img/sub/subimg5_m.jpg');background-position:50% 0px;background-size:100%;} #subimg6 {position:relative; width:100%; top:0px; z-index:1;border:0px solid #F00;background-color:#000; height:175px;background-image:url('/img/sub/subimg6_m.jpg');background-position:50% 0px;background-size:100%;} #subtitle {position:relative; width:346px; height:245px; margin:0 auto;z-index:2;text-align:center;background-image:url("/img/sub/subtitle_bg.png"); background-repeat:no-repeat; overflow:hidden; border:0px solid #F00;background-position:0px 40px;} #subtitle p {height:20px; text-align:center; z-index:20; border:0px solid #F00; font-size:14px;color:#fff;margin-top:110px;letter-spacing:7px; overflow:hidden;} #subtitle h2{font-size:40px;color:#fff; font-weight:normal;padding-top:10px; overflow:hidden;} #smenu_wrap{ position:relative; width:100%; margin:0 auto; overflow:hidden; z-index:2; border:0px solid #F00;background-color:#e9e9e9;} #smenu, #smenu2, #smenu3, #smenu4 { position:relative; width:100%; margin:0 auto; overflow:hidden;z-index:2; border-left:1px solid #ccc; border-right:1px solid #ccc;} #smenu li{display:block;float:left; height:50px; line-height:50px; text-align:center;font-size:16px;color:#555;width:49.5%;border-right:1px solid #ccc;border-bottom:1px solid #ccc;} #smenu li a, #smenu2 li a, #smenu3 li a, #smenu4 li a{display:block;color:#555;} #smenu .on, #smenu2 .on,#smenu3 .on,#smenu4 .on{background-color:#5e9dd4;color:#fff;} #smenu .on a, #smenu2 .on a, #smenu3 .on a, #smenu4 .on a{color:#fff;} #smenu2 li{display:block;float:left; height:50px; line-height:50px; text-align:center;font-size:16px;color:#555;width:49.5%;border-right:1px solid #ccc;} #smenu3 li{display:block;float:left; height:50px; line-height:50px; text-align:center;font-size:16px;color:#555;width:100%;border-right:1px solid #ccc;} #smenu4 li{display:block;float:left; height:50px; line-height:50px; text-align:center;font-size:16px;color:#555;width:32.5%;border-right:1px solid #ccc;} /* 서브내용 */ #s_contents {position:relative; width:100%; margin:0 auto; padding:45px 0px; overflow:hidden; z-index:1; border:0px solid #F00;} #s_contents .title{ text-align:center; margin:0 auto; margin-top:30px; font-size:35px; border:0px solid #F00;text-align:center;color:#222;} #s_contents .bar{position:relative;margin:0 auto; margin-top:80px; width:70px; border-top:1px solid #000;text-align:center;overflow:hidden;} #s_contents .location {position:relative;text-align:center; margin-top:10px;border:0px solid #F00;left:-50%;float:right;} #s_contents .location li{position:relative;padding:0px 5px; float:left;font-size:13px; color:#999;line-height:13px;left:50%;} #s_contents #con{position:relative; width:95%; margin:0 auto; padding:50px 0px; overflow:hidden; z-index:1; border:0px solid #F00;} #s_contents #con h3{ position:relative; font-weight:normal;margin-top:30px; font-size:21px; border:0px solid #F00;line-height:60px;color:#222;background-image:url('/img/sub/blit_title.gif'); background-repeat:no-repeat; background-position:0px 21px;padding-left:15px;} #s_contents #con .text1{font-size:30px; border:0px solid #F00;line-height:60px;color:#000;line-height:150%;} #s_contents #con .text2{font-size:22px; border:0px solid #F00;line-height:60px;color:#000;} #s_contents #con .text3{font-size:16px; border:0px solid #F00;line-height:40px;color:#000;padding-left:15px;} #s_contents #con .text4{font-size:22px; border:0px solid #F00;line-height:40px;color:#c34e62;letter-spacing:-1px;} #s_contents #con p{position:relative;border:0px solid #F00; font-size:14px;color:#555;overflow:hidden;font-family:"ntk", sans-Serif;padding-left:18px;line-height:180%;padding:0px 5px;} #company {position:relative;width:100%; background-image:none;} #company .company_p{width:100%; padding-top:30px;} .s01_2{position:relative;width:100%;} .s01_2 li{border:0px solid #F00;width:100%;border:0px solid #F00;margin-bottom:30px;} .s01_2 li.fr{background-image:url('/img/sub/sub01_2img2_3.jpg'); background-repeat:no-repeat;background-position:0% 0px;border-bottom:1px dotted #777;padding-bottom:40px;} .s01_2 li.fl{background-image:url('/img/sub/sub01_2img2_4.jpg'); background-repeat:no-repeat;background-position:0% 0px;} .s01_2 li p{padding-left:0px;} .s01_3{position:relative;height:250px;} .s01_3 dt{float:left;width:120px;} .s01_3 dt img{width:90%;} .s01_3 dd{padding-top:10px;} .t_line {width:100%; height:30px; border-top:1px solid #ddd; z-index:99999;margin-left:125px;} .s01_4{position:relative;margin-top:40px;} .s01_4 dt{float:left;width:60px;} .s01_4 img{margin-top:8px;} /** 충별안내 **/ .f1_1 {background-image:url('/img/sub/sub02_1img22_1.gif'); background-repeat:no-repeat;width:100%;} .f1_2 {background-image:url('/img/sub/sub02_1img19_1.gif'); background-repeat:no-repeat;width:100%;} .f1_3 {background-image:url('/img/sub/sub02_1img1_1.gif'); background-repeat:no-repeat;background-position:0% 0px;width:100%;} .f1_4 {background-image:url('/img/sub/sub02_1img4_1.gif'); background-repeat:no-repeat;background-position:0% 0px;width:100%;} .f1_5 {background-image:url('/img/sub/sub02_1img16_1.gif'); background-repeat:no-repeat;background-position:0% 0px;width:100%;} .f1_6 {background-image:url('/img/sub/sub02_1img7_1.gif'); background-repeat:no-repeat;background-position:0% 0px;width:100%;} .f1_7 {background-image:url('/img/sub/sub02_1img10_1.gif'); background-repeat:no-repeat;background-position:0% 0px;width:100%;} .f1_8 {background-image:url('/img/sub/sub02_1img13_1.gif'); background-repeat:no-repeat;background-position:0% 0px;width:100%;} .f2 img {position:relative; width:95%;margin:0 auto;} .f3 img {position:relative; width:98%;} .f3 li{padding-bottom:20px;} /** 표스타일 **/ #b_table {border-top:2px solid #333333; font-size:12px;} #b_table th.none, #b_table td.none {border-left:0px solid #83878a; border-bottom:1px solid #f0f0f0;font-size:12px;} #b_table th {text-align:center; width:30%; padding:18px; font-weight:bold; color:#222; font-size:14px; border-bottom:1px solid #dfdfdf;} #b_table td {width:70%; padding:10px; font-size:14px; border-bottom:1px solid #dfdfdf;} #b_table input {height:28px; border:1px solid #dfdfdf;} .btn_wrab {position:relative;width:100%;margin:0 auto;} .btn_wrab li{margin-top:8px;} .b_btn3{ margin-top:30px;width:100%; margin:0 auto; font-size:16px; height:25px;text-align:center;background-color:#555;padding:12px 0px;} .b_btn3 a{display:block;color:#fff;} .b_btn4{ margin-top:40px;width:100%; margin:0 auto; font-size:20px; height:30px;text-align:center;background-color:#555;padding:14px 0px;} .b_btn4 a{display:block;color:#fff;} #b_table1 {border-top:2px solid #333333; font-size:12px;margin-left:20px;width:100%;overflow:hidden;} #b_table1 th.none, #b_table td.none {border-left:0px solid #83878a; border-bottom:1px solid #f0f0f0;font-size:12px;} #b_table1 th {text-align:center; width:35%; padding:18px; color:#222; font-size:14px; border-bottom:1px solid #ccc;background-color:#eee;} #b_table1 td {width:65%; padding:10px; font-size:14px; border-bottom:1px solid #dfdfdf;} #b_table1 input {height:28px; border:1px solid #dfdfdf;} #table1 {border-top:2px solid #333333;margin-top:30px; border-right:1px solid #e1e1e1;overflow:hidden;} #table1 th.none, #table1 td.none {border-left:0px solid #f6f6f6;} #table1 th {text-align:center; padding:15px 0px; color:#000; background-color:#f6f6f6; font-size:14px;border-left:1px solid #e1e1e1; border-bottom:1px solid #ccc;} #table1 td {text-align:center; padding:15px; border-left:1px solid #e1e1e1; font-size:14px; border-bottom:1px solid #cccccc;line-height:150%;} .table2 {border-top:1px solid #000;border-right:1px solid #f0f0f0;overflow:hidden;} .table2 th.none, #table2 td.none {border-left:0px solid #f0f0f0;font-size:14px;} .table2 th {color:#333; background-color:#f8f8f8; font-size:14px;border-left:1px solid #f0f0f0; border-bottom:1px solid #cccccc;border-right:1px solid #f0f0f0;padding:20px;} .table2 td { padding:20px; border-left:1px solid #f0f0f0; font-size:13px; border-bottom:1px solid #cccccc;;} .table2 .scnd { background-color:#fefefe;} .table2_1 {border-top:1px solid #000;border-right:1px solid #f0f0f0;overflow:hidden;} .table2_1 th.none, #table2 td.none {border-left:0px solid #f0f0f0;font-size:15px;} .table2_1 th {text-align:center;color:#333; background-color:#f8f8f8; font-size:14px;border-left:1px solid #f0f0f0; border-bottom:1px solid #cccccc;border-right:1px solid #f0f0f0;padding:20px;} .table2_1 td {text-align:center; padding:20px; border-left:1px solid #f0f0f0; font-size:15px; border-bottom:1px solid #cccccc;;} .table2_1 .scnd { background-color:#fefefe;} .table3 {display:none; border-right:1px solid #f0f0f0;overflow:hidden;} .table3 th.none, #table2 td.none {border-left:0px solid #f0f0f0;font-size:15px;} .table3 th {text-align:center;color:#fff; font-size:16px;padding:20px;} .table3 td { padding:20px; border-left:1px solid #f0f0f0; font-size:15px; border-bottom:1px solid #cccccc;;} .table3_1 {border-top:1px solid #000;border-right:1px solid #f0f0f0;overflow:hidden;} .table3_1 th.none, #table2 td.none {border-left:0px solid #f0f0f0;font-size:15px;} .table3_1 th {text-align:center;color:#333; background-color:#f8f8f8; font-size:14px;border-left:1px solid #f0f0f0; border-bottom:1px solid #cccccc;padding:20px;} .table3_1 td { padding:20px; border-left:1px solid #f0f0f0; font-size:13px; border-bottom:1px solid #cccccc;;} .table4 {display:none;} .table4 th.none, #table2 td.none {border-left:0px solid #f0f0f0;font-size:15px;} .table4 th {color:#333; background-color:#f8f8f8; font-size:14px;border-left:1px solid #f0f0f0; border-bottom:1px solid #cccccc;border-right:1px solid #f0f0f0;padding:20px;} .table4 td { padding:20px; border-left:1px solid #f0f0f0; font-size:15px; border-bottom:1px solid #cccccc;;} .table4 .scnd { background-color:#fefefe;} .list{ position:relative; z-index:10; overflow:hidden;} .list li {float:left; padding-bottom:7px;margin-left:8px; font-size:14px; background-image:url('/img/sub/bulet_gray.gif');background-repeat:no-repeat;background-position:0px 9px;padding-left:10px;width:42%;} .list2{ position:relative; z-index:10; overflow:hidden;} .list2 li {padding-bottom:7px;font-size:15px; margin-left:8px; background-image:url('/img/sub/bulet_gray.gif');background-repeat:no-repeat;background-position:0px 9px;padding-left:10px;} .box{position:relative; z-index:10; overflow:hidden; background-image:url('/img/sub/bg_border.png')} .box div{padding:10px; font-size:14px; background-color:#fff; background-image:none;} .shopbtn{ background-color:#d92b3a;width:235px;height:65px;text-align:center;display:block;float:left;margin-top:20px;} .shopbtn a{color:#fff;display:block;font-size:20px;padding-top:20px; width:235px;height:65px;} .listbtn{ background-color:#fff;border:1px solid #ddd; width:235px;height:65px;text-align:center;display:block;float:right;margin-right:15px;margin-top:20px;} .listbtn a{display:block;font-size:20px;padding-top:20px; width:235px;height:65px;} /** 책갈피 **/ .tab1{position:relative; width:100%; margin-bottom:70px;overflow:hidden; border-left:1px solid #dedede;border-top:1px solid #dedede;} .tab1 .on{display:block; background-color:#284f84; color:#ffffff;} .tab1 .on a {color:#ffffff !important;} .tab1 li{float:left; font-size:15px;text-align:center;line-height:40px;border-right:1px solid #dedede;width:24.6%;border-bottom:1px solid #dedede; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden} .tab1 li a{display:block;color:#000;} .tab3{position:relative; width:100%; margin-bottom:70px;height:59px;margin:0 auto;border-left:1px solid #ddd;overflow:hidden;} .tab3 .on{height:56px; background-color:#0c4da2; } .tab3 .on a {color:#fff;} .tab3 li{float:left; height:56px; width:32.5%; line-height:56px; text-align:center; font-size:16px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .tab3 li a{display:block;color:#000;} #bbs-wrap #gallery-list .imgtd {width:150px} #bbs-wrap #gallery-list .imgtd img {width:90%} #bbs-wrap #gallery-list .bcontent {height:73px; border:0px solid #f00} body #bbs-wrap div#bbs_gallery ul {margin:0px; overflow:hidden; height:auto; padding:0px; margin-bottom:20px;} body #bbs-wrap div#bbs_gallery ul li{list-style-type:none; text-align:center; float:none; width:auto;} body #bbs-wrap div#bbs_gallery ul li img {border:0px solid #CCCCCC; margin:auto;} body #bbs-wrap div#bbs_gallery ul li dl {border:0px solid #f00; position:relative; overflow:hidden;} body #bbs-wrap div#bbs_gallery ul li dl dt {display:none} body #bbs-wrap div#bbs_gallery ul li dl dd.gallery-photo {text-align:center; width:150px} body #bbs-wrap div#bbs_gallery ul li dl dd.gallery-photo div {width:140px} body #bbs-wrap div#bbs_gallery ul li dl dd.gallery-photo div img {width:100%} body #bbs-wrap div#bbs_gallery ul li dl dd.gallery-subject {position:absolute; top:0px; left:160px; text-align:left; padding:5px 0px; font-weight:bold} body #bbs-wrap div#bbs_gallery ul li dl dd.gallery-content {position:absolute; top:25px; left:160px; text-align:left; display:block} body #bbs-wrap div#bbs_gallery ul li dl dd.gallery-content p {margin:2px auto; height:auto;} .mb-none {display:none} body #bbs-wrap .bbs-list3 td .company-name {padding-left:10px} body #bbs-wrap .bbs-list3 td .company-name a {vertical-align:top; position:relative;} body #bbs-wrap .bbs-list3 td .company-name a span {position:relative; padding-left:150px; font-size:1.2em} body #bbs-wrap .bbs-list3 td .company-name img {position:absolute; padding-right:10px; width:140px; } body #bbs-wrap .bbs-list3 td .company-etc {display:block; padding-left:160px; padding-top:5px} }