/* layout */ body{position:relative; width:100%; height:100%;} ins{text-decoration:none;} del{text-decoration:line-through;} table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all;} table th, table td{vertical-align:middle;} caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;} fieldset{margin:0;padding:0;border:0 none;} legend{overflow:hidden;width:0;height:0;font-size:0;visibility:visible;} /* 하위브라우저 체크 */ #ieUser{width:100%; height:83px; background:#083457; overflow:hidden;} #ieUser .iewrap{position:relative; max-width:1000px; margin:28px auto 0;} #ieUser .iewrap p.img{float:left; padding:0 10px 0 0;} #ieUser .iewrap p.txt{float:left; color:#fff; padding:0 0 0 0;} #ieUser .iewrap p.btn{position:absolute; right:0; top:0; cursor:pointer;} #ieUser .iewrap ul{float:left; margin:0 0 0 20px;} #ieUser .iewrap ul li{float:left; padding:0 12px 0 0;} #wrap{position:relative; width:100%; overflow:hidden;padding-bottom:60px;} #mNavi{display:none;} #header{position:relative; width:100%; background:#fff;} #header #gnb{position:relative; max-width:1000px; margin:0 auto;} #header #gnb:after {content:""; display:block; clear:both;} #header #gnb #logo{float:left;z-index:999;position:relative;} #header #gnb #logo a {display:block;} #header #gnb #top{position:relative; padding:53px 0 0 0; z-index:998;} #header #gnb #top ul{} #header #gnb #top ul li{float:left;} #header #gnb #top ul li a{display:block; font-size:17px; font-weight:700; color:#333; padding:0 0 23px 0px;margin-left:91px;border-bottom:solid 3px #fff;} #header #gnb #top ul li a.first_m {margin-left:53px;} #header #gnb #top ul li a.hover{/*background:url('../images/bg/gnb_arrow.gif') 50% bottom no-repeat;*/border-bottom:solid 3px #b20e10; color:#c81012;} #header #gnb #top ul li ul{position:absolute; left:0; top:91px; visibility:hidden; } #header #gnb #top ul li ul li{float:left;line-height:100%;margin-right:25px;} #header #gnb #top ul li ul li a{font-size:14px; font-weight:700; color:#fff; padding:22px 5px 20px 5px; line-height:100%;margin:0!important;border-bottom:solid 4px #a29a93;height:14px;} #header #gnb #top ul li ul li a.dep{padding:0 5px 12px 5px;} #header #gnb #top ul li ul li a:hover{background:url(none); color:#dad8d5;border-bottom:solid 4px #5f534a;} #header #gnb #top ul li ul#topSubm1{left:218px;} #header #gnb #top ul li ul#topSubm2{left:348px;} #header #gnb #top ul li ul#topSubm3{left:495px;} #header #gnb #top ul li ul#topSubm4{left:476px;} #header #gnb #top ul li ul#topSubm5{left:366px;} #header #gnb #snb{position:absolute; right:0; top:10px;z-index:998;} #header #gnb #snb ul{} #header #gnb #snb ul:after {content:""; display:block; clear:both;} #header #gnb #snb ul li{float:left;margin-left:6px;} #header #gnb #snb ul li img.type_m {display:none;} #header #gnb #snb ul li.last{background:url(none); padding:0 0 0 11px;} #header #gnb #snb ul li a{display:block; line-height:16px; font-size:12px; color:#858585;} #header #gnb #snb .search{clear:both; width:100px; height:19px; border:1px #b6b6b6 solid; margin:5px 0 0 0;} #topbg{width:100%; background:url(../images/bg/gnb_bg01.png) repeat-x;position:absolute;left:0;z-index:100;height:0;} .searchtype{width:70px; height:19px!important; line-height:19px; padding:0 0 0 5px; border:0!important;} /*sub 검색영역*/ .sub_search {background:url(../images/bg/bg_search.gif) repeat-x 0 0;height:76px;} .sub_search ul {position:relative;max-width:1000px;margin:0 auto;padding-top:18px;} .sub_search ul li.s_tit {font-weight:700;font-size:19px;color:#fff;position:absolute;left:48px;top:30px;letter-spacing:1.5px;} .sub_search ul li.s_tit span {} .sub_search ul li.s_txt {padding:0 145px 0 283px;position:relative;} .sub_search ul li.s_txt input {background:#a9a29b;width:90%;padding:10px 5% 11px 5%;border:0;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;font-size:14px;line-height:100%;color:#d6d3cf;font-weight:700;} .sub_search ul li.s_txt label{position: absolute;top: 10px;bottom: 0;left: 305px;right: 0;cursor: text;font-size:14px;color:#d6d3cf;font-weight:700;} .sub_search ul li.s_btn {position:absolute;right:89px;top:20px;} .sub_search ul li.s_btn input.btn {background:url(../images/btn/search_btn.png) no-repeat 0 0;width:37px;height:37px;text-indent:-9999em;border:0;cursor:pointer;} /* tablet */ #mlogo{display:none;} #tSearch{position:relative; display:none; margin:0 241px 0 266px; padding:24px 42px 24px 0;} #tSearch .searcht{width:100%; height:34px; line-height:32px; border:2px #b6b6b6 solid; font-size:14px; font-weight:700;} #tSearch .searchtbtn{position:absolute; right:0; top:24px;} /* tablet*/ #msnb{display:none;position:relative;} /* mobile */ #mSearch{position:relative; display:none; width:158px; margin:0 auto; padding:9px 0 11px 140px;} #mSearch ul{position:absolute; left:2px; top:14px;} #mSearch ul li{float:left; font-size:16px; font-weight:bold; color:#858585; padding:0 15px 0 0; background:url('../images/bg/bg_snb_mline.gif') right 3px no-repeat;} #mSearch ul li.last{padding:0 15px 0 15px; background:url(none);} #mSearch .searchm{width:99%; height:23px; line-height:21px; border:1px #b6b6b6 solid; font-size:12px;} #mSearch .searchmbtn{position:absolute; right:-2px; top:9px;} /******** rolling *********/ /* setting */ #mainRoll,#mainRoll01,#mainRoll03,#mainRoll04{position:relative; left:0; top:0; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1;} .swiper-wrapper{position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;} .swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;} .swiper-slide{float: left;} /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal{-ms-touch-action: pan-y;} .swiper-wp8-vertical{-ms-touch-action: pan-x;} /* re code declaration */ #mainRoll{width:100%; height:483px; overflow:hidden;} #mainRoll img {width:100%;} #mainRoll .swiper-slide{width:100%; height:483px; overflow:hidden;} #mainRoll .swiper-slide img.w_type {display:block} #mainRoll .swiper-slide img.m_type {display:none} #mainRoll01{width:470px; height:235px; overflow:hidden;} #mainRoll01 img {width:100%;} .swiper-pagination-switch{display:inline-block; width:14px; height:15px;background:url('../images/btn/btn_off.png') left top no-repeat; overflow:hidden;} .swiper-active-switch{background:url('../images/btn/btn_on.png') left top no-repeat;} .swiper-visible-switch{} /* main rolling paging */ .mainpage{position:absolute; right:-40px; top:0px; width:40px; z-index:99; overflow:hidden;} .mainpage span{display:block; cursor:pointer;} .swiper-pagination-switch{display:block; width:40px; height:40px;background:#f2eee6;color:#fff; overflow:hidden;} .swiper-active-switch{background:#b20e10;color:#fff;} /*.swiper-pagination-switch{display:block; width:40px; height:40px;background:#f2eee6;color:#fff; overflow:hidden;} .swiper-active-switch{background:#b20e10;color:#fff;} */ .mainpage01 {position:absolute;left:20px;bottom:20px;z-index:999;} .mainpage01 .swiper-pagination-switch{display:inline-block; width:15px; height:15px;background:#f2eee6;color:#fff; overflow:hidden;margin-left:10px;} .mainpage01 .swiper-active-switch{background:#b20e10;color:#fff;} .btn_area { background:#f5f5f5; overflow:hidden;position:absolute;right:0;top:0; } .btn_area button { display:block; width:100px; height:36px; background:#000; font-size:16px; color:#fff; font-weight:bold; border:0;} .btn_area .btn_page { display:block; width:40px; height:40px;font-size:12px; line-height:100%; background:#f2eee6;color:#333;} .btn_area .btn_page.on { background:#b20e10;color:#fff;} #shadowThum {position:absolute; right:-40px; top:0; width:40px; z-index:99; overflow:hidden;cursor:pointer;line-height:100%;font-size:12px;} #shadowThum span {display:block;width:40px; height:27px;overflow:hidden;color:#333;text-align:center;font-size:14px;padding-top:13px;font-weight:700;} #shadowThum span.on {color:#fff;} #mainRoll03{width:100%; height:200px; overflow:hidden;} #mainRoll03 .text01{position:relative; float:left; width:50%; height:200px; background:#f5f5f5;} #mainRoll03 .text01 .day{font-weight:600; color:#555; padding:25px 0 0 20px;} #mainRoll03 .text01 .txt_c{font-size:20px; font-weight:600; color:#4e4e4e; line-height:1.4; padding:20px 20px 0 20px;} #mainRoll03 .text01 .btn{padding:15px 0 0 20px;} #mainRoll03 .text01 span{position:absolute; right:-22px; top:50%; margin-top:-20px;} #mainRoll03 .text01 span img.w_type {} #mainRoll03 .text01 span img.m_type {display:none;} #mainRoll03 .text02{ float:right; width:50%;} #mainpage03 {text-align:center; margin:20px 0 40px 0;} #mainpage03 .swiper-pagination-switch{display:inline-block; width:16px; height:16px;background:url('../images/btn/btn_sub_off.gif') left top no-repeat; overflow:hidden;} #mainpage03 .swiper-active-switch{background:url('../images/btn/btn_sub_on.gif') left top no-repeat;} #mainRoll04 {width:100%; height:483px; overflow:hidden;} .mainpage04 {text-align:center; margin:20px 0 40px 0;} /*.event_r {position:relative!important;} .mainpage04.event_p {position:absolute;right:10px;top:10px;z-index:999;margin:0;}*/ #mainRoll04 div.text02 img.w_type {display:block;} #mainRoll04 div.text02 img.m_type {display:none;} .mainpage04 .swiper-pagination-switch{display:inline-block; width:16px; height:16px;background:url('../images/btn/btn_sub_off.png') left top no-repeat; overflow:hidden;} .mainpage04 .swiper-active-switch{background:url('../images/btn/btn_sub_on.png') left top no-repeat;} /* footer */ #w_footer {width:100%;border-top:solid 1px #eee;} #footer{max-width:940px; margin:0 auto; padding:22px 0 77px 0; overflow:hidden;position:relative;} #footer #flogo{float:left; padding:0 15px 0 0;} #footer #address{float:left; max-width:797px; font-size:12px; color:#666; line-height:2;font-weight:700;letter-spacing:0.6px;} #footer #address span{color:#666;margin-left:10px;} #footer #address strong {display:block;} #footer #address span.gap_f {margin:0;} #footer #address_m{display:none; float:left; width:298px; font-size:11px; color:#575757; line-height:1.6; text-align:center; margin:0 11px;} #footer #address_m span{color:#666;} #footer .f_print {position:absolute;right:0;top:22px;} /*서브컨텐츠영역*/ #sub_c_Section {max-width:1000px;margin:0 auto;padding-top:0;} .sub_nav {width:165px;float:left;min-height:150px;} .sub_content {width:745px;float:right;min-height:500px;background:#fff;padding-bottom:50px;margin-right:20px;} /*서브컨텐츠 서브메뉴없는 레이아웃*/ .sub_content_type02 {margin:0 20px;max-width:100%;} /*서브메뉴부분*/ #sub_c_Section .sub_nav h2 {font-size:24px;font-weight:400;color:#333;text-align:left;background:url(../images/img/h2_bg01.png) no-repeat 0 0;padding:64px 0 0 8px;height:48px;border-bottom:solid 3px #000;} #sub_c_Section .sub_nav h2.news_h2 {padding-bottom:30px;margin-top:-30px;} #sub_c_Section .sub_nav ul {} #sub_c_Section .sub_nav ul li {text-align:left;} #sub_c_Section .sub_nav ul li a {display:block;padding:14px 0px 14px 10px;color:#333;font-weight:700;font-size:12px;border-bottom:solid 1px #dedede;position:relative;background: url(../images/bg/sub_off_arrow.gif) no-repeat 148px center; } #sub_c_Section .sub_nav ul li a:hover {background:#846343 url(../images/bg/sub_on_arrow.gif) no-repeat 148px center ;color:#fff;} #sub_c_Section .sub_nav ul li a.on_box {background:#846343 url(../images/bg/sub_on_arrow.gif) no-repeat 148px center ;color:#fff;} #sub_c_Section .sub_nav ul li a span {display:none;} #sub_c_Section .sub_nav ul li a.on_box span {display:block;position:absolute;right:-6px;top:14px;} #sub_c_Section .sub_nav ul li a:hover span {display:block;position:absolute;right:-6px;top:14px;} /*서브컨텐츠부분*/ .sub_c_box {max-width:100%;height:197px;} .sub_c_box .sub_tarea {padding-top:62px;width:100%;} .sub_c_box .sub_tarea .s_nav {margin-bottom:23px;} .sub_c_box .sub_tarea .s_nav li {float:left;padding-right:10px;margin-right:5px;vertical-align:middle;margin-top:2px;color:#555;background:url(../images/bg/sub_off_arrow.gif) no-repeat right 3px;} .sub_c_box .sub_tarea .s_nav li:first-child {margin-top:2px;} .sub_c_box .sub_tarea .s_nav li.on_page {color:#d42930;background-image:none;font-weight:700;} .sub_c_box .sub_tarea h2 {font-size:48px;font-weight:700;color:#333;line-height:48px;} .sub_c_box .sub_tarea p {font-size:13px;font-weight:700;color:#777;} #sub_c_Section .bg_type01 {background:url(../images/img/sub_t_bg01.jpg) no-repeat right 0;} #sub_c_Section .bg_type02 {background:url(../images/img/sub_t_bg02.jpg) no-repeat right 0;} #sub_c_Section .bg_type03 {background:url(../images/img/sub_t_bg03_02.jpg) no-repeat right 0;} #sub_c_Section .bg_type03_02 {background:url(../images/img/sub_t_bg03_02.jpg) no-repeat right 0;} #sub_c_Section .bg_type04 {background:url(../images/img/sub_t_bg04.jpg) no-repeat right 0;} #sub_c_Section .bg_type05 {background:url(../images/img/sub_t_bg05.jpg) no-repeat right 0;} #sub_c_Section .bg_type05 {background:url(../images/img/sub_t_bg05.jpg) no-repeat right 0;} #sub_c_Section .bg_type_riedel {background:url(../images/img/sub_t_bg_riedel.jpg) no-repeat right 0;} /* paging */ div.paging {margin:20px auto; text-align:center;} div.paging * {display:inline-block;} div.paging ul li {position:relative;top:1px;} div.paging li a {background-color:#fff; border:1px solid #f3f3f3; line-height:30px; font-weight:bold; color:#333; padding:0px;width:30px;margin:0 3px;} div.paging li a:hover {background:#b20e0f;color:#fff;} div.paging li strong {background-color:#b20e0f;line-height:30px; font-weight:bold; color:#fff; width:30px;} div.paging span.btn {line-height:30px;vertical-align:middle;} div.paging span.btn a {background-position:left; background-repeat:no-repeat; border:1px solid #e8e8e8; width:30px; height:30px; font-size:0; line-height:0; text-indent:-99999px; vertical-align:top;} div.paging span.btn a:hover {} div.paging span.btn a.pageFirst {background-image:url('../images/btn/btn_page_first.gif');background-position:center;} div.paging span.btn a.pagePrev {background-image:url('../images/btn/btn_page_prev.gif');background-position:center;margin-right:12px;} div.paging span.btn a.pageNext {background-image:url('../images/btn/btn_page_next.gif');background-position:center;margin-left:12px;} div.paging span.btn a.pageLast {background-image:url('../images/btn/btn_page_last.gif');background-position:center;} /*이미지맥스*/ .img_area {margin-bottom:20px;} .img_area img {width:100%;} .img_area img.web_type {display:block;} .img_area img.mobile_type {display:none;} /*게시판검색영역*/ .t_search01 {margin-bottom:15px;width:50%;position:relative;float:right;} .t_search01 p {padding:0 65px 0 88px;} .t_search01 div.search_select {position:absolute;left:0;top:0;} .t_search01 div.search_select strong {font-size:14px;color:#333;font-weight:700;padding-right:10px;vertical-align: middle;} .t_search01 select {width:80px;height:30px;} .t_search01 input {width:98%;padding:3px 0 2px 0;} .t_search01 button {background:#777;height:30px;width:60px;font-weight:700;vertical-align:middle;border:0;position:absolute;right:0;top:0;color:#fff;cursor:pointer;} /* list */ .boardListType01 {} .boardListType01 li {padding:20px;border-bottom:solid 1px #e8e8e8;} .boardListType01 li dl {position:relative;min-height:110px;} .boardListType01 li dl dt {position:absolute;left:0;top:0;} .boardListType01 li dl dd {padding:0 0 0 170px} .boardListType01 li dl dd h4 {font-size:16px;color:#333;padding:10px 0 15px 0;} .boardListType01 li dl dd div.list_content {height:46px;font-size:14px;color:#777;line-height:140%;} .boardListType01 li dl dd p {font-size:11px;color:#888;} .boardListType01 li dl dd p strong {font-weight:800;} table.boardListType02 {width:100%;border-top:solid 2px #424242;border-bottom:solid 2px #424242; clear:both;} table.boardListType02 th {font-size:14px; font-weight:700; color:#333; text-align:center; padding:17px 0 ;background-color:#fcfcfc;} table.boardListType02 th.num {width:10%;} table.boardListType02 th.date {width:30%;} table.boardListType02 th.writer {width:100px;} table.boardListType02 th.click {width:90px;} table.boardListType02 th.handling {width:120px;} table.boardListType02 td {border-top:1px solid #e3e3e3; font-size:13px; color:#555; text-align:center; padding:14px 0;} table.boardListType02 td.tit {text-align:left;width:100%;} table.boardListType02 td.tit a {display:block;color:#555;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .member_t {margin-bottom:10px;} .member_t li.tit01 {float:left;font-size:16px;color:#333;font-weight:700;} .member_t li.tit02 {float:right;font-size:12px;color:#f00c4d;font-weight:700;} /*파트너 리스트스타일*/ .ullist_type01 {margin-left:-3.35%;width:103.35%;} .ullist_type01 .type_con01 {border:solid 1px #dedede;padding:2.01%;width:42.10%;margin:0 0 30px 3.35%;float:left;min-height:173px;} .ullist_type01 .type_con01 h2 {font-size:16px;color:#333;padding:18px 0 17px 20px;} .ullist_type01 .type_con01 h2 span {display:block; font-size:12px;color:#777;padding:8px 0 0 0;line-height:130%;} .ullist_type01 .type_con01 p {margin-bottom:10px;} .ullist_type01 .type_con01 p img {width:120px;} .ullist_type01 .type_con01 ul {padding-bottom:2px; margin:0 0 0 20px;} .ullist_type01 .type_con01 ul li {padding-top:10px;color:#555;line-height:130%;} .ullist_type01 .type_con01 ul li ul{margin:0;} .ullist_type01 .type_con01 .sub_img{float:left; width:120px;} .ullist_type01 .type_con01 .sub_txt{float:left; width:57%;} .ullist_type02 {margin-left:-3.35%;width:103.35%;} .ullist_type02 .type_con02 {border:solid 1px #dedede;width:46.00%;margin:0 0 30px 3.35%;float:left;min-height:275px;} .ullist_type02 .type_con02 p {border-bottom:solid 1px #dedede;} .ullist_type02 .type_con02 p img {width:100%;} .ullist_type02 .type_con02 .h_box {padding:7.50%;} .ullist_type02 .type_con02 .h_box h2 {font-size:16px;color:#333;padding:11px 0 19px 0;} .ullist_type02 .type_con02 .h_box h2 span {font-size:12px;color:#777;display:block;margin-top:6px;} .ullist_type02 .type_con02 .h_box ul {padding-bottom:2px;} .ullist_type02 .type_con02 .h_box ul li {padding-top:10px;color:#555;line-height:130%;} .ullist_type02 .type_con02 .h_box02 {padding:7.50%;} .ullist_type02 .type_con02 .h_box02 h2 {font-size:16px;color:#333;padding:11px 0 0 0;} .ullist_type02 .type_con02 .h_box02 h2 span {font-size:12px;color:#777;float:right;} .ullist_type02 .type_con02 .h_box02 ul {padding-bottom:2px;} .ullist_type02 .type_con02 .h_box02 ul li {padding-top:10px;color:#555;} article.table_ul02 {border-top:solid 1px #d1d1d1;margin-bottom:15px;} article.table_ul02 ul {} article.table_ul02 ul:after {content:"";display:block;clear:both;} article.table_ul02 ul li {border-bottom:solid 1px #d1d1d1;background:#f6f6f6 url(../images/ico/point_02.gif) no-repeat 20px 17px;} article.table_ul02 ul li.no_p {background-image:none;} article.table_ul02 ul li.no_p span.tit {} article.table_ul02 ul li span.tit {width:124px;float:left;padding:12px 0;font-weight:700;color:#333;text-align:left;font-size:15px;display:block;padding-left:30px;} article.table_ul02 ul li div.inputs {padding:8px 20px 8px 20px;margin-left:154px;min-height:24px;background:#fff;} article.table_ul02 ul li div.inputs p.text {font-size:14px;margin-top:5px;} article.table_ul02 ul li div.inputs textarea {width:98%;height:150px;resize:none;} span.btnType03 {background:#6f6f6f;padding:5px 11px 6px 11px;font-weight:600;margin-top:1px;margin-left:12px;} span.btnType03 a {color:#fff;min-width:78px;} dl.cmt {margin-top:5px;} dl.cmt dd.point {color:#ef0b4c;font-weight:700;} dl.cmt dd {margin-top:5px;} p.txt {margin-top:10px;display:inline-block;} p.radio {margin-top:10px;display:inline-block;} .name_input {width:154px!important;} .zip01 {width:105px!important;} .mail_input {width:105px!important;} .mail_select {width:118px!important;margin-left:10px;} p.phon span,p.birth span {padding:0 5px;} p.phon select {width:100px!important;} p.phon input {width:83px!important;} p.birth select {width:100px!important;} input.full {width:98%; margin-top:5px;} input.file_full {width:60%;margin-bottom:8px;} /* view */ div.boardViewType01 {width:100%;} div.boardViewType01 dl.tit {padding:15px 0 15px 0;text-align:center; position:relative;background:#fcfcfc;border-top:solid 2px #424242;} div.boardViewType01 dl.tit:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;} div.boardViewType01 dl.tit dt {position:absolute; left:25px; top:13px; font-size:12px; font-weight:bold;color:#555555;} div.boardViewType01 dl.tit dd {font-size:14px; line-height:16px;font-weight:600;color:#333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} div.boardViewType01 div.num {padding:15px 20px 15px 0; font-size:12px; color:#555; text-align:right;border-top:solid 1px #e3e3e3;border-bottom:solid 1px #e3e3e3; } div.boardViewType01 div.num:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;} div.boardViewType01 div.num .file_down {float:left;padding-left:30px;} div.boardViewType01 div.num .file_down span {color:#ffbb24;line-height:100%;margin-right:10px;} div.boardViewType01 div.num .file_down a {text-decoration:underline;color:#9d9d9d;} div.boardViewType01 div.num dl {display:inline-block;} div.boardViewType01 div.num dl dt {float:left; background:url('../images/img/bar01.gif') left center no-repeat; padding-left:11px;line-height:11px;} div.boardViewType01 div.num dl:first-child dt:first-child {background:none;} div.boardViewType01 div.num dl dd {float:left; margin-left:5px;line-height:11px;padding-right: 10px;} div.boardViewType01 div.num_text {text-align:left;background-color:#f1f1f1; padding:20px;line-height:130%;margin-bottom:58px;} div.boardViewType01 div.cont {padding:20px; font-size:13 px; line-height:18px; color:#888888; overflow:hidden;min-height:200px;} div.boardViewType01 div.cont p {line-height:140%;} div.boardViewType01 div.cont img {max-width:100%;} div.boardViewType01.pressView dl.tit dd {color:#888;} div.boardViewType01.pressView dl.tit dd em {color:#555;} div.boardViewType01.pressView div.cont {border-bottom:none;} div.boardViewType01 dl.manager_re_text {padding:20px 0;margin:0 20px; font-size:14px; line-height:18px; color:#888888; overflow:hidden;background:url(../images/common/gap_line01.gif) repeat-x left top;} div.boardViewType01 dl.manager_re_text dt {font-size:12px;color:#666;margin-bottom:10px;} div.boardViewType01 dl.manager_re_text dt strong {font-size:14px;line-height:100%;} div.boardViewType01 dl.manager_re_text dd {color:#999;line-height:130%;} div.boardViewType01 div.list {border-top:1px solid #dcdcdc; } div.boardViewType01 div.list dl {border-bottom:1px solid #dcdcdc; padding:0 0 0 100px; position:relative;background:#fff;} div.boardViewType01 div.list dl dt {position:absolute; left:0; top:0; width:60px; background-position:75px 19px; background-repeat:no-repeat; font-size:14px; font-weight:bold; color:#333; padding:15px 20px 0 20px;font-weight:700;} div.boardViewType01 div.list dl dt a {color:#555;} div.boardViewType01 div.list dl.prev dt {background-image:url('../images/ico/blt_prev_list.png');} div.boardViewType01 div.list dl.next dt {background-image:url('../images/ico/blt_next_list.png');} div.boardViewType01 div.list dl dd {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;position:relative;background:#fff;padding:15px 0 15px 20px;} div.boardViewType01 div.list dl dd a {font-size:15px; color:#555;} div.boardViewType01 div.list dl dd span.under_text {position:absolute;right:0;top:0;color:#888;line-height:100%;} div.boardViewType01 div.list dl dd span.under_text span.re_text {color:#eca60b;} div.boardViewType01 div.list dl dd span.under_text span.cp_text {color:#ed3200;} /*갤러리리스트*/ .gallery_list {margin-top:-30px;width:100%;} .gallery_list li {padding:2.73% 2.73% 2.73% 3.15%;float:left;*/} .gallery_list li div.g_img {margin:0 auto;text-align:center;} .gallery_list li div.g_img p.tit01 {font-size:16px;color:#333;font-weight:700;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin:15px 0 10px 0;} .gallery_list li div.g_img p.tit02 {font-size:11px;color:#888;} .position_R {position:relative;} /*버튼*/ .btn_f li {display:inline-block;line-height:100%;} .btn_type01 {text-align:center;} .btn_type02 {text-align:right;margin-top:15px;} .btn_type01 a,.btn_type02 a {display:block;min-width:60px;text-align:center;line-height:100%;} .btn_type01 a:hover,.btn_type02 a:hover {color:#fff;} .btnType01 {padding:9px 20px;background:#927b62;color:#fff;font-weight:600;font-size:16px;border:solid 1px #806c56;} .btnType02 {padding:10px 20px;background:#a1a1a1;color:#fff;font-weight:600;font-size:16px;margin-left:10px;} .write_btn {position:absolute;right:0;bottom:-7px;} /*0604추가*/ .ullist_type03 {margin-left:-3.35%;width:103.35%;} .ullist_type03 .type_con03 {border:solid 1px #dedede;width:46.00%;margin:0 0 30px 3.35%;float:left;} .ullist_type03 .type_con03 p {border-bottom:solid 1px #dedede;} .ullist_type03 .type_con03 p img {width:100%;} .ullist_type03 .type_con03 .h_box {padding:7.50%;} .ullist_type03 .type_con03 .h_box h2 {font-size:16px;color:#333;padding:11px 0 19px 0;} .ullist_type03 .type_con03 .h_box h2 span {font-size:12px;color:#777;display:block;margin-top:6px;} .ullist_type03 .type_con03 .h_box ul {padding-bottom:2px;} .ullist_type03 .type_con03 .h_box ul li {padding-top:10px;color:#555;} .ullist_type03 .type_con03 .h_box02 {padding:7.50%;} .ullist_type03 .type_con03 .h_box02 h2 {font-size:16px;color:#333;padding:11px 0 0 0;} .ullist_type03 .type_con03 .h_box02 h2 span {font-size:12px;color:#777;float:right;} .ullist_type03 .type_con03 .h_box02 ul {padding-bottom:2px;} .ullist_type03 .type_con03 .h_box02 ul li {padding-top:10px;color:#555;} /* media query */ @media all and (max-width: 999px){ #mNavi{display:none; position:absolute; left:-420px; top:0; width:420px; height:100%; background:url(../images/bg/bg_area.png) repeat-y right 0;z-index:999;} .nav_width_all {background:url(../images/bg/bg001.gif) repeat;width:390px;height:100%;} .nav_width {width:390px;background:url(../images/bg/menu_bg.gif) repeat-x;} #mNavi #mtitle a{display:block; width:308px; height:87px; line-height:87px; font-size:40px; font-weight:700; color:#fff;padding:0 27px 0 55px; background:url('../images/bg/bg_mnavi_all.png') 333px 24px no-repeat;} #mNavi #mgnb{} #mNavi #mgnb ul li{} #mNavi #mgnb ul li a{display:block; width:308px; padding:0 27px 0 55px; height:82px; line-height:82px; font-size:30px; font-weight:bold; color:#fff; background:url('../images/bg/list_bg01.gif') repeat;} #mNavi #mgnb ul li ul{display:none; background:#5c524b; padding:20px 0;border:0;} #mNavi #mgnb ul li ul li{border:0;} #mNavi #mgnb ul li ul li a{display:block; width:308px; padding:0 27px 0 55px; height:45px; line-height:45px; font-size:24px; font-weight:700; color:#ada6a1; background:url('none'); } #mNavi #mgnb ul li ul li a img{vertical-align:middle; padding:0 0 0 10px; margin-top:-2px;} #logo{display:none;} #mlogo{display:block;} #mSearch{display:block;} #top{display:none;} #snb{display:none;} img.type_w {display:none;} img.type_m {display:block;} #msnb {display:block;background:#6d5743;height:86px;} #msnb ul li a {display:block;} #msnb ul li.logo {background:url(../images/img/btn_t_logo.gif) no-repeat 0 0;width:201px;height:86px;margin:0 auto;text-indent:-999em;} #msnb ul li.btn_01 {position:absolute;left:30px;top:25px;text-indent:-999em;} #msnb ul li.btn_01 a{background:url(../images/btn/btn_t_menu.gif) no-repeat 0 0;width:50px;height:37px;} #msnb ul li.btn_02 {position:absolute;right:30px;top:27px;} .sns_menu {} .sns_menu p {float:left;margin-left:17px;max-width:36px;position:relative;} .sns_menu p img.sns_f {cursor:pointer;} .sns_menu dl {position:absolute;left:-38px;top:43px;width:150px;z-index:99;background:url(../images/bg/arrow_top01.png) no-repeat 60px 1px #6d5743;padding-top:15px;} .sns_menu dl dd {background:url(../images/bg/sns_arrow01.gif) no-repeat 125px 17px #504032;border:solid 1px #504032;padding:14px 0 14px 15px;font-weight:700;} .sns_menu dl dd a {display:inline;font-size:20px;color:#958678;line-height:100%;} #tSearch{display:block;} #mSearch{display:none;} #gnb{height:auto;} #footer{max-width:746px;text-align:center;} #footer #flogo{float:none; padding:0 0 20px 0;} #footer #address{float:none;width:100%; font-size:12px; color:#666; line-height:2;font-weight:700;letter-spacing:0.6px;} #footer #address_m{display:none;} #footer .f_print {display:none;} #footer #address span.t_footer_t {display:block;margin:5px 0 0 0;} /*서브컨텐츠영역*/ #sub_c_Section {max-width:100%;padding:0 20px 20px 20px;background:#fff;} #sub_c_Section .sub_nav {display:none;float:none;} #sub_c_Section .sub_content {width:100%;float:none;border:none;margin: 0 auto;} /*서브컨텐츠 서브메뉴없는 레이아웃*/ .sub_content_type02 {margin:0;} /*갤러리리스트*/ .gallery_list {margin-top:-30px;width:100%;} .gallery_list li {padding:2.73% 2.73% 2.73% 3.15%;float:left;width:44.12%;} .gallery_list li div.g_img {width:27.39%.;margin:0 auto;text-align:center;} /*메인슬라이드*/ /* re code declaration */ #mainRoll{width:100%; height:483px; overflow:hidden;} #mainRoll img {width:100%;} #mainRoll .swiper-slide{width:100%; height:483px; overflow:hidden;} .btn_area { background:#f5f5f5; overflow:hidden;position:absolute;right:0;top:0; } .btn_area button { display:block; width:100px; height:36px; background:#000; font-size:16px; color:#fff; font-weight:bold; border:0;} .btn_area .btn_page { display:block; width:40px; height:40px;font-size:12px; line-height:100%; background:#f2eee6;color:#333;} .btn_area .btn_page.on { background:#b20e10;color:#fff;} #shadowThum {position:absolute; right:0px; top:54.5%; width:100%; z-index:99; overflow:hidden;cursor:pointer;line-height:100%;font-size:12px;text-align:center;} #shadowThum span {width:40px; height:27px;overflow:hidden;color:#333;text-align:center;font-size:14px;padding-top:13px;font-weight:700;display:inline-block;} #shadowThum span img {wdith:100%;} #shadowThum span.on {color:#333;} /* main rolling paging */ .mainpage{position:absolute; right:0px; top:54.5%; width:100%; z-index:99; overflow:hidden;text-align:center;} .mainpage span{width:40px; height:27px;overflow:hidden;color:#333;text-align:center;font-size:14px;padding-top:13px;font-weight:700;display:inline-block;} .swiper-pagination-switch{display:block; width:40px; height:40px;background:#f2eee6;color:#fff; overflow:hidden;} .swiper-active-switch{background:#b20e10;color:#fff;} #mainRoll01{width:364px; height:182px; overflow:hidden;} #mainRoll01 img {width:100%;} .sub_search ul li.s_tit span {display:none;} .sub_search ul li.s_txt {padding: 0 95px 0 157px;position: relative;} .sub_search ul li.s_btn {position: absolute;right: 37px;top: 20px;} #sub_c_Section .bg_type01 {background:none;} #sub_c_Section .bg_type02 {background:none;} #sub_c_Section .bg_type03,#sub_c_Section .bg_type03_02 {background:none;} #sub_c_Section .bg_type04 {background:none;} #sub_c_Section .bg_type05 {background:none;} #sub_c_Section .bg_type06 {background:none;} } @media all and (max-width: 765px){ /* #mNavi{display:none; position:absolute; left:-262px; top:0; width:262px; height:100%; background:#df3609;} #mNavi #mtitle a{display:block; width:205px; height:86px; line-height:86px; font-size:28px; font-weight:700; color:#bdc6d0; border-bottom:1px #082444 solid; padding:0 20px 0 37px; background:url('../images/bg/bg_mnavi_all_m.gif') 212px 30px #224062 no-repeat;} #mNavi #mgnb{border-top:1px #e34e26 solid;} #mNavi #mgnb ul li{border-bottom:1px #e34e26 solid;} #mNavi #mgnb ul li ul{display:none; background:#edbdb0; padding:10px 0;} #mNavi #mgnb ul li ul li{border-bottom:0;} #mNavi #mgnb ul li ul li a{display:block; width:205px; padding:0 20px 0 37px; height:32px; line-height:32px; font-size:14px; font-weight:normal; color:#191919; background:url('none'); } #mNavi #mgnb ul li ul li a img{vertical-align:middle; width:8px; height:12px; padding:0 0 0 10px; margin-top:-2px;} */ #mNavi{display:none; position:absolute; left:-292px; top:0; width:292px; height:100%; background:url(../images/bg/bg_area.png) repeat-y right 0;z-index:999;} .nav_width_all {background:url(../images/bg/bg001.gif) repeat;width:262px;height:100%;} .nav_width {width:262px;background:url(../images/bg/menu_bg.gif) repeat-x;} #mNavi #mtitle a{display:block; width:308px; height:60px; line-height:60px; font-size:40px; font-weight:700; color:#fff;padding:0 ; background:url('../images/bg/bg_mnavi_all.png') 203px 18px no-repeat;} #mNavi #mgnb ul li a{display:block; width:235px; padding:0 0 0 26px; height:60px; line-height:60px; font-size:16px; font-weight:bold; color:#fff; background:url('../images/bg/list_bg02.gif') repeat-x;} #mNavi #mgnb ul li ul{display:none; background:#5c524b; padding:20px 0;} #mNavi #mgnb ul li ul li{border:0;} #mNavi #mgnb ul li ul li a{display:block; width:205px; padding:0 0 0 26px; height:40px; line-height:40px; font-size:15px; font-weight:700; color:#ada6a1; background:url('none'); } #mNavi #mgnb ul li ul li a img{vertical-align:middle; padding:0 0 0 10px; margin-top:-2px;} /*sub 검색영역*/ .sub_search {background:url(../images/bg/bg_search.gif) repeat-x 0 0;height:60px;} .sub_search ul {position:relative;max-width:1000px;margin:0 auto;padding-top:14px;} .sub_search ul li.s_tit {font-weight:700;font-size:19px;color:#fff;position:absolute;left:20px;top:21px;} .sub_search ul li.s_txt {padding:0 65px 0 110px;position:relative;} .sub_search ul li.s_txt input {background:#a9a29b;width:90%;padding:5px 5% 5px 5%;border:0;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;font-size:14px;line-height:100%;color:#d6d3cf;font-weight:700;} .sub_search ul li.s_txt label{position: absolute;top: 10px;bottom: 0;left: 305px;right: 0;cursor: text;font-size:14px;color:#d6d3cf;font-weight:700;} .sub_search ul li.s_btn {position:absolute;right:20px;top:18px;} .sub_search ul li.s_btn input.btn {background:url(../images/btn/search_btn.png) no-repeat 0 0;width:37px;height:37px;text-indent:-9999em;border:0;cursor:pointer;background-size:100% 100%;width:30px;height:30px;} #logo{display:none;} #mlogo{display:block;} #mSearch{display:block;} #top{display:none;} .#snb{display:none;} #msnb {display:block;background:#6d5743;height:60px;} #msnb ul li a {display:block;} #msnb ul li.logo a {height:60px;} #msnb ul li.logo {background:url(../images/img/btn_m_logo.gif) no-repeat 0 center;width:176px;height:60px;margin:0 auto;text-indent:-9999em;background-size:85%;} #msnb ul li.btn_01 {position:absolute;left:10px;top:21px;text-indent:-9999em;} #msnb ul li.btn_01 a{background:url(../images/btn/btn_m_menu.png) no-repeat 0 0;background-size:50% 50%;} #msnb ul li.btn_02 {position:absolute;right:10px;top:20px;} .sns_menu {} .sns_menu p {float:left;margin-left:5px;max-width:25px;} .sns_menu p img {width:100%;} .sns_menu dl {position:absolute;left:-49px;top:23px;width:140px;z-index:99;background:url(../images/bg/arrow_top02.png) no-repeat 60px 1px #6d5743;padding-top:7px;z-index:999;} .sns_menu dl dd {background:url(../images/bg/sns_arrow01.gif) no-repeat 110px 17px #504032;border:solid 1px #504032;padding:14px 0 14px 15px;} .sns_menu dl dd img.sns_f {cursor:pointer;} .sns_menu dl dd a {display:inline;font-size:15px;color:#958678;line-height:100%;} #tSearch{display:none;} #mSearch{display:block;} /* re code declaration */ #mainRoll{width:100%; height:100%; overflow:hidden;} #mainRoll img {width:100%;} #mainRoll .swiper-slide{width:100%; height:100%; overflow:hidden;} #shadowThum {position:absolute; right:0px; top:0; width:100%; z-index:99; overflow:hidden;cursor:pointer;line-height:100%;font-size:12px;text-align:right;} #shadowThum span {width:40px; height:27px;overflow:hidden;color:#333;text-align:center;font-size:14px;padding-top:13px;font-weight:700;display:inline-block;} #shadowThum span img {wdith:100%;} #shadowThum span.on {color:#333;} /* main rolling paging */ .mainpage{position:absolute; right:0px; top:0%; width:100%; z-index:99; overflow:hidden;text-align:right;} .mainpage span{width:40px; height:27px;overflow:hidden;color:#333;text-align:center;font-size:14px;padding-top:13px;font-weight:700;display:inline-block;} .swiper-pagination-switch{display:block; width:100%; height:40px;background:#f2eee6;color:#fff; overflow:hidden;} .swiper-active-switch{background:#b20e10;color:#fff;} #mainRoll01{width:320px; height:140px; overflow:hidden;} #mainRoll01 img {width:100%;} #mainRoll .swiper-slide img.w_type {display:none} #mainRoll .swiper-slide img.m_type {display:block} #mainRoll03{height:100%;} #mainRoll03 .text01{float:none; width:100%; height:150px;} #mainRoll03 .text01 .day{padding:15px 0 0 20px;} #mainRoll03 .text01 .txt_c{font-size:15px; padding:10px 20px 0;} #mainRoll03 .text01 span{position:absolute; right:50%; top:-19px; margin-top:0; margin-right:-15px;} #mainRoll03 .text01 span .w_type{display:none;} #mainRoll03 .text01 span img.m_type {display:block;} #mainRoll03 .text02{ float:none; width:100%; height:150px; overflow:hidden;} #mainRoll03 .text02 img{width:100%;} .section7 .slide .titleArea{position:absolute; right:0; top:0; width:183px; height:165px; background:url('../images/img/main_roll_img_m.png') left top no-repeat;} #w_footer {padding-top:20px;} #footer{max-width:320px; padding:0 0 20px 0;} #footer #flogo{float:auto; max-width:320px; width:298px; padding:0; text-align:center; margin:0 11px 20px 11px;} #footer #address{display:none;} #footer #address_m {display:block;line-height: 1.6;} #footer #address_m span {line-height: 1.6;} #footer #address_m strong {display:block;line-height: 2;} /*서브컨텐츠영역*/ .sub_c_box {height:100%;} .sub_c_box .sub_tarea {padding-top:20px;margin-bottom:0;border-bottom:none;width:100%;} .sub_c_box .sub_tarea .s_nav {margin-bottom:20px;} .sub_c_box .sub_tarea .s_nav li {float:left;font-weight:700;padding-right:10px;margin-right:5px;vertical-align:middle;margin-top:2px;color:#808080;} .sub_c_box .sub_tarea .s_nav li:first-child {padding:0;margin-top:0;} .sub_c_box .sub_tarea .s_nav li.n_gap {background:url(../images/ico/nav_gap01.gif) no-repeat right 0;} .sub_c_box .sub_tarea h2 {font-size:30px;line-height:30px;font-weight:700;color:#333;margin-bottom:11px;} .sub_c_box .sub_tarea p {font-size:13px;font-weight:700;color:#777;} /*게시판검색영역*/ .t_search01 {width:100%;float:none;} .t_search01 p {padding:0 65px 0 86px;} .t_search01 div.search_select strong {display:none;} /* list */ .boardListType01 {} .boardListType01 li {padding:20px 10px;border-bottom:solid 1px #e8e8e8;} .boardListType01 li dl {position:relative;min-height:100%;} .boardListType01 li dl dt {position:static;left:0;top:0;display:none;} .boardListType01 li dl dd {padding:0 0 0 0;} .boardListType01 li dl dd h4 {font-size:16px;color:#333;padding:10px 0 10px 0;line-height:130%;} .boardListType01 li dl dd div.list_content {height:100%;font-size:14px;color:#777;line-height:140%;} .boardListType01 li dl dd p {display:none;} table.boardListType02 .num, table.boardListType02 .click {display:none;} table.boardListType02 td.tit a {padding-left:10px;} /*파트너 리스트스타일*/ .ullist_type01,.ullist_type02,.ullist_type03 {margin-left:0;width:100%;} .ullist_type01 .type_con01 {border:solid 1px #dedede;padding:2.01%;width:95.98%;margin:0 0 30px 0;float:none; clear:both; overflow:hidden;min-height: 120px;} .ullist_type02 .type_con02 {border:solid 1px #dedede;width:99.74%;margin:0 0 30px 0;float:none;} .ullist_type03 .type_con03 {border:solid 1px #dedede;width:99.74%;margin:0 0 30px 0;float:none;} .member_t li.tit01 {float:none;margin-bottom:10px;} .member_t li.tit02 {float:none;} article.table_ul02 {border-top:solid 1px #d1d1d1;border-bottom:solid 1px #d1d1d1;margin-bottom:15px;} article.table_ul02 ul {} article.table_ul02 ul:after {content:"";display:block;clear:both;} article.table_ul02 ul li {border-bottom:none;background:#fbfbfb;background:url(../images/ico/point_02.gif) no-repeat 10px 13px;padding:10px;} article.table_ul02 ul li span.tit {width:154px;float:none;padding:0 0 5px 10px;font-weight:700;color:#333;text-align:left;font-size:15px;display:block;} article.table_ul02 ul li div.inputs {padding:0;margin-left:0;min-height:24px;background:#fff;} article.table_ul02 ul li div.inputs textarea {width:98%;} dl.cmt {margin-top:5px;} dl.cmt dd.point {color:#e62803;} dl.cmt dd {margin-top:5px;} .zip01 {width:154px!important;} .mail_input {width:125px!important;} .mail_select {width:129px!important;margin:0px 0 0 0px;} p.phon span,p.birth span {padding:0 5px;} p.phon select {width:93px!important;} p.phon input {width:67px!important;} p.birth select {width:66px!important;} input.file_full {width:100%;} .img_area img.web_type {display:none;} .img_area img.mobile_type {display:block;} #mainRoll04 {width:100%; height:300px; overflow:hidden;} #mainRoll04 div.text02 img.w_type {display:none;} #mainRoll04 div.text02 img.m_type {display:block;} #mainRoll04 .text02 img{width:100%;} } @media all and (max-width: 480px){ .mail_select {width:129px!important;margin:5px 0 0 0px;} /*갤러리리스트*/ .gallery_list {margin-top:-30px;width:100%;} .gallery_list li {padding:2.78% 0;float:left;width:100%;} .gallery_list li div.g_img {width:27.39%.;margin:0 auto;text-align:center;} #mainRoll{width:100%; height:350px; overflow:hidden;} } @media all and (max-width: 420px){ .ullist_type01 .type_con01{padding:4% 2%;} .ullist_type01 .type_con01 h2{padding:8px 0 8px 10px;} .ullist_type01 .type_con01 ul{margin:0 0 0 10px;} .ullist_type01 .type_con01 p{margin-bottom:0;} .ullist_type01 .type_con01 .sub_img{width:95px; height:auto;} .ullist_type01 .type_con01 .sub_img img{width:95px; height:auto;} #mainRoll{width:100%; height:270px; overflow:hidden;} }