/* Theme Name: Inicis Theme URI: http://www.inicis.com Description: 이니시스 메인 테마 템플릿 Author: Stackr Inc. Version: 1.0.0 */ /*@charset "utf-8";*/ /* CSS Document */ /* Common */ html,body{height:auto;margin:0;padding:0;border:0; font-size:12px;color:#585858;line-height:1.5;text-align:left;} h1, h2, h3, h4, h5, h6, h7 {font-size:1em; margin:0;} address, em, strong { font-style:normal;} img, fieldset, form {border:0 none; margin:0; padding:0; vertical-align:middle;} input, select, button {vertical-align:middle; margin:0; padding:0;} legend, .hide { overflow:hidden; position:absolute; top:0; left:0; font-size:1%; line-height:1%;} hr {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} img {border:0;} ul,ol,dl{list-style:none;} ul,ol,dl,li,dt,dd,p{margin:0; padding:0} input, textarea, select {font-size:12px;color:#585858;line-height:1.5;text-align:left;} a:link,a:active,a:visited{color:#585858;text-decoration:none} a:hover,a:focus{color:#92278f;font-weight:normal;text-decoration:underline} #skip{position:absolute;top:-12em;z-index:9999999;width:100%;margin:0 auto;font-size:125%;list-style:none} #skip a:active,#skip a:focus{position:absolute;top:12em;width:100%;height:1.3em;padding:0.5em 0 0 0;border:1px solid #475470;background:#fff;font-weight:bold;color:#000;text-align:center} /* Layout */ #header{background:url(images/common/bg_header_m.gif) top repeat-x; position:relative; *z-index:999;} #header .header {height:120px; width:982px; margin:0 auto; background:url(images/common/bg_header_top.gif) top no-repeat; overflow:hidden;} #header .header h1 {margin:0; padding:0; top:64px; left:50%; margin-left:-491px; position:absolute; z-index:10000;} #header .tnb {overflow:hidden; padding-top:19px;} #header .tnb ul, #header .tnb ul li {margin:0; padding:0;} #header .tnb ul {float:right;} #header .tnb ul li {float:left; padding-right:10px; margin-left:10px; margin-top:5px; line-height:16px; background:url(images/common/bg_tnb.gif) right no-repeat; } #header .tnb ul li a {font-size:12px; font-family:dotum; color:#555;} #header .tnb ul li.last {float:left; background:none; margin-top:0; padding-right:0; margin-left:10px; overflow:hidden;} #header .tnb .tnb_sns {*margin-top:1px;} #header .tnb .tnb_sns {border:1px solid #c4c4c4; width:24px; height:24px; float:left; display:block; background:url(images/common/tnb_sns.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;} #header .tnb .tnb_sns.blog {background-position:0 0; margin-right:5px;} #header .tnb .tnb_sns.twitter {background-position:0 -30px; margin-right:5px;} #header .tnb .tnb_sns.facebook {background-position:0 -60px;} #header .tnb .tnb_sns.blog:hover {background-position:0 0;} #header .tnb .tnb_sns.twitter:hover {background-position:0 -30px;} #header .tnb .tnb_sns.facebook:hover {background-position:0 -60px;} #header .tnb.top_search {} #header .tnb .top_search input[type=text] {border:1px solid #c4c4c4; width:165px; height:24px; line-height:22px; padding-left:5px; *padding-top:0;} #header .tnb .top_search input[type=image] {border:1px solid #fff;} #header .tnb.top_search * {vertical-align:top} /* Lnb */ .lnb ul, .lnb ul li {padding:0; margin:0; vertical-align:top;} .lnb{clear:both; overflow:hidden; position:absolute; top:64px; right:0; left:0; width:100%; z-index:1001; height:54px; background:#fff url(images/common/gnb_line.png) top repeat-x;} .lnb a{text-decoration:none} .lnb>ul {overflow:hidden; position:relative; left:50%; top:0; margin-left:-491px; width:730px; padding-left:252px;} .lnb>ul>li{float:left;width:146px;margin:0;padding:0;text-align:left;} .lnb>ul>li>a {display:block; width:146px; height:55px; text-align:left; background:url(images/common/gnb_txt.png) top no-repeat; white-space:nowrap; text-indent:100%; overflow:hidden;} .lnb>ul>li.active {background:url(images/common/gnb_bg.png) top repeat-x;} .lnb>ul>li>ul{display:hidden;height:239px;margin:0 0 1px;padding:15px 0 0 0; border-right:1px solid #f1f1f2; background-color:#fff; display:block;} .lnb>ul>li>ul>li a{width:auto;height:auto;margin:0 0 0 16px;padding:0; color:#666; line-height:32px;} .lnb>ul>li:first-child>ul{border-left:1px solid #f1f1f2} .lnb>ul>li>ul.active{background-color:#f8f8f8; color:#333} .lnb>ul>li>ul.active a{color:#333} .lnb>ul>li>ul.active>li.active{background:#4d1f73;} .lnb>ul>li>ul.active>li.active>a{font-weight:bold;color:#fff} .lnb>ul>li>a.lnb1 {background-position:0 0;} .lnb>ul>li>a.lnb2 {background-position:-146px 0;} .lnb>ul>li>a.lnb3 {background-position:-292px 0;} .lnb>ul>li>a.lnb4 {background-position:-438px 0;} .lnb>ul>li>a.lnb5 {background-position:-584px 0;} .lnb .bnn {position:absolute; top:55px; left:50%; bottom:0; margin-left:-491px; width:252px; height:254px; border-left:1px solid #f1f1f2;} .lnb .bnn.active {background:none;} .lnb .bnn a {display:block; background:none; width:auto; width:250px; height:254px; text-indent:0;} #container{clear:both; width:982px; margin:0 auto; padding-bottom:35px;} #container:after{display:block;clear:both;content:''} #container.main {width:auto; padding-bottom:0;} #container.main #content .content {width:980px; padding-bottom:15px; margin:0 auto;} /* Footer */ #footer {width:100%; border-top:1px solid #ddd; background-color:#f7f7f7; min-height:210px;} #footer .foot_menu {width:982px; height:37px; padding-top:22px; margin:0 auto; border-bottom:1px solid #ddd;} #footer .foot_menu ul {float:left; overflow:hidden; padding:0; margin:0;} #footer .foot_menu ul li {float:left; padding:0 10px; background:url(images/common/bg_ft_line.gif) 0 50% no-repeat;} #footer .foot_menu ul li:first-child {padding-left:0; background:none;} #footer .foot_menu ul li strong {color:#471b70;} #footer .family_site {float:right; margin-top:-8px;} #footer .family_site select {width:133px; margin-left:8px; line-height:29px; height:29px;} #footer .footer {clear:both; position:relative; width:867px; margin:0 auto; padding:20px 0 0 115px;} #footer .footer p.logo {position:absolute; top:22px; left:0;} #footer .footer ul {overflow:hidden; width:540px;} #footer .footer ul li {float:left; height:14px; margin-right:8px; padding-left:8px; background:url(images/common/bg_ft_line.gif) no-repeat; line-height:14px; margin-bottom:7px; color:#464646; display:block;} #footer .footer ul li:first-child {padding-left:0; background:none;} #footer .footer ul li.none {padding-left:0; background:none; *min-width:100px;} #footer .footer ul.tel {padding:2px 0 8px;} #footer .footer ul.info {padding-bottom:2px;} #footer .footer ul.info li {color:#818181;} #footer .footer .copy {*padding-top:6px; font-family:arial; font-size:10px; color:#333;} #footer .footer .mark {position:absolute; right:0; top:13px;} #footer .footer .mark img {vertical-align:top;} #footer .footer .mark a {padding-left:10px;} span.btn_ft_go button {cursor:pointer; padding:0; margin:0; display:block; width:100%; height:100%; border:0 none; background:none; text-indent:100%; overflow:hidden; white-space:nowrap; } span.btn_ft_go button {display:inline-block; background:url(images/common/btn_family_go.png) no-repeat; height:29px; width:38px;} .fl {float:left;} .fr {float:right;} .clear {clear:both;} .ovHidden {overflow:hidden;} .ar {text-align:right;} .al {text-align:left;} .ac {text-align:center;} .pt5 {padding-top:5px;} a.vbtn {display:block; background:url(images/common/btn_v.gif) no-repeat;} a.vbtn.goto1 {background-position:0 0; width:38px; height:22px; text-indent:100%; overflow:hidden; white-space:nowrap;} .main .content {overflow:hidden;} .main .content .fl {width:668px; vertical-align:top;} .main .content .fr {width:294px; vertical-align:top;} .main .more {position:absolute; top:17px; right:14px} .main .more a {color:#777; background:url(images/icon/icon_vl_more.gif) 0 48% no-repeat; padding-left:12px; line-height:12px; font-size:11px;} .main .main_box {position:relative; border:1px solid #ddd;} .main .fr .main_box {padding:17px 14px 0;} .main .fl .main_box {padding:22px 24px 0;} /*.main .newsList {position:relative; height:135px; margin-bottom:11px;} 새소식 박스 크기설정 원본*/ .main .newsList {position:relative; height:106px; margin-bottom:1px;} /*.main .newsList ul {padding-top:19px;} 새소식과 글 리스트 사이 간격 원본*/ .main .newsList ul {padding-top:7px;} .main .newsList ul li {margin-bottom:5px; line-height:18px; background:url(images/icon/icon_vl_dot.gif) 0 45% no-repeat; padding-left:11px;} .main .newsList ul li a {color:#444;} /*.main .newsList {position:relative; height:135px; margin-bottom:11px;} 새소식 박스 크기설정 원본*/ .main .newsbodoList {position:relative; height:106px; margin-bottom:1px;} /*.main .newsList ul {padding-top:19px;} 새소식과 글 리스트 사이 간격 원본*/ .main .newsbodoList ul {padding-top:7px;} .main .newsbodoList ul li {margin-bottom:5px; line-height:18px; background:url(images/icon/icon_vl_dot.gif) 0 45% no-repeat; padding-left:11px;} .main .newsbodoList ul li a {color:#444;} .main .csCenter {height:68px; padding-top:1px !important;} .main .csCenter ul {overflow:hidden;} .main .csCenter ul li {float:left; padding-top:13px;} .main .csCenter ul li img {width:180px; height:auto;} .main .csCenter ul li:first-child {width:75px; padding-top:9px;} .main .articleList {overflow:hidden; margin-bottom:15px;} .main .articleList .fl, .main .articleList .fr {padding:0; position:relative; width:294px !important; height:255px;} .main .articleList .more {top:0; right:0;} .main .articleList h2 {padding-bottom:20px;} .main .articleList p.thumb {padding-bottom:13px;} .main .articleList p.thumb img {border:1px solid #e9e8ea;} .main .articleList h3 a {font-size:14px; font-weight:bold; color:#000; line-height:18px;} .main .cate {width:36px; height:36px; display:block; background:url(images/icon/icon_section.gif) no-repeat; position:absolute; top:0; left:0; overflow:hidden; text-indent:100%; white-space:nowrap;} .main .cate.srvStory {background-position:0 0;} .main .cate.infoGrph {background-position:-50px 0;} .main .cate.plStory {background-position:-100px 0;} .main .storyList {height:331px;} .main .storyList h2 {padding-bottom:20px;} .main .storyList ul {overflow:hidden;} .main .storyList ul li {float:left; width:294px; margin-left:29px;} .main .storyList ul li:first-child {margin-left:0;} .main .storyList ul li.last {border-top:1px solid #ddd; padding-top:29px; margin-top:25px;} .main .storyList ul li p.txt {line-height:18px;} .main .storyList ul li p.thumb img {border:1px solid #e9e8ea;} .main .storyList ul li a {font-size:14px; font-weight:bold; color:#585858; line-height:18px;} .main .storyList h3 {position:relative; padding-left:46px; padding-bottom:18px; line-height:18px;} .main .storyList p.thumb {padding-bottom:15px;} .main .storyList .more {position:absolute; top:23px; right:23px;} /*자주묻는질문상세css*/ .main .faqList {position:relative; height:115px; margin-bottom:15px;} .main .faqList ul {padding-top:15px;} .main .faqList ul li {margin-bottom:5px; line-height:18px; background:url(images/icon/icon_vl_dot.gif) 0 45% no-repeat; padding-left:11px;} .main .faqList ul li a {color:#444; } /* .main .keywordAd {margin-bottom:11px; height:92px; padding-left:17px !important; background:url(images/common/bg_m_keyword.gif) 100% 100% no-repeat;} .main .taxService {margin-bottom:11px; height:92px; padding-left:17px !important; background:url(images/common/bg_m_taxservice.gif) 100% 100% no-repeat;} .main .keywordAd h2, .main .taxService h2 {padding-top:2px; padding-bottom:15px;} */ .mBnn_wrap {} .mBnn_wrap p {margin-bottom:11px;} .main .main_goto {} .main .main_goto li {border:1px solid #ddd; border-top:none 0;} .main .main_goto li:first-child {border:1px solid #ddd;} #ctWrap {min-height:128px; position:relative; background:#e0e0e0 url(images/common/bg_ct_cnt.gif) center repeat-y; border-top:1px solid #dddddd; border-bottom:9px solid #c793c6; margin-bottom:15px;} #ctWrap .ct_group {margin:0 auto; width:982px; overflow:hidden;} #ctWrap .ct_group .ct_box {float:left; width:311px; padding-left:22px; } #ctWrap .ct_group .ct_box .tit {padding-top:21px;} #ctWrap .ct_group .ct_box .tit h2 {float:left; margin-right:15px;} #ctWrap .ct_group .ct_box .tit p { color:#656565;} #ctWrap .ct_group .ct_box .tit ul {clear:both; overflow:hidden; padding:18px 0 20px;} #ctWrap .ct_group .ct_box .tit ul li {float:left;} #ctWrap .ct_group .ct_box .tit ul li a {display:block; width:142px; height:51px; line-height:49px; font-weight:bold; color:#585858;} #ctWrap .ct_group .newMbs {width:294px; float:right; text-align:left;} #ctWrap .ct_group .newJoin ul li {background:url(images/txt/txt_m1_apply.gif) no-repeat;} #ctWrap .ct_group .newJoin ul li span {padding-left:51px;} #ctWrap .ct_group .newJoin ul li:first-child {background:url(images/txt/txt_m1_product.gif) no-repeat;} #ctWrap .ct_group .newJoin ul li:first-child span {padding-left:63px;} #ctWrap .ct_group .newPtn ul li {background:url(images/txt/txt_m2_support.gif) no-repeat;} #ctWrap .ct_group .newPtn ul li span {padding-left:64px;} #ctWrap .ct_group .newPtn ul li:first-child {background:url(images/txt/txt_m2_center.gif) no-repeat;} #ctWrap .ct_group .newPtn ul li:first-child span {padding-left:58px;} #ctWrap .ct_group .newMbs ul li {background:url(images/txt/txt_m3_history.gif) no-repeat; margin-right:7px;} #ctWrap .ct_group .newMbs ul li.last {background:url(images/txt/txt_m3_bill.gif) no-repeat; margin-right:0} #ctWrap .ct_group .newMbs ul li:first-child {background:url(images/txt/txt_m3_card.gif) no-repeat;} #ctWrap .ct_group .newMbs ul li span {padding:13px 0 0 35px; display:block;} #ctWrap .ct_group .newMbs ul li.last span {padding-left:32px;} #ctWrap .ct_group .ct_box.newMbs .tit ul li a {display:block; width:88px; height:51px; line-height:13px; font-size:11px; font-weight:normal; color:#585858;} #ctWrap .ct_group .ct_box.newMbs .tit ul li.last a {width:92px;} #ctWrap .ct_group p.open {position:absolute; bottom:-13px; left:50%; margin-left:-22px; z-index:99999} #ctWrap .ct_group p.open span {display:block; width:44px; height:17px; background:url(images/common/btn_open.gif) 0 0 no-repeat;} #ctWrap .ct_group p.open span.active {background:url(images/common/btn_open.gif) 0 -33px no-repeat} #ctWrap .ct_group p.open span button {cursor:pointer; padding:0; margin:0; display:block; width:100%; height:100%; border:0 none; background:none; text-indent:100%; overflow:hidden; white-space:nowrap; } #ctWrap .ct_box .ct_cnt {margin:-8px 0 10px; line-height:16px; *margin-top:-12px;} #ctWrap .ct_box .ct_cnt .grayBox {position:relative; background:url(images/common/bg_gray_box.gif) no-repeat; width:283px; height:74px; margin-bottom:7px;} #ctWrap .ct_box .ct_cnt .grayBox dt {padding:10px 0 6px 21px; color:#333; font-weight:bold;} #ctWrap .ct_box .ct_cnt .grayBox dd {padding-left:21px; color:#4b4b4b;} #ctWrap .ct_box .ct_cnt .grayBox p {position:absolute; bottom:13px; right:13px;} #ctWrap .ct_box .ct_cnt p.note {padding-top:8px; color:#656565;} #ctWrap .ct_box .ct_cnt .infoInput {padding-top:13px;} #ctWrap .ct_box .ct_cnt .infoInput dl {overflow:hidden; padding-bottom:6px;} #ctWrap .ct_box .ct_cnt .infoInput dt {float:left; width:65px; color:#471b70; font-weight:bold; line-height:22px;} #ctWrap .ct_box .ct_cnt .infoInput dd {float:right; width:215px; margin-right:10px; line-height:20px; color:#656565; font-size:11px;} #ctWrap .ct_box .ct_cnt .infoInput dd input[type=text], #ctWrap .ct_box .ct_cnt .infoInput dd input[type=password] {height:20px; border:1px solid #b3b3b3; color:#444; width:35px; padding-left:3px;} #ctWrap .ct_box .ct_cnt .infoInput dd select {height:20px; color:#444;} #ctWrap .ct_box .ct_cnt .infoInput p {padding:5px 0 0 70px; } /* 메인 슬라이드 */ #main-slides {position:relative;} .main_slide a.slidesjs-navigation {position:absolute; z-index:556; display:block; overflow:hidden; text-indent:100%; white-space:nowrap;} .main_slide a.slidesjs-play {width:18px; height:18px; background:url(images/common/btn_play.gif); } .main_slide a.slidesjs-stop {width:18px; height:18px; background:url(images/common/btn_stop.gif); } .main_slide .slidesjs-pagination {position:absolute; z-index:555;} .main_slide .slidesjs-pagination-item {display:block; float:left; margin-right:6px;} .main_slide .slidesjs-pagination-item a {overflow:hidden; width:10px; height:10px; background:url(images/common/btn_paging.gif) 100% 0 no-repeat; display:block; text-indent:100%; white-space:nowrap; background-position:-16px 0; } .main_slide .slidesjs-pagination-item a.active {width:10px; height:10px; background:url(images/common/btn_paging.gif) 0 0 no-repeat; display:block;} .main_slide .btn_sl {width:35px; height:35px; background:url(images/common/btn_slide_prev.gif) no-repeat;} .main_slide .btn_sr {width:35px; height:35px; background:url(images/common/btn_slide_next.gif) no-repeat;} /* 메인 비주얼 */ .main_vis {width:668px; height:250px; border:1px solid #d1d1d1; overflow:hidden;} .main_vis .slidesjs-pagination {left:46px; top:214px;} .main_vis a.slidesjs-play {left:112px; top:210px;} .main_vis a.slidesjs-stop {left:112px; top:210px;} .main_vis .btn_sl {top:107px; left:0; } .main_vis .btn_sr {top:107px; left:633px;} /* 메인 배너 */ #main-slides2 {position:relative;} .main_bnn {width:292px; height:132px; margin-bottom:11px; border:1px solid #d1d1d1} .main_bnn .slidesjs-pagination {left:21px; top:106px;} .main_bnn a.slidesjs-play {left:55px; top:102px;} .main_bnn a.slidesjs-stop {left:55px; top:102px;} .main_bnn .btn_sl {left:76px; top:101px; width:13px; height:21px; background-position:-8px -7px;} .main_bnn .btn_sr {left:96px; top:101px; width:13px; height:21px; background-position:-14px -7px;} /* 상단 배너존 131124 배너 수정했습니다. */ .bnn_zone .bzCheck {position:absolute; left:50%; bottom:5px; margin-left:325px; color:#fff;} .bnn_zone .group {width:980px; margin:0 auto; overflow:hidden;} .bnn_zone .close {position:absolute; left:50%; bottom:0; margin-left:441px;} .bnn_zone {width:100%; height:127px; position:relative; margin:0 auto; background:url(images/common/bg_bnn_zone.gif) repeat-x; } .bnn_zone .zone {width:470px; float:left;} .bnn_zone .zone_add {height:127px; background:url(images/common/bg_bar_zone.gif) repeat-y;} /* .bnn_zone .zone p {background:url(images/main/tbn1_bg.png) no-repeat; min-height:78px; padding:22px 0 0 120px} .bnn_zone .zone_add p {background:url(images/main/tbn2_bg.png) no-repeat;} */ /* 20150804 NEW STYLE Start */ #order_1 { float: left; } #order_2 { float: left; margin-left: 5%; } #order_3 { } /*자주묻는질물css*/ .main .faqList { position: relative; height: 130px; margin-bottom: 1px; } #faqList_hide{display:none} .main_bnn .btn_sl,.main_bnn .btn_sr{top:89px} .main_bnn a.slidesjs-stop{ top:90px } .main_bnn a.slidesjs-play{ top:90px } .main_bnn .slidesjs-pagination { top:94px } .main_bnn{height:109px} /* 20150804 NEW STYLE End */ @media all and (max-width: 767px) { /* 모바일 */ body {-webkit-text-size-adjust:none; -webkit-touch-callout:none;} #header .header {background-position:left top; width:100%; height:auto; } #header .header h1 {left:15px; margin-left:0; top:22px;} #header .header h1 img {width:129px; height:auto;} #header .tnb {padding-top:0;} #header .tnb ul { float: none; height:93px; padding-top:8px; } #header .tnb ul li {display:none;}/* 가맹점관리자 부분 안보이게 하기*/ #header .tnb ul li.last {padding-top:10px; margin-left:0; display:block; width:100%; text-align:left;} #header .tnb ul li spen {float:right;padding-right:5px;padding-top:5px;}/* 모바일가맹점관리자부분*/ #header .tnb ul li p {float:right;padding-right:10px;}/* sns부분*/ #header .tnb .top_search {padding-left:15px;} #header .tnb .top_search input[type=text] {border-radius:0; appearance: none; -webkit-appearance: none;} #header .tnb .top_search input[type=image] {margin-left:-5px; border-radius:0; appearance: none; border:1px solid #c4c4c4; border-left:0 none;} .lnb {display:none;} .mnav .catToggle { display:block; background:url(images/main/btn_gnb.png) no-repeat; background-size:100%; border: 0 none; cursor: pointer; display: block; overflow: hidden; width:28px; height:26px; text-indent:100%; white-space:nowrap; position:absolute; top:63px; right:15px; background-image:url(images/main/btn_gnb_ie8.png)\0IE8; *background-image:url(images/main/btn_gnb_ie8.png); } .mnav {} .mnav>div, .mnav ul li.bnn {display:none;} .mnav .mn {position:relative; border-top:1px solid #ddd; background-color:#321462;} .mnav .mn .lnb1, .mnav .mn .lnb2, .mnav .mn .lnb3, .mnav .mn .lnb4, /*.mnav .mn .lnb6,*/ .mnav .mn .lnb5 {position:absolute; top:0; left:0; line-height:36px; height:35px; display:block; width:140px; border-bottom:1px solid #321462; background-color:#471e7c; text-align:center; color:#fff; font-weight:bold;} .mnav .mn .lnb5 {height:36px; border-bottom:0 none;} .mnav .mn .lnb1 {border-top:3px solid #321462;line-height:30px; height:32px;} .mnav .mn ul {padding-left:140px;} .mnav .mn>ul {background:url(images/main/bg_mnt.png) right 0 no-repeat; background-size:38px 10px; margin-top:-8px; padding-top:8px; min-height:180px; background-image:url(../.images/main/bg_mnt1.png)\0IE8; *background-image:url(images/main/bg_mnt1.png); *position:relative; *margin-top:0; *padding-top:0; *top:-8px; } .mnav .mn .lnb1 {top:0; *top:8px;} .mnav .mn .lnb2 {top:36px; *top:44px;} .mnav .mn .lnb3 {top:72px; *top:80px;} .mnav .mn .lnb4 {top:108px; *top:116px;} .mnav .mn .lnb5 {top:144px; *top:152px;} /*.mnav .mn .lnb6 {top:181px; *top:180px;}인재채용부분*/ .mnav .mn ul li.active {} .mnav .mn ul li.active a {background:none;} .mnav .mn ul li ul {padding-left:25px;} .mnav .mn ul li ul li a {background-color:#321462; text-align:left; width:95%; line-height:36px; text-align:left; color:#fff; font-weight:bold; display:block;} .mnav .mn ul li ul li div {background-color:#fff; margin-left:-15px; padding-left:15px; width:95%;} .mnav .mn ul li ul li ul {padding-left:0; background:none} .mnav .mn ul li ul li ul li a {background-color:#fff; color:#491d7f; font-weight:normal; line-height:30px;} .mnav .mn ul li ul li ul li>a:hover, .mnav .mn ul li ul li ul li>a.active, .mnav .mn ul li ul li ul li.active a {background-color:#fff} #container.main {width:auto; } #container.main #content .content {width:100%; padding-bottom:0;} .main .content .fl {width:auto; float:none; padding:0 14px; } .main .content .fr {width:auto; float:none; padding:0 14px; } .main .content .slide.fl {padding:0;} .main_vis {width:100%; height:auto; margin-bottom:14px; border-right:none; border-left:none; overflow:hidden;} .main_vis img {width:100%; height:auto;} .main_vis .btn_sr {right:0; left:auto; top: 50%; margin-top:-17px;} .main_vis .btn_sl {left: 0; top: 50%; margin-top:-17px;} .main_vis .slidesjs-pagination {top: auto; bottom:15px; left:26px;} .main_vis a.slidesjs-play {left:102px; top:auto; bottom:11px;} .main_vis a.slidesjs-stop {left:102px; top:auto; bottom:11px;} /*모바일화면에서제외*/ .ctWrap, .main .csCenter, .mBnn_wrap, .main_goto, #order_1, #footer .family_site {display:none;} .main .more, .main .storyList .more, .main .articleList .more {top:19px; right:14px;} .main .main_box.articleList { border: none 0; padding:0; overflow:visible; } .main .articleList .fl, .main .articleList .fr { height: auto; padding: 17px 12px 20px 12px; position: relative; width: auto !important; border:1px solid #ddd; } .main .articleList .fl {margin-bottom:14px; } .main .articleList p.thumb {margin:-1px;} .main .articleList p.thumb img {width:100%; height:auto;} .main .articleList h3 a, .main .storyList ul li a {font-size:15px;} .main .main_box.storyList { padding: 17px 12px 30px; height:auto; margin-bottom:15px; } .main .cate {top:2px;} .main .storyList h3 {min-height:38px; padding-bottom: 10px;} .main .storyList ul { overflow:visible; } .main .storyList ul li { float: none; margin-left: 0; width: auto; border-top: 1px solid #ddd; margin-top: 18px; padding-top: 18px; } .main .storyList ul li:first-child { border-top:none 0; margin-top:0; padding-top:0; } .main .storyList ul li.last { border-top: 1px solid #ddd; margin-top: 18px; padding-top: 20px; } .main .storyList ul li p.thumb {m_argin-right:2px;} .main .storyList ul li p.thumb img {width:100%; height:auto;} .main_bnn {width:100%; height:100%;} .main_bnn img {width:100%; height:100%;} .main_bnn .slidesjs-pagination {top: auto; bottom:15px; } .main_bnn a.slidesjs-play { top:auto; bottom:11px;} .main_bnn a.slidesjs-stop { top:auto; bottom:11px;} .main_bnn .btn_sr {top:auto; bottom:9px;} .main_bnn .btn_sl {top:auto; bottom:9px;} .mobile_dn {display:block; margin-bottom:13px;} .mobile_dn a {border:1px solid #ddd; display:block; height:44px; line-height:42px; background:#44227a; text-align:center;} .mobile_dn img {width:auto; height:16px; margin-top:12px;} #footer {background-color:#fff; border-top:none 0; overflow:hidden;} #footer .foot_menu {border-bottom:0 none; height: auto; width: auto; margin: 0 14px; padding-top: 0; } #footer .foot_menu ul {float:none; border-bottom:1px solid #ddd; margin-right:-1px; border-right:1px solid #ddd;} #footer .foot_menu ul li {width:50%; padding:0; background:none; text-align:center;} #footer .foot_menu ul li a {display:block; line-height:30px; border-left:1px solid #ddd; border-top:1px solid #ddd;} #footer .foot_menu ul li:first-child {width:100%; float:none; } #footer .foot_menu ul li:first-child a {line-height:33px;} #footer .foot_menu ul li.last {display:none;} #footer .footer { background-color: #F7F7F7; border-top: 1px solid #ddd; clear: both; margin: 20px 0 0; padding: 30px 14px; /* 20px 0 0 115px */ position: static; /* position: relative; */ width: auto;} .footer {background-color:#f7f7f7;} .footer .logo, .footer .mark {display:none;} #footer .footer ul {width:auto;} #footer .footer ul li {float:none; color:#515151; background:none; padding-left: 0; font-size:11px; height:auto;} #footer .footer ul.tel { padding: 2px 0 15px; } #footer .footer ul.info {padding-bottom:10px;} #footer .footer ul.info li {color:#818181;} #footer .footer ul.info li.none {float:left; padding-left:0; background:url(images/common/bg_ft_line.gif) right center no-repeat; padding-right:10px; *min-width:100px;} .bnn_zone {display:none;} /*20150804 NEWSTYLE start*/ #order_1{ width: auto; float: none; padding: 0 14px; margin-left: 0;} #faqList_hide{display:none} /*20150804 NEWSTYLE end*/ } @media all and (min-width: 768px) and (max-width: 1024px) { /* 태블릿 */ body {-webkit-text-size-adjust:none; -webkit-touch-callout:none;} #header .header {background-position:left top; width:100%; height:auto; } #header .header h1 {left:30px; margin-left:0; top:30px;} #header .header h1 img {width:174px; height:auto;} #header .tnb {padding-top:10px;} #header .tnb ul {padding-right:15px; height:83px;} #header .tnb ul li {background: url(images/common/bg_tnb.gif) no-repeat left center; padding-left:10px; padding-right:0; margin-top:8px;} #header .tnb ul li:first-child {background:none;} #header .tnb ul li.last {background: none; float: right; margin-left: 10px; margin-top: 0; overflow: hidden; padding-right: 0; position:absolute; top:45px; right:15px;} #header .tnb ul li.last p {padding-right:205px;} #header .tnb .top_search input[type=image] {margin-left:-5px; border:1px solid #c4c4c4; border-left:0 none;} /* #header .mnav {border-bottom:1px solid #cacaca;} #header .mnav div {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:0 15px;} #header .mnav div ul {overflow:hidden;} #header .mnav div ul li {float:left; width:20%; background:url(images/main/bg_gnb_bar.png) left top no-repeat; b_ackground-size:2px 35px} #header .mnav div ul li:first-child {background:none;} #header .mnav div ul li a {display:block; line-height:35px; text-align:center; background:url(images/main/txt_gnb.png) center top no-repeat; background-size:79px 175px; overflow:hidden; white-space:nowrap; text-indent:100%;} #header .mnav div ul li a {background-image:url(images/main/txt_gnb_ie8.png)\0IE8; *background-image:url(images/main/txt_gnb_ie8.png);} #header .mnav div ul li a.lnb1 {background-position:50% 0; *background-position:34% 0;} #header .mnav div ul li a.lnb2 {background-position:50% -35px; *background-position:34% -35px;} #header .mnav div ul li a.lnb3 {background-position:50% -70px; *background-position:34% -70px;} #header .mnav div ul li a.lnb4 {background-position:50% -105px; *background-position:34% -105px;} #header .mnav div ul li a.lnb5 {background-position:50% -140px; *background-position:34% -140px;} .mnav div {display:block;} .lnb, .mnav .catToggle, .mnav ul li.bnn, .mnav ul li ul {display:none;} */ #header .tnb ul li spen {display:none;} .mnav {display:none;} .lnb ul li.bnn {display:none;} #header .lnb ul li.bnn {display:none;} .lnb{clear:both; overflow:hidden; position:relative; top:-17px; right:0; left:0; width:100%; z-index:1001; height:54px; background:none; } .lnb a{text-decoration:none} .lnb>ul {overflow:hidden; position:relative; left:0; margin-left:0; width:100%; padding-left:0; padding-top:16px; b_ackground:url(images/main/bg_gnb_line2.png) repeat-x; border-bottom:1px solid #cacaca; *zoom:1;} .lnb>ul>li{float:left; margin:0;padding:0;text-align:left; width:20%; background: url(images/main/bg_gnb_bar.png) left top no-repeat; border-top:1px solid #ddd; *zoom:1;} .lnb>ul>li>a { display:block; width:100%; height:35px; line-height:35px; text-align:center; background: transparent url(images/main/txt_gnb.png) center top no-repeat; background-size:79px 175px; overflow:hidden; white-space:nowrap; text-indent:100%; border-bottom:1px solid #ddd} .lnb>ul>li>a { background-image:url(images/main/txt_gnb_ie8.png)\0IE8; *background-image:url(images/main/txt_gnb_ie8.png); *zoom:1; } .lnb>ul>li.active {background:url(images/main/bg_gnb_bar.png) left top no-repeat;} .lnb>ul>li:first-child, .lnb>ul>li.active:first-child{background:none;} .lnb>ul>li>ul{display:hidden;height:239px;margin:0 0 1px;padding:15px 0 0 0; border-right:1px solid #f1f1f2; background-color:#fff; display:block;} .lnb>ul>li>ul>li a{width:auto;height:auto;margin:0 0 0 16px;padding:0; color:#666; line-height:32px;} .lnb>ul>li:first-child>ul{border-left:1px solid #f1f1f2} .lnb>ul>li>ul.active{color:#333} .lnb>ul>li>ul.active a{color:#333} .lnb>ul>li>ul.active>li.active{background-color:#4d1f73;} .lnb>ul>li>ul.active>li.active>a{font-weight:bold;color:#fff} .lnb>ul>li>a.lnb1 {background-position:50% 0; *background-position:34% 0;} .lnb>ul>li>a.lnb2 {background-position:50% -35px; *background-position:34% -35px;} .lnb>ul>li>a.lnb3 {background-position:50% -70px; *background-position:34% -70px;} .lnb>ul>li>a.lnb4 {background-position:50% -105px; *background-position:34% -105px;} .lnb>ul>li>a.lnb5 {background-position:50% -140px; *background-position:34% -140px;} /* 1208 수정 */ #header .header {padding-bottom:54px;} .lnb{position:absolute; top:76px;} .lnb>ul>li>a { display:block; width:100%; height:35px; line-height:35px; text-align:center; background:url(images/main/txt_gnb_ie8.png) center top no-repeat; background-size:200px 385px; overflow:hidden; white-space:nowrap; text-indent:100%; border-bottom:1px solid #ddd} .lnb>ul>li>a {*zoom:1; background-image:url(images/main/txt_gnb_ie8.png)\0IE8; *background-image:url(images/main/txt_gnb_ie8.png);} .lnb>ul>li>ul.active {background-color: #f1f1f2;} .lnb>ul>li.active>a {border-bottom:1px solid #f1f1f2;} .lnb>ul>li>a.lnb1 {background-position: 50% 0;} .lnb>ul>li>a.lnb2 {background-position: 50% -35px;} .lnb>ul>li>a.lnb3 {background-position: 50% -70px;} .lnb>ul>li>a.lnb4 {background-position: 50% -105px;} .lnb>ul>li>a.lnb5 {background-position: 50% -140px;} .lnb>ul>li.active>a.lnb1 {background-position: 50% -192px;} .lnb>ul>li.active>a.lnb2 {background-position: 50% -227px;} .lnb>ul>li.active>a.lnb3 {background-position: 50% -262px;} .lnb>ul>li.active>a.lnb4 {background-position: 50% -297px;} .lnb>ul>li.active>a.lnb5 {background-position: 50% -332px;} .lnb>ul>li>a.lnb1 {*background-position: -25% 0;} .lnb>ul>li>a.lnb2 {*background-position: -25% -35px;} .lnb>ul>li>a.lnb3 {*background-position: -25% -70px;} .lnb>ul>li>a.lnb4 {*background-position: -25% -105px;} .lnb>ul>li>a.lnb5 {*background-position: -25% -140px;} .lnb>ul>li.active>a.lnb1 {*background-position: -25% -192px;} .lnb>ul>li.active>a.lnb2 {*background-position: -25% -227px;} .lnb>ul>li.active>a.lnb3 {*background-position: -25% -262px;} .lnb>ul>li.active>a.lnb4 {*background-position: -25% -297px;} .lnb>ul>li.active>a.lnb5 {*background-position: -25% -332px;} #container.main #content .content {width:100%; padding-bottom: 0} .ctWrap, .main_goto {display:none;} .main .content .slide.fl {width:auto; float:none; padding:0 15px;} /* 1208 수정 */ .main .content .fr {width:auto; float:none;} .main .content .fl {width:auto; float:none;} .main_vis {margin-bottom:14px; width:100%; height:auto; zoom:1; line-height:0; font-size:0; overflow:hidden;} .main_vis img {width:100%; height:auto;} .main_vis .btn_sr {right:0; left:auto; top: 50%; margin-top:-17px;} .main_vis .btn_sl {left: 0; top: 50%; margin-top:-17px;} .main_vis .slidesjs-pagination {top: auto; bottom:15px; left:26px;} .main_vis a.slidesjs-play {left:102px; top:auto; bottom:11px;} .main_vis a.slidesjs-stop {left:102px; top:auto; bottom:11px;} .main .fr {padding:0 15px;} .main .fr .main_box h2 {margin-left:14px; margin-top:17px;} .main .fr .main_box ul {margin-left:14px;} .main .fr .main_box.newsList {float:left; width:495px; padding:0; height:155px;} .main .fr .main_box.newsbodoList {float:left; width:495px; padding:0; height:155px;} /* .main .fr .main_box.csCenter {float:right; width:49%; padding:0; height:100px; padding-top: 0 !important; margin-bottom:9px;} .main .csCenter ul li:first-child {width:70px; font-size:13px;} .main .csCenter ul li {float:left;} .main .csCenter ul li img {width:245px; height:auto; margin-left:15px;} */ .img01{ height: 0; padding-top: 0px; background: url('/images/txt/txt_vision01_dt.gif') no-repeat; background-size: contain;} .img01 img{display: none;} .main .fr .mobile_dn {float:right; width:49%;} .mobile_dn {display:block; margin-bottom:13px; padding-top:30px;}/*태블릿환경 케이페이 부분 위치조정*/ .mobile_dn a {border:1px solid #ddd; display:block; height:44px; line-height:38px; background:#44227a; text-align:center;} .mobile_dn img {width:auto; height:16px; margin-top:12px;} .main .articleList.main_box {border:none 0; padding: 0 15px; margin-bottom:14px;} .main .articleList .more, .main .storyList .more {top:17px; right:14px;} .main .articleList .fl {float:left; border:1px solid #ddd; width:49% !important; padding: 17px 0; height:auto;} .main .articleList .fr {float:right; border:1px solid #ddd; width:49% !important; padding: 17px 0; height:auto;} .main .articleList p.thumb img {width:100%; height:auto;} .main .articleList h2, .main .articleList p.thumb, .main .articleList h3 {margin-left:14px; margin-right:14px;} .main .storyList.main_box {margin:0 15px 14px; padding: 17px 17px 17px 15px; height:auto; *position:static;} .main .storyList ul li {float:right; width:48%; margin-left: 0;} .main .storyList ul li:first-child {float:left; } /* .main .storyList ul li p.thumb, .main .storyList ul li h3, .main .storyList ul li p.txt {margin-left:20px;} .main .storyList ul li:first-child p.thumb, .main .storyList ul li:first-child h3, .main .storyList ul li:first-child p.txt {margin-right:20px;} */ .main .storyList ul li:first-child p.thumb img {width:100%; height:auto;} .main .storyList h3 {min-height:38px; padding-bottom: 10px;} .main_bnn {float:left; width:49%; height:auto;} .main_bnn img {width:100%; height:auto;} .main_bnn .slidesjs-pagination {top: auto; bottom:15px; } .main_bnn a.slidesjs-play { top:auto; bottom:11px;} .main_bnn a.slidesjs-stop { top:auto; bottom:11px;} .main_bnn .btn_sr {top:auto; bottom:9px;} .main_bnn .btn_sl {top:auto; bottom:9px;} .main .faqList.main_box {float:right; height:auto; width:49%; padding:0 0 15px;} .mBnn_wrap {clear:both; overflow:hidden;} .mBnn_wrap p {float:right; width:49%;} .mBnn_wrap p img {width:100%; height:auto;} .mBnn_wrap p.fst {float:left;} #footer {background-color: none; border-top: none;} #footer .foot_menu {position:relative; padding:0 200px 15px 14px; width:auto; height:auto; background-color:#fff; *height:67px; } #footer .foot_menu ul {float:none; border-bottom:1px solid #ddd; margin-right:-1px; border-right:1px solid #ddd;} #footer .foot_menu ul li {width:33%; background:none; padding:0;} #footer .foot_menu ul li a {display:block; line-height:32px; border-left:1px solid #ddd; border-top:1px solid #ddd; text-align:center;} #footer .foot_menu ul li.last {display:none;} #footer .foot_menu ul li:first-child {width:50%;} #footer .foot_menu ul li.snd {width:50%;} #footer .foot_menu ul li.nrd {width:34%;} #footer .foot_menu .family_site {width:195px; position:absolute; top:0; right:0; margin-top: 0;} #footer .foot_menu .family_site span.btn_ft_go button {margin-top:2px; margin-bottom:2px;} #footer .footer {width:auto; font-size:11px; background-color:#f7f7f7; *height:111px;} #footer .footer p.logo {left: 15px;} #footer .footer .mark {right: 15px; top: 23px;} #footer .footer ul {width:480px;} .bnn_zone {display:none;} /*20150804NEWSTYLE Start*/ #order_1,#order_2{ width: auto; float: none; margin-left: 0; padding: 0 15px; } .faqList{ display: none; } /*태블릿자주묻는질문레이아웃*/ #faqList_hide{ display: block; float: right; height: 205px; width: 49%; padding: 0 0 15px; } .main_goto{ /* display: block; float: right; height: auto; width: 49%; padding: 0 0 15px; */ } /*20150804NEWSTYLE End*/ } @media all and (min-width: 1025px) { html,body{font-family:dotum,'돋움',Helvetica,sans-serif;} input, textarea, select {font-family:Gulim,'굴림',Helvetica,sans-serif;} .mnav .catToggle {display:none;} .mnav {display:none;} .main .mobile_dn {display:none;} #header .header h1 img {width:129px; height:auto;} #header .tnb ul li spen {display:none;} }