/*******************style.css************************ 2013.12 inamax d&si 김기선, 임종문 /ina@inamax.co.kr *******************style.css************************/ @charset "utf-8"; @import url(/web/css/Nanum.css); html,body { width:100%;height:100%; -webkit-text-size-adjust:none;overflow:hidden;} html{overflow-y:scroll;} body, input, select, button, textarea,h5, h6, table { font:normal 14px/1.5 'Nanum Gothic', '나눔고딕','NanumGothicWeb',Dotum, sans-serif !important; color:#363636;} html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption { margin:0; padding:0;} ol, ul, li { list-style:none; } img, fieldset { border:0 none; } input, select, textarea { vertical-align:middle; resize:none; position:relative; } input, textarea { -webkit-appearance:none; -webkit-border-radius:0; } input[type="checkbox"] { -webkit-appearance:checkbox; } input[type="radio"] { -webkit-appearance:radio; -webkit-border-radius:10px; } button { border:0 none; background:transparent; cursor:pointer; } hr { display:none; } legend, .hide { width:0; height:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden; } table caption { width:0; height:0; visibility:hidden; text-indent:-9999px; font-size:0; line-height:0; } table { border-collapse:collapse; border-spacing:0; } header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display:block; } figcaption {width:0; height:0; visibility:hidden; text-indent:-9999px; font-size:0; line-height:0; } a:link, a:visited { text-decoration:none; color:#666; } a:active, a:hover, a:focus { text-decoration:underline; } input.basic { height:19px; line-height:19px; padding:0 5px; border:1px solid #cacaca; *margin-top:-1px; _margin-top:-2px; } textarea.basic { border:1px solid #cacaca; padding:5px; overflow:scroll; overflow-x:hidden; *margin-top:-1px; _margin-top:-2px; } select.basic { height:21px; } textarea.register { border:1px solid #cacaca;overflow:scroll; overflow-x:hidden; *margin-top:-1px; _margin-top:-2px;width:100%; } b {font-weight:600;} /* Basic Style END */ .clearfix { *zoom: 1; display:inline-block; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } sup {vertical-align:top;display:inline-block;margin-top:-2px;} h1 { font-size:16px;font-weight:600;margin:5px 0;} h2 {font-size:10px; text-align:center; letter-spacing:-1px;margin-top:7px; } h3 {font-size:12px; letter-spacing:0px;margin-bottom:7px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } h4 {font-size:12px; letter-spacing:0px;} .styled-select select {background: #fff;display:inline;padding:2px;font-size:12px;line-height: 1;border:1px solid #bbb;height: 25px;-webkit-appearance: none; vertical-align:middle;overflow: hidden;border-radius: 0px;-webkit-border-radius: 0px;} input[type~="text"] {border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; font-size:12px; -webkit-appearance: none; height:23px !important; } input[type~="file"] {border:none; font-size:12px; -webkit-appearance: none;} input[type~="password"] {border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; font-size:12px !important; -webkit-appearance: none;height:23px !important; } input[type~="checkbox"] {margin-bottom:2px;padding:0;padding:1px;vertical-align:middle;width:20px;height:20px;} input[type~="radio"] {border:none;margin:-1px 0;padding:0;vertical-align:middle;} input.text { height:21px; margin:0px; border:1px solid #aaa; color:#333; vertical-align:top; letter-spacing:0px; } /*********************************************************** 메뉴를 건너 뛰고 페이지 본문으로 이동하기 ***********************************************************/ .skipToContent { position:absolute;top:0px;left:0px;height:10px;z-index:99999;} .skipToContent a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap;background:#fff} .skipToContent a:focus, .skipToContent a:active { height:auto; width:auto; padding:5px; margin-bottom:10px;} h1 {font-weight:600;margin-top:25px;} /*********************************************************** 본문 ***********************************************************/ #wrap {position:absolute;top:0px;bottom:0px;width:100%;height:100%;} #wrap_m {position:relative;margin:70px auto 0;min-width:1200px;width:100%;} #wrap_s {position:relative;width:1200px;margin:70px auto 0;overflow:hidden;} #wrap_s_table {width:100%;} .footer {width:1200px;color:#333;margin:20px auto;} .copy_content {display:inline-block;width:1198px;height:140px;border:1px solid #ccc;background:#FFF;} .copy_content ul {margin:0;padding:20px 0px;display:inline-block;} .copy_content ul li {width:600px;display:inline-block;float:left;font-size:0.9em;text-align:left;} .copy_content ul li dd {float:left;width:40%;display:inline-block;text-align:center;font-size:0.85em;line-height:115%;padding:55px 0 0;} .copy_content ul li.logo {width:250px;height:100px;background:transparent url('/web/images/logo_footer.png') top right no-repeat;margin-right:60px;} .copy_content ul li.right {width:250px;height:100px;margin-top:-10px;display:inline-block;float:right;font-size:0.9em;background:transparent url('/web/images/footer_award.png') top left no-repeat;text-align:right;} .copy_content ul li.usefont {font-size:0.5em;margin-top:5px;color:#666;} .copy_content ul li.copyright {font-weight:bold;} /*********************************************************** top menu 2015.06.15 ***********************************************************/ #top_menu {position:fixed;width:100%;height:70px;top:0px;left:0px;background:#fff;border-bottom:1px solid #ccc;z-index:1000;text-align:center;} #top_menu_in {position:relative;margin:0 auto;width:1200px;height:70px;background:#fff;} #top_menu_in > ul {display:inline-block;width:100%;height:70px;} #top_menu_in > ul > li {display:table-cell;height:70px;vertical-align:middle;} #top_menu_in > ul > li > a{display:inline-block;} #top_menu_in ul li.top_left {width:250px;text-align:left;} #top_menu_in ul li.top_left a {display:inline-block;width:167px;height:50px;background:url('/web/images/top_logo.png') no-repeat center left;text-indent:-9999px;} #top_menu_in ul li.top_center {width:700px;text-align:center;} /*#top_menu_in ul li.top_center a {display:inline-block;width:19%;font-weight:bold;font-size:1.2em;}*/ /***************************메인 메뉴**************************/ .tabber {width:100%;height:100%;top:0px;left:0px;clear:both;float:center;background:#FFF;position:relative;z-index:999;margin:0 auto;} .tabber > ul {position:relative;} .tabber > ul > li {display:inline-block;font-size:1.1em;font-weight:600; text-align:center;vertical-align:middle;height:70px;margin:0px 30px;} .tabber li a {display:block;color:#333;padding:24px 0 23px;text-decoration:none;} .tabber > ul.middle > li > a:hover {background:#aaa url('/web/images/bk_menu.png');} .tabber li .blue1.on {background:url('/web/images/bk_menu.png') #319CFF ;color:#319CFF;} .tabber li a:hover.blue1.on {background:url('/web/images/bk_menu.png') #319CFF;color:#319CFF;} .tabber li .orange1.on {background:url('/web/images/bk_menu.png') #ff6600;color:#ff6600;} .tabber li a:hover.orange1.on {background:url('/web/images/bk_menu.png') #ff6600;color:#ff6600;} .tabber li .green1.on {background:url('/web/images/bk_menu.png') #80C300;color:#80C300;} .tabber li a:hover.green1.on {background:url('/web/images/bk_menu.png') #80C300;color:#80C300;} .tabber li .purple1.on {background:url('/web/images/bk_menu.png') #886BF0;color:#886BF0;} .tabber li a:hover.purple1.on {background:url('/web/images/bk_menu.png') #886BF0;color:#886BF0;} .tabber > ul.middle {float:center;display:inline-block;height:70px;} .tabber > ul.middle li {float:left;display:inline-block;} /***************************메인 서브메뉴**************************/ .sub_m {clear:both;position:absolute;width:180px;top:70px;display:none;z-index:9999999;} .sub_m ul {display:inline-block;width:174px;float:left;display:inline-block;margin-top:0px;background:#FFF;border:1px solid #ccc;border-top:1px solid #f3f3f3;padding-bottom:5px !important;} .sub_m ul li {display:block;height:33px;text-align:left;} .sub_m ul li a {display:block;padding:0px;width:160px;margin:2px;padding:5px 0px 5px 10px;display:block;font-size:1em;color:#777;border-bottom:1px solid #ddd;} .sub_m ul li a.sub_m_last {border-bottom:0px;} .sub_m ul li a:hover {background:#ddd;text-decoration:none;color:#333;} #top_menu_in ul li.top_right {width:250px;} #top_menu_in ul li.top_right a{float:right;} #top_menu_in ul li.top_right a.top_all_menu {display:inline-block;width:30px;height:30px;background:url('/web/images/top_all_menu.png') no-repeat center center;text-indent:-9999px;margin-left:30px;} /*********************************************************** main slide 2015.06.15 ***********************************************************/ .main_slide {position:relative;width:100%;height:480px;background:#ddd;margin:0 auto;} /*********************************************************** main submenu 2015.06.15 ***********************************************************/ .sub_menu_main {position:relative;width:1200px;height:100px;margin:0 auto;padding:0px;z-index:99;} .sub_menu_main ul {width:100%;margin:0;padding:0;display:inline-block;} .sub_menu_main ul li {display:inline-block;width:16.666%;height:100%;margin:0;padding:0;background-position:20px center !important;float:left;background-size: auto 50% !important;} .sub_menu_main ul li a{display:block;height:100%;text-align:left;font-weight:bold;color:#fff;padding:0 0 0 80px;overflow:hidden;} .sub_menu_main ul li.menu1 {background:#7b72ab url('/web/images/sub_menu1.png') no-repeat center left;} .sub_menu_main ul li.menu2 {background:#b970a5 url('/web/images/sub_menu2.png') no-repeat center center;} .sub_menu_main ul li.menu3 {background:#c2b595 url('/web/images/sub_menu3.png') no-repeat center center;} .sub_menu_main ul li.menu4 {background:#7b72ab url('/web/images/sub_menu4.png') no-repeat center center;} .sub_menu_main ul li.menu5 {background:#c19596 url('/web/images/sub_menu5.png') no-repeat center center;} .sub_menu_main ul li.menu6 {background:#b970a5 url('/web/images/sub_menu6.png') no-repeat center center;} .menutitle {vertical-align:middle;display:table-cell;height:100px;padding:0px;color:#FFF;font-size:1.2em;line-height:115%;} /**********메뉴 위치에 따른 스타일 변경***********/ .topFixed {position:fixed;z-index:999;top:70px;left:0;height:70px;margin-top:0px !important;width:100%;display:none;} .topFixed ul {width:1200px;height:60px;} .topFixed ul li {background-position:20px center !important;} .topFixed ul li a {padding:0 0 0 70px;height:100%;} .topFixed ul li.menu1 {background-size:auto 70%;} .topFixed ul li.menu2 {background-size:auto 70%;} .topFixed ul li.menu3 {background-size:auto 70%;} .topFixed ul li.menu4 {background-size:auto 70%;} .topFixed ul li.menu5 {background-size:auto 70%;} .menutitle1 {vertical-align:middle;display:table-cell;height:60px;padding:0px;color:#FFF;font-size:1.2em;line-height:115%;} .marginTopM100 {margin-top:-100px;} .marginTop20 {margin-top:20px;} /*********************************************************** quickmenu 2015.06.16 ***********************************************************/ #quick_bg {position:fixed;width:100%;height:150%;top:-50px;background:#000;z-index:9999;display:none;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;} #quick_wrap {position:fixed;width:320px;right:0px;top:0px;bottom:0px;background:#595959;color:#fff;z-index:10000;overflow:hidden;margin-right:-320px;} #quick_wrap ul {width:330px;height:95%;overflow-y:scroll;padding:20px 0px 0px 20px;display: none;} #quick_wrap ul li.quick_close {text-align:left;height:30px;} #quick_wrap ul li.quick_close a {display:inline-block;width:30px;height:30px;background:url('/web/images/quick_close.png') no-repeat center center;background-size:auto 100%;text-indent:-9999px;} #quick_wrap ul li.quick_menu {text-align:left;} #quick_wrap ul li.quick_menu dd {display:inline-block;width:145px;vertical-align:top;} #quick_wrap ul li.quick_menu dd span a {font-size:1.12em;font-weight:bold;color:#fff;display:inline-block;height:20px;width:90%;} #quick_wrap ul li.quick_menu dd a {color:#f9f9f9;width:100%;display:inline-block;padding:4px 0;height:15px;font-size:1em;} #quick_wrap ul li.quick_menu_img {display:inline-block;text-align:left;margin-left:-10px;overflow:hidden;width:100%;height:90px;} #quick_wrap ul li.quick_menu_img dd {display:inline-block;width:23%;height:80px;vertical-align:top;margin-right:0px;background-size:70% auto !important;} #quick_wrap ul li.quick_menu_img dd a{display:inline-block;width:100%;text-align:center;padding:57px 0px 3px 0px;color:#fff;} #quick_wrap ul li.quick_menu_img dd.link1 {background:url('/web/images/quick_img_1.png') no-repeat center top;} #quick_wrap ul li.quick_menu_img dd.link2 {background:url('/web/images/quick_img_2.png') no-repeat center top;} #quick_wrap ul li.quick_menu_img dd.link3 {background:url('/web/images/quick_img_3.png') no-repeat center top;} #quick_wrap ul li.quick_menu_img dd.link4 {background:url('/web/images/quick_img_4.png') no-repeat center top;} #quick_wrap ul li.quick_line {margin:10px 0px;border-bottom:1px solid #696969;} #quick_wrap ul li.quick_line {margin:20px 0px;border-bottom:1px solid #777;} /*********************************************************** TOP 가기 버튼 2015.06.16 ***********************************************************/ .remoCon { clear:both; position: fixed; display:inline-block; width: 46px; height: 92px; bottom: 71px; margin-left:1220px; z-index:99; display: none; padding:0; text-align:center; cursor:pointer; } .remoCon ul {display:inline-block;width:100%;height:100%;} .remoCon ul li {display:inline-block;border:1px solid #ccc;width:46px;background:#fff;height:46px;} .remoCon ul li.allmenu {background:#fff url('/web/images/top_all_menu.png') no-repeat center center;} .remoCon ul li.allmenu a {display:block;width:100%;height:46px;text-indent:9999px;} .remoCon ul li.TopMove {margin-top:-1px;} .remoCon ul li.TopMove a {display:inline-block;width:100%;padding:12px 0px;} .sns {position:absolute;top:94px;margin-left:1220px;width:48px;} .sns ul {display:inline-block;width:100%;height:100%;} .sns ul li {display:inline-block;width:48px;background:#fff;height:48px;} @media screen and (max-width:1320px) { .remoCon {margin-left:1152px;} .sns {margin-left:1152px;} } /*********************************************************** sub navi 2015.06.16 ***********************************************************/ .sub_wrap_navi {position:relative;margin:0 auto;max-width:1198px;min-width:800px;height:40px;color:#333;overflow:hidden;z-index:99;background:#fff;border:1px solid #ccc;margin-bottom:30px;} li.navi_left {width:40px;height:40px;float:left;background:#ccc url('/web/images/home.png') no-repeat center center;text-indent:-9999px;} li.navi_left a{display:block;padding:10px;} li.navi_right {float:left;height:26px;font-size:1.0em;padding:9px 23px;} li.navi_right a {color:#333;} /*********************************************************** 서브 타이틀/이미지 2015.06.22 ***********************************************************/ .sub_top_image {position:relative;width:100%;margin-top:40px;margin-bottom:40px;} .sub_top_image ul {display:inline-block;width:100%;} .sub_top_image li {display:inline-block;} .sub_top_image li.sub_t_title {font-weight:bold;font-size:2.4em;text-align:left;width:100%;background:#FFF;} .sub_top_image li.sub_t_image {width:100%;height:165px;background-size:100% auto !important;margin-top:30px;} .sub_top_image li.copy {font-size:1.35em;padding:25px 0 ; display:inline-block;width:100%;text-align:left;border-bottom:1px solid #999;border-top:3px solid #999;margin:10px 0 0;text-align:center;background:#f8f8f4;} /****************************************************** 스킵네비게이션 *******************************************************/ .skipNav {position:absolute; left:-9999px; top:-9999px; overflow:hidden; width:1px; height:1px; margin:0; padding:0; font-size:1px; line-height:0.1;z-index:90999999999} .display_block { display:block;} .display_none { display:none;} /****************************************************** 컬러바탕 표준색 *******************************************************/ .blue {background:#319CFF;color:#fff;} .orange {background:#ff6600;color:#fff;} .green {background:#80C300;color:#fff;} .purple {background:#886BF0 ;color:#fff;} .pink {background:#de5370;color:#fff;} .aqua {background:#54C5DE;color:#fff;} .dgray {background:#555;color:#fff;} .black {background:#333;color:#fff;} .sky {background:#1db0e4;color:#fff;} .navy {background:#1a3797;color:#fff;} .yellow {background:#f1d726;color:#fff;} .snow {background:#FFF;color:#333;} .gray {background:url('/web/images/line_bg_black.png');} .bsky {background:#bbe9ff;color:#fff;} .brown {background:#9b8060;color:#fff;} .emerald {background:#4eaa7d;color:#fff;} /*******************************************************************************************************************************************/ .alpha20 { /* Fallback for web browsers that don't support RGBa */ background-color: rgb(0, 0, 0); /* RGBa with 0.6 opacity */ background-color: rgba(0, 0, 0, 0.2); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)"; } .unselectable { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } /*콘텐츠 타이틀*/ .content_title {width:920px;height:160px;padding:120px 0 0;} .content_title ul {width:100%;margin:0;padding:0;display:block;} .content_title ul li {width:100%;display:block;float:left;margin:0;padding:0;text-align:left;} .content_title ul li.sub_top_title {color:#444;font-size:4em;font-weight:600;} .content_title ul li.sub_top_contents {width:100%;display:block;color:#444;padding-bottom:20px;font-size:1.1em;line-height:135%;letter-spacing:-1px;} .content_title ul li.sub_top_contents b {color:#555;font-weight:600;} .content_title ul li.sub_top_contents b.big {font-size:1.4em;color:#444;font-weight:600;margin-bottom:-10px;display:block;} /*써머리 뷰*/ .summary_view {width:920px;height:105px;display:block;} .summary_view ul {width:84px;height:105px;float:left;margin-right:3px;padding:0px;} .summary_view ul.sum01 {background:url('/web/images/sum01.png') no-repeat;} .summary_view ul.sum02 {background:url('/web/images/sum02.png') no-repeat;} .summary_view ul.sum03 {background:url('/web/images/sum03.png') no-repeat;} .summary_view ul.sum04 {background:url('/web/images/sum04.png') no-repeat;} .summary_view ul.sum05 {background:url('/web/images/sum05.png') no-repeat;} .summary_view ul li {display:block;height:60px;color:#FFF;padding-top:7px;text-align:center;} .summary_view ul li.cont01 {display:block;text-align:center;color:#333;font-size:14px;font-weight:600;} /************컨텐츠 사이즈**********/ .main_copyright {height:100px;background:#fff;z-index:998;position:relative;} .sub_copyright {left:0px;height:100px;width:100%;z-index:998;background:#fff;color:#000;border-top:1px solid #ccc;padding:10px 0;display:block;} .sub_copyright li.center {width:920px;background:#ccc;display:block;min-width:850px;} /******************************************************* 서브 페이지 탭메뉴 ********************************************************/ .sub_submenu {width:100%; margin:auto;margin-bottom:30px;} .sub_submenu_in { width:100%; height:49px;} .sub_submenu_item {border:1px solid #ccc;vertical-align:middle;font-size:16px;font-weight:600;padding:10px 0px 10px 0px;} ul.tabs2 { margin: -1px 0; padding: 0; float: left; list-style: none; height: 50px; border-bottom: 1px solid #00B9EF; border-left: 1px solid #ccc; width: 100%; } ul.tabs2 li { float: left; margin: 0; padding: 0; height: 49px; line-height: 41px; border: 1px solid #ccc; border-bottom:0px; border-left: none; margin-bottom: -1px; background: #f2f2f2; overflow: hidden; position: relative; } ul.tabs2 li a { text-decoration: none; width:100%; display: block; font-size: 17px; height:49px; font-weight:600; padding-top:4px; text-align:center; } ul.tabs2 li a:hover { color:#111; } html ul.tabs2 li.active2, html ul.tabs2 li.active2 { color:#00B9EF; background:#FFF url('/web/images/bullet_top.png') no-repeat center bottom; border: 1px solid #00B9EF; margin-bottom:-1px;margin-left:-1px; padding-bottom:1px; border-bottom: 1px solid #fff; } .tabs2 li.active2, html ul.tabs2 li.active2 a {color:#00B9EF;font-weight:600;} /******************************************************* 메인 전체메뉴 페이지 ********************************************************/ #all_menu {width:965px;height:500px;} .all_menu_group {margin:0px 5px;width:190px;margin-bottom:10px;} .all_menu_group_title {margin:0px;} .all_menu_group_title li.title {background:url('/web/images/title_point.png') no-repeat left top;color:#222;width:100%;padding-top:5px;font-size:1.8em;font-weight:600;} .all_menu_group_title li.info {width:100%;padding-top:15px;color:red;font-size:1em;} .ft_left {float:left} .ft_clear {clear:both;} .all_menu_title {font-weight:600;width:100%;border-bottom:1px solid #ccc;padding:7px 0;font-size:1.2em;color:#319bff;} .all_menu_item {padding-left:15px;} .depth_menu {width:920px;} .depth_menu ul {float:left;margin:0;padding:0;margin:0;} .depth_menu ul li {float:left;text-align:center;margin-right:4px;background:transparent url('/web/images/base_1.png') no-repeat;font-size:1.2em;line-height:120%;font-weight:600;} .depth_menu ul li a {display:block;width:112px;height:67px;padding:45px 0 0;text-decoration:none;} .depth_menu ul li.on a, .depth_menu ul li.on a:hover { color:#FFF; background:transparent url('/web/images/base_on.png') no-repeat; } .depth_menu ul li a:hover { color:#f0f0f0; background:transparent url('/web/images/base_2.png') no-repeat; } .body-content {width:100%;display:block;overflow:hidden;min-width:800px;max-width:1200px;margin:0 auto;} .body-content ul {width:100%;margin:0px 0 30px;padding:0px;float:left;} .body-content ul li {margin:0;padding:0;float:left;line-height:150%;} .body-content ul li.line {margin:10px 0 20px;padding:0;float:left;width:100%;border-bottom:2px solid #ddd;} .body-content ul li.img a {display:block;width:100%;height:100%;} .body-content ul li.content {text-align:justify;width:50%;margin-bottom:10px;font-size:1.05em;} .body-content ul li.content2 {text-align:justify;width:100%;margin-bottom:10px;font-size:1.05em;} .body-content ul li.maintitle {font-weight:600;font-size:2em;letter-spacing:-1px;margin:0;width:570px;padding:7px 0 15px;background:url('/web/images/title_point.png') no-repeat left top;color:#222;} .body-content ul li.maintitle2 {font-weight:600;font-size:2em;letter-spacing:-1px;margin:0;width:100%;padding:7px 0 15px;background:url('/web/images/title_point.png') no-repeat left top;color:#222;} .body-content ul li.maintitle3 {font-weight:600;font-size:1.7em;letter-spacing:-1px;margin:0;padding:7px 0 15px;background:url('/web/images/title_point.png') no-repeat left top;color:#222;} .body-content ul li.maintitle4 {font-weight:600;font-size:2em;letter-spacing:-1px;margin:0;padding:0px 0 15px;color:#886BF0;} .body-content ul li.maincopy {font-size:1.35em;padding:30px 0 25px ; display:inline-block;width:100%;background:#f6f6f3;text-align:center;margin:0 0 20px;border-top:3px solid #777;border-bottom:1px solid #ccc;} .body-content ul li.maincopy2 {font-size:1.4em;margin:0 0 20px; display:inline-block;} .body-content ul li.subtitle {font-weight:600;font-size:1.35em;margin:20px 0 10px 0;display:inline-block;width:55%;} .body-content ul li.subtitle2 {font-weight:600;font-size:1.35em;margin:-5px 0 10px 0;display:inline-block;width:100%;} .body-content ul li.subtitle3 {font-size:1.35em;margin:-5px 0 10px 0;padding:5px 0;display:inline-block;width:50%;border-bottom:1px solid #ddd;} .body-content ul li.subcopy {font-weight:600;font-size:1.35em;margin:5px 10px 10px 0;width:570px;} .body-content ul li.subcopy1 {font-weight:600;font-size:1.2em;margin:5px 10px 10px 0;} .body-content ul li.subcopy2 {font-weight:600;font-size:1.2em;margin:5px 10px 10px 0;width:570px;} .body-content ul li.img {width:45%;height:200px;margin:0;padding:0px; background:#ddd;display:inline-block;float:right;text-indent:-99999px;background-position:center center !important;background-size:100% auto !important} .body-content ul li.img2 {width:45%;height:200px;margin:-35px 0 0;padding:0px; background:#ddd;display:inline-block;float:right;text-indent:-99999px;background-position:center center !important;background-size:100% auto !important} .body-content ul li.img_left {width:220px;height:200px;margin:0 40px -25px 0px;padding:0px; border:1px dotted #ccc;background:url('/web/images/bg_dot.png');display:inline-block;float:left;text-indent:-99999px;} .body-content ul li.img_left2 {width:150px;height:110px;margin:0 40px -25px 0px;padding:0px;background:url('/web/images/bg_dot.png');display:inline-block;float:left;text-indent:-99999px; } .body-content ul li.linkbox {width:310px;height:200px;margin:0 0 20px 0;padding:0px; background:url('/web/images/bg_dot.png');display:inline-block;float:right;text-indent:-99999px;} .body-content ul li.linkbox a {width:100%;height:100%;display:block;background: url('/web/images/ico_plus.png') no-repeat center center;filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;} .body-content ul li.linkbox a:hover {background:url('/web/images/ico_plus.png') no-repeat center center;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;} .body-content ul li.logo {padding:0 18px;margin:0 6px 0 0;border:1px dotted #aaa;display:inline-block:} .body-content ul li.num1 {width:95%;display:block;text-indent:-22px;padding:0 0 10px 22px ;} .body-content ul li.flow {font-weight:600;font-size:16px;width:170px;background:#00c4d7;color:#fff;padding:35px 25px;text-align:center;} .body-content ul li.flow2 {width:30%;height:85px;margin:5px 5px 5px 0;padding:20px;border:1px dotted #ccc;padding:15px;} .body-content ul li.flow3 {width:192px;height:85px;margin:5px 5px 5px 0;border:1px dotted #ccc;padding:15px;} .body-content ul li span {display:block;width:100%;margin-bottom:5px;font-size:1.1em;font-weight:600;color:#222;} .body-content ul li dd {margin:0 0 12px 27px;} .body-content ul li dd b.list {font-weight:bold;font-size:1.2em;display:inline-block;padding-top:5px;} .body-content ul li dd.dot1 {margin-left:1em;text-indent:-1em;} .body-content ul.subframe {border:1px solid #ccc;padding:20px 20px 20px 90px;width:808px;background:#f7f7f7 url('/web/images/ico_tip1.png') no-repeat;background-position:20px 0px;} .body-content ul.subframe2 {border:1px solid #ccc;padding:20px 20px 20px 90px;width:540px;background:#f7f7f7 url('/web/images/ico_tip1.png') no-repeat;background-position:20px 0px;} .body-content ul.stepgroup {margin-top:-20px;width:1180px;padding:9px;border:1px solid #BBB;background-position:20px 0px;} .body-content ul.stepgroup li dd {margin:10px; font-size:0.9em;line-height:135%;text-align:justify;} .body-content ul.stepgroup li dd b.big {color:#FFF;background:#444;padding:1px 10px 3px;display:inline-block;margin:2px 0;} .body-content ul.stepgroup li dd span {font-size:1.2em;padding-top:7px;display:inline-block;} .body-content ul.stepgroup li dd.step {height:300px;font-size:1em;font-weight:600;background-color:#e2e2e2;border:1px solid #ccc;text-indent:-9999px;background-size:auto 100% !important;} .body-content ul.sp {background:url('/web/images/bk_sp1.png') no-repeat center top;margin:-40px 0 0;} .body-content ul.sp_ {background:url('/web/images/bk_sp2.png') no-repeat center top;margin:-50px 0 -20px;} .body-content ul.process {margin-top:-40px;padding:8px;width:900px;background:transparent url('/web/images/bg_process.png') no-repeat center top;} .body-content ul.process li dd {margin:10px; font-size:1em;text-align:justify;} .body-content ul.process li dd.white {margin:7px 0 30px; font-size:1.3em;font-weight:600;text-align:center;color:#fff;} .body-content ul.process li dd b {color:#de5370;} .body-content ul.process li dd b.big {font-size:1.15em;} .body-content ul.dt1 {margin-top:-40px;padding:8px 0;width:920px;} .body-content ul.dt1 li dd.cont01 {margin:0 25px 7px ;padding-left:18px;font-weight:600; font-size:0.95em;text-align:justify;background:url('/web/images/ico_v.png') no-repeat left top;} .body-content ul.dt1 li dd.white {margin:20px 25px 0 0; padding:30px 0px 20px 25px; font-size:1.5em;font-weight:600;} .result1 {background:url('/web/images/ico_result.png') no-repeat right top;} .result2 {background:url('/web/images/ico_system.png') no-repeat right top;} .result3 {background:url('/web/images/ico_care.png') no-repeat right top;} .white1 {color:#fff;background:url('/web/images/bg_tri.png');} .white2 {color:#fff;background:url('/web/images/bg_tri2.png');} .white3 {color:#fff;background:url('/web/images/bg_tri3.png');} .body-content ul.sp1 {background: url('/web/images/bk_sp01.png') no-repeat left top;margin:-40px 0 0 80px ;} .body-content ul.sp1_ {background: url('/web/images/bk_sp02.png') no-repeat left top;margin:-20px 0 20px 80px ;} .body-content ul.sp2 {background: url('/web/images/bk_sp3.png') no-repeat center top;margin-top:-40px;} .body-content ul.sp3 {background: url('/web/images/bk_sp4.png') no-repeat center top;margin-top:-40px;} .body-content ul.sp li {width:258px;height:258px;margin:5px;padding:120px 10px 0 25px;color:#FFF;text-align:center;} .body-content ul.sp1 li {width:192px;height:192px;margin:5px 0;padding:75px 15px 0 20px;color:#FFF;text-align:center;} .body-content ul.sp2 li {width:192px;height:192px;margin:5px 0;padding:75px 10px 0 25px;color:#FFF;text-align:center;} .body-content ul.sp3 li {width:137px;height:160px;margin:5px -4px 0 28px;padding:50px 6px 0 10px;color:#FFF;text-align:center;} .body-content ul.sp li span {font-size:1.5em;} .body-content ul.sp1 li span {font-size:1.6em;line-height:120%;color:#FFF;letter-spacing:-1px;} .body-content ul.sp2 li span {font-size:1.6em;line-height:120%;color:#FFF;letter-spacing:-1px;} .body-content ul.sp3 li span {font-size:1.4em;line-height:120%;color:#FFF;letter-spacing:-1px;} .step1 {position:absolute;width:90px;height:90px;background:url('/web/images/img_step.png') no-repeat left top;background-position:0 0;text-indent:-9999px;} .step2 {position:absolute;width:90px;height:90px;background:url('/web/images/img_step.png') no-repeat left top;background-position:0 -100px;text-indent:-9999px;} .step3 {position:absolute;width:90px;height:90px;background:url('/web/images/img_step.png') no-repeat left top;background-position:0 -200px;text-indent:-9999px;} .step4 {position:absolute;width:90px;height:90px;background:url('/web/images/img_step.png') no-repeat left top;background-position:0 -300px;text-indent:-9999px;} .step5 {position:absolute;width:90px;height:90px;background:url('/web/images/img_step.png') no-repeat left top;background-position:0 -400px;text-indent:-9999px;} .left_line {border-left:1px dotted #aaa; width:43%;display:inline-block;margin-right:20px;padding:10px 0 10px 40px;float:left;font-size:1.1em;letter-spacing:-1px;} .left_line2 {border-left:1px dotted #aaa; width:25%;height:65px;display:inline-block;margin-right:20px;padding:10px 0 10px 40px;float:left;font-size:1.1em;letter-spacing:-1px;} .num1{background:url('/web/images/num.png') no-repeat;background-position:-20px 0px;} .num2{background:url('/web/images/num.png') no-repeat;background-position:-20px -100px;height:65px;} .num3{background:url('/web/images/num.png') no-repeat;background-position:-20px -200px;} .num4{background:url('/web/images/num.png') no-repeat;background-position:-20px -300px;} .num5{background:url('/web/images/num.png') no-repeat;background-position:-20px -396px;} .num6{background:url('/web/images/num.png') no-repeat;background-position:-20px -486px;} .num7{background:url('/web/images/num.png') no-repeat;background-position:-20px -596px;} .num8{background:url('/web/images/num.png') no-repeat;background-position:-20px -690px;} .num9{background:url('/web/images/num.png') no-repeat;background-position:-20px -800px;} .c_num1{background:url('/web/images/c_num.png') no-repeat;background-position:0px 0px;width:23px;height:23px;display:inline-block;margin:2px 5px 0 0;vertical-align:top;text-indent:-9999px;} .c_num2{background:url('/web/images/c_num.png') no-repeat;background-position:0px -30px;width:23px;height:23px;display:inline-block;margin:2px 5px 0 0;vertical-align:top;text-indent:-9999px;} .c_num3{background:url('/web/images/c_num.png') no-repeat;background-position:0px -60px;width:23px;height:23px;display:inline-block;margin:2px 5px 0 0;vertical-align:top;text-indent:-9999px;} .c_num4{background:url('/web/images/c_num.png') no-repeat;background-position:0px -90px;width:23px;height:23px;display:inline-block;margin:2px 5px 0 0;vertical-align:top;text-indent:-9999px;} .c_num5{background:url('/web/images/c_num.png') no-repeat;background-position:0px -120px;width:23px;height:23px;display:inline-block;margin:2px 5px 0 0;vertical-align:top;text-indent:-9999px;} .c_num6{background:url('/web/images/c_num.png') no-repeat;background-position:0px -150px;width:23px;height:23px;display:inline-block;margin:2px 5px 0 0;vertical-align:top;text-indent:-9999px;} .c_num7{background:url('/web/images/c_num.png') no-repeat;background-position:0px -180px;width:23px;height:23px;display:inline-block;margin:2px 5px 0 0;vertical-align:top;text-indent:-9999px;} .nontext{text-indent:-9999px;} /****************** 2015.06.15 추가 *********************/ .main_banner_big {width:100%;display:block;overflow:hidden;min-width:800px;max-width:1200px;margin:0 auto;margin-top:20px;background:#ddd;} .main_banner_big ul {width:100%;padding:0px;float:left;} .main_banner_big ul li {position:relative;width:1190px;height:200px;border:5px solid #FFF;background:#ddd;} .main_banner_big ul li a {position:absolute;width:100%;height:100%;display:inline-block;top:0px;left:0px;z-index:1;} .main_banner_big ul li dd.close {position:absolute;top:10px;right:10px;width:40px;height:40px;z-index:2;} .main_banner_big ul li dd.close a{display:inline-block;width:100%;height:100%;background:url('/web/images/close_x.png') no-repeat center center;text-indent:-9999px;} /***********최근게시물용**********/ .main_banner_small {position:relative;width:1200px;text-align:center;background:#fff;overflow:hidden;margin:0px auto;margin-top:20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .main_banner_small ul {width:100%;text-align:center;background:#fff;overflow:hidden;} .main_banner_small ul li {float:left;display:inline-block;width:25%;height:300px;background:#fff;} .main_banner_small ul li.scon {width:260px;height:260px;padding:20px;} .main_banner_small ul li dd.menu {display:inline-block;width:100%;height:50px;margin-bottom:20px;} .main_banner_small ul li dd.menu > a {display:inline-block;width:128px;text-align:center;background:#f2f2f2;padding:14px 0px 15px 0px;font-weight:bold;border:1px solid #ccc;font-size:1.1em;} .main_banner_small ul li dd.menu a:last-child{margin-left:-1px;} .main_banner_small ul li dd.menu a.on {border-bottom:1px solid #fff;background:#fff;color:red;} .main_banner_small ul li dd.cont {width:100%;height:190px;background:#FFF;} .main_banner_small ul li a.ban{display:inline-block;width:100%;height:100%;} .main_banner_small ul li a.banner_link {position:absolute;display:inline-block;width:100%;height:100%;text-indent:-9999px;top:0px;left:0px;} .main_banner_small ul li div.intro {position:relative;top:215px;width:100%;height:70px;background:#000;background: rgba(0, 0, 0, 0.6);color:#fff;text-align:center;padding-top:15px;} .main_banner_small ul li div.intro a {color:#fff;} .main_banner_small ul li div.intro span{display:block;width:100%;color:#fff;font-weight:bold;font-size:1.25em;} .main_banner_small ul li.info {width:250px;height:250px;padding:25px;text-align:left;font-size:1.1em;position:relative;} .main_banner_small ul li.info dd {display:inline-block;margin-bottom:0px;} .main_banner_small ul li.info dd b{font-size:0.9em;} .main_banner_small ul li.info dd.title {font-size:1.3em;width:100%;height:35px;padding-top:7px;} .main_banner_small ul li.info dd.tt {width:80px;vertical-align:top;} .main_banner_small ul li.info dd.con {width:160px;} .main_banner_small ul li.info dd.line {width:100%;height:1px;background:#ddd;margin: 15px 0 10px;} .main_banner_small ul li.info dd.red {color:#ff0000;} .main_banner_small ul li.info dd.phone {font-size:2.4em;margin-top:-6px;} .watch {background:url('/web/images/watch.png') no-repeat top right;} .call {background:url('/web/images/phone.png') no-repeat top right;} .banner_small {width:100%;margin:0;padding:0;display:inline-block;} .banner_small li {display:inline-block;width:300px;height:300px;background:#fff;border-bottom:1px solid #ddd;vertical-align:top;overflow:hidden;float:left;background-size:cover !important;} .banner_small li a{display:inline-block;width:100%;height:100%;} .banner_small li a.banner_link {position:absolute;display:inline-block;width:100%;height:100%;text-indent:-9999px;top:0px;left:0px;} .banner_small li div.intro {position:relative;top:220px;width:100%;height:60px;background: rgba(255, 255, 255, 0.85);color:#222;text-align:center;padding-top:10px;} .banner_small li div.intro a {color:#222;} .banner_small li div.intro span{color:#22;font-weight:bold;font-size:1.2em;display:block;margin:0;padding:0;} .banner_small ul li div.box_title {position:absolute;padding:5px 20px;color:#fff;} .banner_small ul li div.box_title span {display:table-cell;vertical-align:middle;text-align:center;font-size:0.8em;color:#fff;font-weight:600;} .banner_small ul li div.movie {background: rgba(205, 130, 75, 0.85);} .banner_small ul li div.review {background: rgba(138, 204, 228, 0.85);} .banner_small ul li div.product {background: rgba(117, 176, 90, 0.85);} /****************페이지 하단 링크***************/ .main_links {position:relative;width:1198px;text-align:center;background:#fff;overflow:hidden;margin:0px auto;margin-top:20px;border:1px solid #ccc;} .main_links ul {width:100%;text-align:center;background:#fff;overflow:hidden;} .main_links ul li {display:inline-block;width:100%;padding:0px;overflow:hidden;} .main_links ul li dd{display:inline-block;width:135px;height:170px;border-right:1px solid #d9d9d9;padding:20px 0px 20px 10px;text-align:left;overflow:hidden;vertical-align:top;margin:0px;} .main_links ul li dd:last-child{border-right:0px solid #ccc;} .main_links ul li dd > span{display:inline-block;width:100%;font-size:1.05em;font-weight:bold;margin-bottom:5px;} .main_links ul li dd a {display:inline-block;text-decoration:none;} .main_links ul li dd a:hover, .main_links ul li dd a:focus {color:#339900;font-weight:bold;} .year-table {width:700px;color:#333;float:left;border:1px solid #666;overflow:hidden;margin-left:10px;} .year-table ul {margin:0px; padding:0px;} .year-table ul li {display:inline-block;float:left;width:86px;height:80px;text-align:left;padding:7px;border:1px solid #ccc;margin:0 -1px -1px 0;border-left:0px;} .year-table ul li.date {display:inline-block;float:left;width:100px;height:20px;text-align:center;padding:7px 0;border:0px;border-right:1px solid #ccc;margin-right:-1px;font-weight:600;} .cal_check {position:absolute;width:40px;height:40px;margin:-5px 0 0 -14px;background:url('/web/images/bg_cal_check.png') no-repeat top center;} .cal_arrow {position:absolute;width:196px;height:20px;margin:14px 0 0 -4px;background:url('/web/images/bg_cal_arrow.png') no-repeat top center;} .cal_cal {position:absolute;margin:7px 0 0 12px;padding:15px 20px 10px;background:#319CFF url('/web/images/bg_cal.png') no-repeat top left;color:#FFF;z-index:2;} .cal_v {position:absolute;width:30px;height:30px;margin-top:-7px;background:url('/web/images/bg_cal_v.png') no-repeat top right;} .cal_model {position:absolute;margin:-62px 0 0 645px;width:289px;height:601px; background:url('/web/images/bg_cal_model.png') no-repeat right bottom;z-index:100;text-indent:-9999px;} .d_red{color:red;} .sub_table {width:100%;margin:0 0 20px 0;padding:0px; background:#fff; border-bottom:1px solid #bbb;} .sub_table th {padding:0px;margin:0px; } .sub_table th.title {text-align:center;border-top:1px solid #1db0e4; border-bottom:1px solid #bbb;padding:0px;margin:0px;font-size:14px;font-weight:600;height:35px;background:url('/web/images/bg_th.gif') no-repeat right center #f8f8f8; } .sub_table th.title_blank {text-align:center;border-top:1px solid #1db0e4; border-bottom:1px solid #bbb;padding:0px;margin:0px;font-size:14px;font-weight:600;height:35px;background:#f8f8f8; } .sub_table th.title_red {text-align:center;border-left:2px solid red; border-right:2px solid red; border-top:2px solid red; border-bottom:1px solid #bbb;padding:0px;margin:0px;font-size:14px;font-weight:600;height:35px;background:#f8f8f8; } .sub_table th.title-end {text-align:center;border-top:1px solid #1db0e4; border-bottom:1px solid #bbb;padding:0px;margin:0px;font-size:14px;font-weight:600;height:35px;background:#f8f8f8; } .sub_table td {padding:0px;border-top:1px solid #ccc;height:35px;padding:5px; } .sub_table td.in1 {text-align:center;background:#f8f8f8;} .sub_table td.in1_1 {text-align:center;background:#f8f8f8;border-left:1px solid #ccc;} .sub_table td.in2 {padding:5px; text-align:left;border-left:1px solid #ccc;} .sub_table td.in3 {padding:5px 20px; text-align:right;border-left:1px solid #ccc;} .sub_table td.in4 {text-align:center;border-left:1px solid #ccc;} .sub_table td.in4_red {text-align:center;border-left:2px solid red;border-right:2px solid red;} .sub_table td.in4_red_last {text-align:center;border-left:2px solid red;border-right:2px solid red;border-bottom:2px solid red;} .sub_table td.in5 {text-align:center;border-left:1px solid #bbb;background:#f8f8f8;} .sub_table td.in6 {text-align:center;} .sub_table td.underline {border-bottom:1px solid #aaa;} /*sub menu style*/ .main_submenu, .main_submenu3 {width:100%;} .main_submenu_in { width:100%; height:42px;margin-bottom:20px;} .main_submenu_in3{ width:100%; height:42px;margin-bottom:20px;} .main_submenu_item, .main_submenu_item3 {border:1px solid #ccc;vertical-align:middle;font-size:14px;font-weight:600;padding:6px 0px 6px 0px;} ul.tabs, ul.tabs3 { width:100%; margin: 0; padding: 0; float: left; list-style: none; height: 41px; border-left: 1px solid #bbb; width: 100%; border-bottom: 1px solid #bbb; } ul.tabs li, ul.tabs3 li { float: left; text-align:center; margin: 0; padding: 0; height: 40px; line-height: 8px; border: 1px solid #bbb; border-left: none; margin-bottom: -1px; background: #eee; overflow: hidden; position: relative; } ul.tabs li a, ul.tabs3 li a { text-decoration: none; display: block; font-size: 14px; border: 1px solid #fff; outline: none; height:40px; font-weight:bold; } ul.tabs li a:hover, ul.tabs li a:focus, ul.tabs3 li a:hover, ul.tabs3 li a:focus{ color:#4ecdf2; } html ul.tabs li.active, html ul.tabs li.active a:link, html ul.tabs3 li.active, html ul.tabs3 li.active a:link { color:#00B9EF; background: #f9f9f9; border-bottom: 1px solid #f9f9f9; font-weight:bold; } #tab_menu {overflow:hidden;height:46px;width:100%;border-left:1px solid #ccc;} #tab_menu li {height:46px;display:inline-block;float:left;font-size:14px;letter-spacing:-1px;font-weight:600; text-align:center;float:left;margin-left:-1px;background:#f3f3f3;display:block;height:32px;padding:12px 0 0;color:#444;border:1px solid #ccc;} #tab_menu li.on {color:#fff;background: #1db0e4 url('/web/images/ico_bullet.gif') no-repeat center 35px;border:1px solid #1db0e4 } #sub_tab_menu {position:relative;overflow:hidden;width:100%;margin:0px auto 30px;} #sub_tab_menu li {height:55px;display:inline-block;float:left;font-size:1.25em;font-weight:600; text-align:center;float:left;background:#f3f3f3;} #sub_tab_menu li.fifth {width:20%;} #sub_tab_menu li.quarter {width:25%;} #sub_tab_menu li.half {width:50%;} #sub_tab_menu li.third {width:33.3%;} #sub_tab_menu li.six {width:16.6%;} #sub_tab_menu li.six:last-child {width:17%;} #sub_tab_menu li.third:last-child {width:33.4%;} #sub_tab_menu li.margintopM1 {margin-top:-1px;} #sub_tab_menu li:first-child a {border-left:1px solid #ccc;} #sub_tab_menu li.brder a {border-left:1px solid #ccc;} #sub_tab_menu li a {display:block;height:41px;padding:12px 0 0;color:#444;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;} #sub_tab_menu li a.on {color:#fff;background: #1db0e4 url('/web/images/ico_bullet.gif') no-repeat center 42px !important;border:1px solid #1db0e4 } #sub_tab_menu li a:hover, #sub_tab_menu ul li a:focus {background-color:#aaa;color:#fff;font-weight:600;text-decoration:none;border:1px solid #aaa;} #sub_tab_menu2 {position:relative;width:100%;overflow:hidden;margin:0px auto 30px;} #sub_tab_menu2 li {height:55px;display:inline-block;float:left;font-size:1.25em;font-weight:600; text-align:center;float:left;background:#f3f3f3;} #sub_tab_menu1 li.fifth {width:20%;} #sub_tab_menu2 li.quarter {width:25%;} #sub_tab_menu2 li.half {width:50%;} #sub_tab_menu2 li.third {width:33.3%;} #sub_tab_menu2 li.six {width:16.6%;} #sub_tab_menu2 li.third:last-child {width:33.4%;} #sub_tab_menu2 li.six:last-child {width:17%;} #sub_tab_menu2 li.margintopM1 {margin-top:-1px;} #sub_tab_menu2 li:first-child a {border-left:1px solid #ccc;} #sub_tab_menu2 li.brder a {border-left:1px solid #ccc;} #sub_tab_menu2 li a {display:block;height:41px;padding:12px 0 0;color:#777;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;} #sub_tab_menu2 li a.on {color:#111 !important;background:#FFF url('/web/images/bullet_top.png') no-repeat center 42px !important;border-bottom:1px solid #FFF !important; } #sub_tab_menu2 li a:hover, #sub_tab_menu2 ul li a:focus {background-color:#aaa;color:#fff;font-weight:600;text-decoration:none;border:1px solid #aaa;} .ba_pic {width:920px;border:0px;margin:0px; padding:0px;height:45px;} .ba_pic ul.title1 {width:100%;height:40px;margin:5px 0 0px;padding:0px;display:inline-block;} .ba_pic ul.title1 li.left {background:url('/web/images/ba_top_left.png') no-repeat;float:left;width:122px;padding:11px 0px;margin:0px;text-align:center;top:0px;left:0px;font-weight:600;font-size:0.9em;} .ba_pic ul.title1 li.center {background:url('/web/images/ba_top_center.png') repeat-x;float:left;text-align:center;width:676px;padding:10px 0;font-weight:600;color:#FFF;} .ba_pic ul.title1 li.right {background:url('/web/images/ba_top_right.png') no-repeat;float:right;width:122px;padding:11px 0;text-align:center;color:#319cff;font-weight:600;font-size:0.9em;} .ba_arrow {position:absolute;width:920px;height:626px;background:url('/web/images/ba_2.png') no-repeat center center;} .ba_logo {position:absolute;width:920px;height:626px;background:url('/web/images/logo_footer.png') no-repeat center 520px;} .ba_arrow_w {position:absolute;width:920px;height:626px;background:url('/web/images/ba_3.png') no-repeat center center;} .ba_pic1 {width:700px;border:0px;} .ba_pic1 ul.title1 {background:url('/web/images/ba_top.png') no-repeat;width:100%;height:40px;margin:5px 0 -1px;padding:0px;} .ba_pic1 ul.title1 li.left {float:left;width:110px;padding:11px 0px;margin:0px;text-align:center;top:0px;left:0px;font-weight:600;font-size:0.9em;} .ba_pic1 ul.title1 li.center {float:left;text-align:center;width:480px;padding:10px 0;font-weight:600;color:#FFF;} .ba_pic1 ul.title1 li.right {float:left;width:110px;padding:11px 0;text-align:center;color:#319cff;font-weight:600;font-size:0.9em;} .ba_arrow1 {position:absolute;width:700px;height:376px;background:url('/web/images/ba_2.png') no-repeat center center;} .ba_pic2 {width:686px;border:0px;} .ba_pic2 ul.title1 {width:685px;height:40px;margin:5px 0 -1px;padding:0px;border:1px solid #ddd; border-right:0px;} .ba_pic2 ul.title1 li.left {float:left;width:224px;padding:11px 0px;margin:0px;text-align:center;top:0px;left:0px;font-weight:600;font-size:0.9em;} .ba_pic2 ul.title1 li.center {float:left;text-align:center;width:230px;padding:11px 0;font-weight:600;color:#319cff;background:#f0f0f0;border-left:1px solid #ddd;font-size:0.9em;} .ba_pic2 ul.title1 li.right {float:left;width:230px;padding:10px 0;text-align:center;font-weight:600;color:#FFF;background:#319cff;} /* wrapper css */ #container{ position:relative; width:960px; padding:2px 0 0 2px; margin-bottom: 10px; background:#eee; } .grid{ width:160px; min-height:220px; padding: 3px 10px 8px; background:#fff; margin:5px; font-size:0.9em; float:left; border:1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .grid strong { color:#FFF; margin:8px 0 3px; display:block; padding:5px 8px; font-size:1.1em; font-weight:600; background:#5da6f2 url('/web/images/bullet_top.png') no-repeat;background-position:140px 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .grid p { border-bottom:1px solid #ddd; display:block; font-weight:300; } .grid p a{ display:block; width:100%;height:100%; padding:3px 0; text-decoration:none; } .grid p a:hover { color:#5da6f2; font-size:1em;font-weight:600;background:#FFF url('/web/images/sc_bullet.png') no-repeat right center; } ..ipad {background:url('/web/images/ipad1.png') no-repeat top left;width:340px;} .ipad li.bottom {background:url('/web/images/ipad2.png') no-repeat bottom left;padding:45px 0 86px;} .deco_cost {position:absolute;margin:-60px 0 0 445px;width:170px;height:620px;background:url('/web/images/bg_cost1.png') no-repeat top right;} .deco_kakao {position:absolute;margin:-80px 0 0 430px;width:170px;height:600px;background:url('/web/images/bg_cost2.png') no-repeat top right;} .deco_kakao2 {position:absolute;margin:95px 0 0 265px;width:50px;height:50px;background: url('/web/images/q_04.png') no-repeat center center;} /*메인페이지 css 2013.12.27 김기선 */ .block-box {margin:25px;position:relative;color:#fff;} .block-box div a {position:absolute;display:block;width:100%;height:100%;background:url('/web/images/blank.gif');text-indent:-9999px;} .block-box ul {margin:0;padding:0;display:block;} .block-box ul li {margin:0;padding:0;display:block;} .block-box ul li.img {text-align:center;height:108px;padding:5px;} .block-box ul li.img1 {text-align:left;height:70px;padding:10px 5px 5px;} .block-box ul li.title {text-align:center;height:30px;font-size:1.2em;font-weight:600;} .block-box ul li.title1 {text-align:left;height:30px;font-size:1.2em;font-weight:600;width:160px;} .block-box ul li.text {display:block;text-align:left;font-size:1.1em;font-weight:600;} .block-box ul li.subcopy {text-align:center;font-size:0.9em;line-height:120%;} .block-box ul li.subcopy1 {text-align:left;font-size:1em;line-height:125%;width:170px;margin-top:5px;font-weight:600;} .block-box ul li.text a {display:block;text-decoration:none;width:245px;height:94px;color:#FFF;} /*******************************메인페이지 로그인 관련*****************************/ .main_login {width:100%;margin-top:-16px;} .main_login ul {height:1px;background:url('/web/images/line_bg_white.png') repeat-x left top;padding-top:1px;} .main_login li a {color:#fff;font-weight:600;} .main_login li {float:left;width:135px;text-align:center;font-size:13px;} .main_login li.left {background:url('/web/images/line_bg_white.png') repeat-y right top;} .main_login li.item a {display:block;width:100%;text-align:center;height:37px;padding-top:18px;text-decoration:none;} .main_login li.item a:hover, .main_login li.item a:focus{background:url('/web/images/line_bg_black.png');color:#fff;font-weight:600;text-decoration:none;} .main_reserv {width:100%;margin-top:-16px;} .main_reserv ul {height:1px;background:url('/web/images/line_bg_white.png') repeat-x left top;padding-top:1px;} .main_reserv li a {color:#fff;font-weight:600;} .main_reserv li {float:left;width:135px;text-align:center;font-size:13px;} .main_reserv li.left {background:url('/web/images/line_bg_white.png') repeat-y right top;} .main_reserv li.item a {display:block;width:100%;text-align:center;height:74px;padding-top:15px;text-decoration:none;} .main_reserv li.item a:hover, .main_reserv li.item a:focus{background:url('/web/images/line_bg_black.png'); color:#fff;font-weight:600;text-decoration:none;} .main_community {width:100%;margin-top:-16px;} .main_community ul {height:1px;background:url('/web/images/line_bg_white.png') repeat-x left top;padding-top:1px;} .main_community li a {color:#fff;font-weight:600;} .main_community li {float:left;width:90px;text-align:center;font-size:13px;} .main_community li.left {background:url('/web/images/line_bg_white.png') repeat-y right top;} .main_community li.item a {display:block;width:100%;text-align:center;height:74px;padding-top:15px;text-decoration:none;} .main_community li.item a:hover, .main_community li.item a:focus{background:url('/web/images/line_bg_black.png'); color:#fff;font-weight:600;text-decoration:none;} .main_facebook {width:100%;} .main_facebook ul {margin:0;padding:0;} .main_facebook li a {color:#333;font-weight:600;} .main_facebook li {float:left;width:90px;text-align:center;font-size:13px;} .main_facebook li.item {float:left;width:135px;} .main_facebook li a {display:block;width:100%;text-align:center;height:30px;padding-top:72px;text-decoration:none;} .main_facebook li a:hover, .main_facebook li a:focus{background:url('/web/images/line_bg_black.png'); color:#886BF0;font-weight:600;text-decoration:none;} .main_cafe {width:100%;margin-top:-6px;} .main_cafe ul {height:1px;background:url('/web/images/line_bg_black.png') repeat-x left top;padding-top:1px;} .main_cafe li a {color:#333;font-weight:600;} .main_cafe li {float:left;width:90px;text-align:center;font-size:13px;} .main_cafe li.left {background:url('/web/images/line_bg_black.png') repeat-y right top;} .main_cafe li.item a {display:block;width:100%;text-align:center;height:74px;padding-top:15px;text-decoration:none;} .main_cafe li.item a:hover, .main_cafe li.item a:focus{color:green;font-weight:600;text-decoration:none;} .main_cafe1 {width:100%;height:72px;margin-top:-25px;} .main_cafe1 ul {height:1px;background:url('/web/images/line_bg_black.png') repeat-x left top;padding-top:1px;} .main_cafe1 li a {color:#333;font-weight:600;} .main_cafe1 li {float:left;width:57px;height:72px;text-align:center;font-size:11px;} .main_cafe1 li.left {background:url('/web/images/line_bg_black.png') repeat-y right top;} .main_cafe1 li.item a {display:block;width:100%;text-align:center;height:74px;padding-top:7px;text-decoration:none;} .main_cafe1 li.item a:hover, .main_cafe1 li.item a:focus{color:green;font-weight:600;text-decoration:none;} .main_cafe2 {width:100%;} .main_cafe2 ul {height:1px;background:url('/web/images/line_bg_black.png') repeat-x left top;padding-top:1px;} .main_cafe2 li a {color:#333;font-weight:600;} .main_cafe2 li {float:left;width:25%;text-align:center;font-size:11px;margin-top:8px;} .main_cafe2 li.left {background:url('/web/images/line_bg_black.png') repeat-y right top;} .main_cafe2 li.item a {display:block;width:100%;text-align:center;padding:5px 0;text-decoration:none;} .main_cafe2 li.item a:hover, .main_cafe2 li.item a:focus{color:green;font-weight:600;text-decoration:none;} #main_sc {width:170px;margin:0;padding:0;position:relative;color:#FFF;} #main_sc ul {width:100%;margin:10px;} #main_sc ul li.title {font-size:17px;font-weight:600;padding:35px 0 20px 5px;} #main_sc ul li {width:100%;} #main_sc ul li a {display:block;padding:8px 10px;font-weight:600;color:#FFF;text-decoration:none;} #main_sc ul li a:hover, #main_sc ul li a:focus {background:#fff url('/web/images/sc_bullet.png') no-repeat center right;color:#319CFF;} #main_square {width:190px;height:190px;margin:0;padding:0;background:url('/web/images/img_quick4.png') no-repeat} #main_square li {width:50%;height:95px;text-align:center;display:inline-block;float:left;} #main_square li a {display:block;color:#fff;height:25px;padding:58px 0 14px;font-weight:600;text-decoration:none;} .opacity-effect {filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;} .block_link {position:absolute;width:270px;height:204px;background:url('/images/ico_dec.png') no-repeat bottom right;z-index:99;} .block_link img{width:100%;height:100%;} .block_link a {text-indent:-9999px;} .q_link {display:block;width:100%;height:100%;text-indent:-99999px;} .q_link2 {display:inline-block;width:50%;height:100%;text-indent:-99999px;float:left;} .c_wait {font-size:0.8em;color:#FFF;background:#999;padding:3px 5px;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;text-decoration:none;} .c_confirm {font-size:0.8em;color:#FFF;background:#ff6600;padding:3px 5px;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;text-decoration:none;} a.c_wait {font-size:0.8em;color:#FFF;background:#999;padding:3px 5px;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;text-decoration:none;} a.c_confirm {font-size:0.8em;color:#FFF;background:#ff6600;padding:3px 5px;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;text-decoration:none;} .q_before {width:360px;height:204px;} .q_before ul {width:100%;height:100%;display:inline-block;color:#FFF;text-align:center;font-size:0.9em;font-weight:600;background:url('/web/images/main/main_beaf.png') no-repeat;} .q_before ul a{width:100%;height:100%;padding-top:181px;display:block;text-decoration:none;color:#FFF;} .arrow {width:100%;height:50px;display:inline-block;background:url('/web/images/arrow_y.png') no-repeat center center;} /* 찾아오는길 CSS */ .search_table {width:100%;} .search_table ul {width:100%;margin:0;padding:0;float:left;} .search_table > ul.head {background:#f0f0f0;font-weight:bold;} .search_table ul li {width:100%;} .search_table ul div {width:100%;margin:0;padding:0;float:left;display:inline-block;} .search_table ul div ul li {width:20%;display:inline-block;margin:0;padding:10px 0;float:left;text-align:left;} .search_table ul div ul li.cat {width:5%;} .search_table ul div ul li.con {width:95%;} .search_table ul li div ul li.con2 {width:100%;} .search_table > ul > li.main_title {width:100%;font-size:1.5em;text-align:left;font-weight:bold;margin-top:20px;display:inline-block;} .bus_table ul {width:100%;border-bottom:1px solid #ddd;} .train_table ul {width:100%;border-bottom:1px solid #ddd;} .doc_content {width:1000px;height:680px;overflow:hidden;margin:0;padding:0;} .doc_content li {height:680px;display:inline-block;margin:0;padding:0;float:left;} .doc_content li.left{width:390px;background-size:80% auto !important;background-position:30px 30px !important;} .doc_content li.right {width:590px;height:600px;} .doc_content li dd {margin:0px;} .doc_content li dd.name {font-size:2.5em;margin:25px 0 10px;} .doc_content li dd.position {font-size:1.5em;margin-bottom:20px;} .doc_content li dd.contact {font-size:1.15em;margin-top:420px;} .doc_content li dd.sp {font-size:1.6em;margin-top:20px;} .doc_content li dd.sp2 {font-size:1em;margin-top:5px;} .doc_content li dd.sp2 span {font-size:1.2em;padding:20px 0 10px;display:block;} .doc_img1 {background:url('/web/content01/doc/park.png') no-repeat;} .doc_img2 {background:url('/web/content01/doc/hong.png') no-repeat;} .s_center {width:100%;height:400px;display:block;margin:-20px 0 50px;} .s_center ul {width:50%;height:100%;display:inline-block;padding:0px;margin: 0;float:left;} .s_center ul li {margin:0;padding:0px;border-right:1px solid #ddd;} .s_center ul li.sc_img {width:100%;height:100%;background-color:#f5f5f5 !important;} .s_center ul li.sc_img a {width:100%;height:100%;display:block;background-size:auto 135% !important;} .s_center ul li.sc_img a:hover {background-color:#7b72ab !important;color:#FFF !important;} .s_center ul li.sc_img a dd {width:45%;font-size:1.2em;display:block;margin:5px 0 5px 50px;float:left;text-align:left;} .s_center ul li.sc_img a dd span {font-size:1.6em;font-weight:600;margin:0px !important;} .s_center ul li.sc_img a dd.txt {font-size:1.0em;} .s_center ul li.sc_img a dd u {display:block;height:20px;color:#f5f5f5;background:url('/web/content01/doc/cu.png') no-repeat;background-size:auto 100%;padding:7px 40px 8px;} .doc_01 {background:url('/web/content01/doc/park1.png') no-repeat 240px 20px;} .doc_02 {background: url('/web/content01/doc/hong1.png') no-repeat 220px 20px;} li.info2 {width:579px;height:230px;padding:0px 0 0 20px !important;text-align:left;font-size:1.1em;border-left:1px solid #ddd;margin-bottom:30px !important;} li.info2 dd {font-size:1.5em;display:inline-block;margin:7px 0px !important;padding-left:50px;} li.info2 dd b{font-size:1.1em;} li.info2 dd.title {font-size:1.6em;width:100%;height:40px;padding-top:10px;} li.info2 dd.tt {width:110px;} li.info2 dd.con {width:300px;} li.info2 dd.red {color:#ff0000;} li.info2 dd.phone {font-size:3.5em;} .watch2 {background:url('/web/images/watch.png') no-repeat left top ;} .call2 {background:url('/web/images/phone.png') no-repeat left top;} /*소개용(투명)*/ div.intro2 {position:relative;top:205px;width:260px;height:55px;background: rgba(255, 255, 255, 0.9);padding:20px;text-align:left;overflow:hidden;} div.intro2 a {color:#222;text-decoration:none;overflow:hidden;} div.intro2 span{display:block;width:100%;font-weight:bold;font-size:1.2em;line-height:110%;text-decoration:none;} div.intro2 dd {display:block;width:100%;overflow:hidden;line-height:115%;} .b_content_txt {font-weight:normal;font-size:0.95em;margin:5px 0} .main_banner_small ul li div.box_title {position:absolute;width:100px;height:35px;color:#fff;} .main_banner_small ul li div.box_title span {display:table-cell;width:100px;height:35px;vertical-align:middle;text-align:center;font-size:0.8em;color:#fff;font-weight:600;} div.intro2 div.box_content { position:absolute; top:95px; color:#f0f0f0;font-size:0.9em;} .main_banner_small ul li div.movie {background: rgba(205, 130, 75, 0.85);} .main_banner_small ul li div.review {background: rgba(138, 204, 228, 0.85);} .main_banner_small ul li div.product {background: rgba(117, 176, 90, 0.85);} /*마우스 오버 시 스타일 적용*/ a.layereffect:hover {background: rgba(0, 0, 0, 0.5);} a.movie {background: rgba(0, 0, 0, 0.4) url('/web/images/movie_play_btn.png') no-repeat center 80px;} a.movie:hover {background: rgba(0, 0, 0, 0.5) url('/web/images/movie_play_btn.png') no-repeat center 80px;} div.mouseup {top:80px;height:200px;background: rgba(0, 0, 0, 0.5);} div.mouseup2 {top:80px;height:250px;background: rgba(0, 0, 0, 0.5);color:#FFF;text-decoration:none;} div.mouseup3 {top:100px;height:160px;background: rgba(255, 255, 255, 0.9);text-decoration:none;} /*게시판용*/ /*********************************************************** 메인배너 로고 2015.07.16 김기선 ***********************************************************/ .ban_logo {width:100%;min-width:1200px;height:100%;} a.ban_link {width:1200px;min-width:1200px;height:480px;display:block;margin:0 auto;text-decoration:none;color:#454545;} a.ban_link dd {font-size:1.25em;font-weight:300;padding:5px 0 20px 0;width:50%;display:block;} a.ban_link dd.title {font-size:4em;font-weight:600;padding:90px 0 15px 0;line-height:120%;} a.ban_link dd.copy {font-size:1.6em;font-weight:600;padding:0px 0 15px 0;line-height:140%;} .table.board1 thead th {border-top:2px solid #1f88d4;border-bottom:2px solid #ccc;background:#FFF !important;padding:1.2rem auto;} .table.board1 thead th div {border-left:1px solid #ccc;margin:0 -0.7rem;padding:0 0.4rem;} .table.board1 thead th:first-child div {border-left:0px;} .table.board1 {border-bottom:2px solid #ccc;} .table-comparison, .table-comparison th { text-align: center; } .table-comparison th:first-child, .table-comparison td:first-child { border-left:0px; } .table-comparison th:last-child, .table-comparison td:last-child { border-right:0px; } table { border-collapse: collapse; } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.4rem; vertical-align: middle !important; border-top: 1px solid #e3e3e3; font-size:1.2em; } .table td.sub-title {background:#f4f6fa;font-weight:bold;} .table thead th { border-bottom: 1px solid #ddd; border-top: 2px solid #333; background:#f4f6fa; text-align:center; } .table tbody + tbody { border-top: 2px solid #dee2e6; border-bottom: 5px solid #333; } .table-sm th, .table-sm td { padding: 0.5rem; } .table-bordered { } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 1px; } .table-bordered tbody { border-bottom: 2px solid #bbb; } .line {width:calc(100% - 15px);margin:10px 0;height:1px;background:#ccc;} .left {text-align:left;}