@?charset "utf-8"; /*기본 정보부분*/ * {margin:0;padding:0;} body {font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;font-size:9pt;color:#333;margin:0;padding:0;width:100%;background:#fff;text-align:center;-webkit-text-size-adjust:none;position:relative} html { overflow-y:scroll; } img {border:0px;} table {border-collapse:collapse;border-spacing:0px} img, fieldset {border:0 none;padding:0px} hr,legend {display:none} input {font-size:9pt;color:#333;font;font-family:Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;vertical-align:middle} div,ol,ul,li,dl,dt,dd,h1,h2,h3,p {margin:0px;padding:0px;list-style:none} ul,ol,li {list-style-image:none;list-style-position:outside;list-style-type:none} a:link,a:visited,a:active {font-family:dotum;font-size:12px; color:#333;text-decoration:none} a:hover {font-family:dotum; font-size:12px; color:#000;text-decoration:none} /* 버튼 */ .btnT { height:30px; padding:0 10px 0 10px; background-color:#000000; color:#FFFFFF; border:1px #000000 solid; font-weight:bold; } .btnT_s { padding:8px 5px 8px 5px; background-color:#000000; color:#FFFFFF; border:1px #000000 solid; font-weight:bold; } .btnT_co { width:100%; padding:8px 5px 8px 5px; font-size:15px; -webkit-text-stroke-width:0.5px; background-color:#000000; color:#FFFFFF; border:1px #000000 solid; font-weight:bold; } /* 드롭메뉴 */ #quote { position:relative; z-index:999999; width:60px; text-align:right; float:right; padding-right:0;} #quote .btn { position:relative;top:0; z-index:9999; text-align:right; float:right; margin-top:0;} #commentForm { display: none;width:100%;position:absolute; z-index:9999;margin-top:60px;} /* Swipe 2 required styles */ .swipe { overflow: hidden; visibility: hidden; position: relative;vertical-align:bottom;} .swipe-wrap { overflow: hidden; position: relative;} .swipe-wrap > div { float:left; width:100%; position: relative; vertical-align:bottom; } /* 메인 */ #BodyM { display:block; width:100%; } #BodyM .Top { display:block; height:60px; margin:0 auto; padding:0 0 0 4px; border-bottom:1px #000 solid;} #BodyM .Top ul li { list-style:none; } #BodyM .Top .logo { float:left; width:180px; padding:0; top:-4px; } #BodyM .Top .tel { float:right; padding:0; } #BodyM .Top .counsel { /* float:right; position:relative;width:46px; right:58px; top:7px; */ } #BodyM_visual { display:inline-block; position:relative; width:100%; margin:0 auto; top:-1px; } #BodyM_visual img { vertical-align:bottom; } #BodyM_bna { position:relative; width:100%; text-align:center; top:1px; } #BodyM_bna ul { list-style:none; } #BodyM_bna li { float:left; width:100%; } #BodyM_bna li img { margin:0;padding:0; vertical-align:top; } #BodyM_menu { position:relative; width:100%; text-align:center; top:1px; } #BodyM_menu ul { list-style:none; } #BodyM_menu li { float:left; width:50%; } #BodyM_menu li img { margin:0;padding:0; vertical-align:top; } #BodyM_menu1 { position:relative; width:100%; text-align:center; top:2px; } #BodyM_menu1 ul { list-style:none; } #BodyM_menu1 li { float:left; width:50%; } #BodyM_menu1 li img { margin:0;padding:0; vertical-align:top; } #BodyM_bn { display:block; position:relative; width:100%; text-align:center; top:-2px; } #BodyM_bn ul { list-style:none;} #BodyM_bn li { width:100%; } #BodyM_bn li img { float:left; margin:0;padding:0; vertical-align:top;} #BodyM_content { display:inline-block; position:relative; width:100%; text-align:center; top:2px; } #BodyM_content ul { list-style:none;} #BodyM_content li { float:left; width:50%; vertical-align:bottom; } #BodyM_content .bna { display:block; float:left; width:50%; text-align:right; padding:20px 0 0 0; } #BodyM_content .ps { display:block; float:right; width:50%; text-align:left; padding:20px 0 0 0;} /* 서브 */ #BodyS { display:block; width:100%; background:#F1F1F2; } #BodyS .Top { height:60px; margin:0 auto; border-bottom:2px #382611 solid; } #BodyS .Top ul li { list-style:none; } #BodyS .Top .tel { float:left; } #BodyS .Top .counsel { /* float:right; position:relative;width:46px; right:58px; top:7px; */ } #BodyS #logo { display:block; position:absolute; top:10px; width:100%; height:0; margin:0 auto; } #BodyS .menu { display:block; position:relative; width:100%; margin:0; top:0; } #BodyS .2depth { display:block; position:relative; width:100%; margin:0 0 13px 0; } /* 게시판 시작 */ #BodyB { display:block; width:100%; margin:0 auto; text-align:left; margin-top:20px; } #BodyB .cont { width:97%; margin:0 auto; text-align:left; } /* 게시판의 전체 사이즈 좌우 */ #BodyB .cont_bo { width:94%; margin:0 auto; text-align:left; } /* 게시판의 전체 사이즈 좌우 */ /* 푸터 */ #tail_login_main{ clear:both; text-align:center; border-top:0px #777 solid; background:#F7F7F7; margin:-5px 0 0 0; } #tail_login{ clear:both; text-align:center; border-top:0px #777 solid; background:#F7F7F7; margin:10px 0 0 0; } #tail_con_login { width:100%; height:30px; padding-top:12px; } #tail_con_login li { float:left; text-align:center; width:25%; } #tail_con_login li a { font-size:14px; -webkit-text-stroke-width:0.1px; } #tail_menu { width:100%; margin:0 auto; text-align:center; vertical-align:bottom; } #tail_con_menu ul { text-align:center; } #tail_con_menu li { float:left; width:25%; list-style:none; } #tail_con_menu li img { vertical-align:bottom; } #tail_copyright{ clear:both;height:55px; text-align:center; background-color:#000000; padding:20px 0; font-size:13px; line-height:19px;letter-spacing:-0.03em; color:#CCCCCC; } /* 주메뉴 */ #menu_top { display:inline-block; position:relative;width:100%; margin:0 auto; top:0; margin:0; } #menu_top #menu_nav_wrapper { position:relative; } #menu_top #menu_nav_wrapper div ul { margin:0; padding:0; } #menu_top #menu_nav_wrapper div ul li { list-style:none; float:left; top:0; position:absolute; } #menu_top #menu_nav_wrapper .off { display:inline-block; width:33.334%; border-bottom:1px #93AEBF solid; padding:10px 0; background:#296488; } #menu_top #menu_nav_wrapper .on { display:inline-block; width:33.334%; border-bottom:1px #93AEBF solid; padding:10px 0; background:#133045; } #menu_top #menu_nav_wrapper .off1 { display:inline-block; width:33.334%; border-bottom:1px #93AEBF solid; padding:10px 0; background:#296488; } #menu_top #menu_nav_wrapper .on1 { display:inline-block; width:33.334%; border-bottom:1px #93AEBF solid; padding:10px 0; background:#133045; } #menu_top a { color:#FFF; text-align:center; font-size:1.2em; letter-spacing:-0.1em; cursor:pointer; } #menu_top #menu_nav_line { width:100%; margin-top:-108px; height:108px; cursor:pointer; } /* 상단으로부터 메뉴위치 */ #menu_top #menu_nav_line div { float:left; width:33.334%; } /* 세로라인 사용시 width값 준다 */ #menu_top #menu_nav_line div .line { float:right; position:relative; border-right:1px #93AEBF solid; height:108px; left:1px /*opacity:0.1;*/ } /* 세로라인 사용시 width값 준다 */ #menu_top1 { display:inline-block; position:relative;width:100%; margin:0 auto; top:0; margin:0; } #menu_top1 #menu_nav_wrapper1 { position:relative; } #menu_top1 #menu_nav_wrapper1 div ul { margin:0; padding:0; } #menu_top1 #menu_nav_wrapper1 div ul li { list-style:none; float:left; top:0; position:absolute; } #menu_top1 #menu_nav_wrapper1 .off { display:inline-block; width:50%; border-bottom:1px #FFF solid; padding:10px 0; background:#951831; } #menu_top1 #menu_nav_wrapper1 .on { display:inline-block; width:50%; border-bottom:1px #FFF solid; padding:10px 0; background:#660D19; } #menu_top1 #menu_nav_wrapper1 .off1 { display:inline-block; width:50%; border-bottom:1px #FFF solid; padding:10px 0; background:#951831; } #menu_top1 #menu_nav_wrapper1 .on1 { display:inline-block; width:50%; border-bottom:1px #FFF solid; padding:10px 0; background:#660D19; } #menu_top1 a { color:#FFF; text-align:center; font-size:1.2em; letter-spacing:-0.1em; cursor:pointer; } #menu_top1 #menu_nav_line1 { width:100%; margin-top:-36px; height:36px; cursor:pointer; } /* 상단으로부터 메뉴위치 */ #menu_top1 #menu_nav_line1 div { float:left; width:50%; } /* 세로라인 사용시 width값 준다 */ #menu_top1 #menu_nav_line1 div .line { float:right; position:relative; border-right:1px #fff solid; height:36px; left:1px /*opacity:0.1;*/ } /* 세로라인 사용시 width값 준다 */ /* 서브 메뉴 */ #menu_sub1 { text-align:center; background:#FFF;} #menu_sub1 span { padding:8px 0; letter-spacing:-0.1em; color:#444; font-size:14px; cursor:pointer; } #menu_sub1 .off { display:inline-block; width:33%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; } #menu_sub1 .on { display:inline-block; width:33%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub1 .off1 { display:inline-block; width:33.2%; border-bottom:1px #CACACA solid; } #menu_sub1 .on1 { display:inline-block; width:33.2%; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub2 { text-align:center; background:#FFF;} #menu_sub2 span { padding:8px 0; letter-spacing:-0.1em; color:#444; font-size:14px; cursor:pointer; } #menu_sub2 .off { display:inline-block; width:33%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; } #menu_sub2 .on { display:inline-block; width:33%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub2 .off1 { display:inline-block; width:33.2%; border-bottom:1px #CACACA solid; } #menu_sub2 .on1 { display:inline-block; width:33.2%; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub3 { text-align:center; background:#FFF;} #menu_sub3 span { padding:8px 0; letter-spacing:-0.1em; color:#444; font-size:14px; cursor:pointer; } #menu_sub3 .off { display:inline-block; width:33%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; } #menu_sub3 .on { display:inline-block; width:33%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub3 .off1 { display:inline-block; width:33.2%; border-bottom:1px #CACACA solid; } #menu_sub3 .on1 { display:inline-block; width:33.2%; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub4 { text-align:center; background:#FFF;} #menu_sub4 span { padding:8px 0; letter-spacing:-0.1em; color:#444; font-size:14px; cursor:pointer; } #menu_sub4 .off { display:inline-block; width:49.7%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; } #menu_sub4 .on { display:inline-block; width:49.7%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub4 .off1 { display:inline-block; width:49.9%; border-bottom:1px #CACACA solid; } #menu_sub4 .on1 { display:inline-block; width:49.9%; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub5 { text-align:center; background:#FFF;} #menu_sub5 span { padding:8px 0; letter-spacing:-0.1em; color:#444; font-size:14px; cursor:pointer; } #menu_sub5 .off { display:inline-block; width:33%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; } #menu_sub5 .on { display:inline-block; width:33%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub5 .off1 { display:inline-block; width:33.2%; border-bottom:1px #CACACA solid; } #menu_sub5 .on1 { display:inline-block; width:33.2%; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub6 { text-align:center; background:#FFF;} #menu_sub6 span { padding:8px 0; letter-spacing:-0.1em; color:#444; font-size:14px; cursor:pointer; } #menu_sub6 .off { display:inline-block; width:24.7%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; } #menu_sub6 .on { display:inline-block; width:24.7%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub6 .off1 { display:inline-block; width:24.9%; border-bottom:1px #CACACA solid; } #menu_sub6 .on1 { display:inline-block; width:24.9%; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub7 { text-align:center; background:#FFF;} #menu_sub7 span { padding:8px 0; letter-spacing:-0.1em; color:#444; font-size:14px; cursor:pointer; } #menu_sub7 .off { display:inline-block; width:49.7%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; } #menu_sub7 .on { display:inline-block; width:49.7%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub7 .off1 { display:inline-block; width:49.9%; border-bottom:1px #CACACA solid; } #menu_sub7 .on1 { display:inline-block; width:49.9%; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub8 { text-align:center; background:#FFF;} #menu_sub8 span { padding:8px 0; letter-spacing:-0.1em; color:#444; font-size:14px; cursor:pointer; } #menu_sub8 .off { display:inline-block; width:100%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; } #menu_sub8 .on { display:inline-block; width:100%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub8 .off1 { display:inline-block; width:100%; border-bottom:1px #CACACA solid; } #menu_sub8 .on1 { display:inline-block; width:100%; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub9 { text-align:center; background:#FFF;} #menu_sub9 span { padding:8px 0; letter-spacing:-0.1em; color:#444; font-size:14px; cursor:pointer; } #menu_sub9 .off { display:inline-block; width:33%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; } #menu_sub9 .on { display:inline-block; width:33%; border-right:1px #CACACA solid; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; } #menu_sub9 .off1 { display:inline-block; width:33.2%; border-bottom:1px #CACACA solid; } #menu_sub9 .on1 { display:inline-block; width:33.2%; border-bottom:1px #CACACA solid; color:#FFF; background:#979797; }