@charset "utf-8";
/*
    Common.css
*/
body {-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch; /*word-break:break-all;*/}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0; -webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body,h1,h2,h3,h4,input,button,textarea{ font-family:'Arial','Apple SD Gothic','NanumSquare';font-size:15px;color:#000000; font-weight:400;}
body h2,body h3{font-family:'Arial','Apple SD Gothic','NanumSquare';}
a.skip_area {position:absolute;left:0;top:-60px;display:block;width:100%;height:40px;background:#d23333;color:#fff;font-size:13px;text-align:center;line-height:40px;z-index:500;}
a.skip_area:active, a.skip_area:focus {position:absolute;top:0;}
* {margin:0;padding:0;}
img, fieldset, button {border:none;}
hr, button img {display:none;}
li {list-style:none;}
a {color:#000000;text-decoration:none;vertical-align:top;}
a:hover, a:active, a:focus, a:visited {text-decoration:none;}
textarea {overflow:auto;} 
table {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;text-align:center;}
table img {vertical-align:top;}
th, td {vertical-align:middle;word-wrap:break-word;word-break:break-all;}
form  {margin:0;padding:0;}
img {vertical-align:top;}
legend  {position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;} /* For Screen Reader */ 
caption {width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;visibility:hidden;}
input[type="text"],input[type="tel"],input[type="date"],input[type="number"],input[type="email"],input[type="search"],input[type="image"],input[type="button"], input[type="submit"], input[type="password"], input[type="file"], textarea, select{-webkit-appearance:none;-webkit-border-radius:0; appearance:none; outline: 0;}
input[type="text"] {font-family:'Apple SD Gothic','돋움'  !important;}
em {font-style:normal;}
.blind {position:absolute;left:-9999px;top:-9999px;}
.fl {float:left;}
.fr {float:right;}
.clear {display:block;clear:both;height:0;overflow:hidden;}




/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
.noScroll { overflow:hidden;}


/* 버튼 */
.more_btn {height:40px; line-height:40px; width:100%; display:block; border-radius:5px; color:#fff; text-align:center; font-size:14px; border:1px solid #fff;}
.more_btn02 {height:40px; line-height:40px; width:100%; display:block; border:1px solid #959595; border-radius:5px; color:#fff; text-align:center; font-size:14px; background:#959595;}
.type02 {height:40px; line-height:40px; background:#d52c35; border-radius:5px; display:block; padding:0 15px; color:#eaecee;}
.type01 {height:40px; line-height:40px; width:100%; display:block; border:1px solid #fff; border-radius:5px; color:#838484; text-align:center; background:#f7f7f7; cursor:default; border:1px solid #e1e1e1; box-sizing:border-box;}
.type03 {height:40px; line-height:40px; border-radius:5px; display:block; padding:0 15px; color:#d52c35; border:1px solid #d52c35; box-sizing:border-box; font-weight:700;}
.type04 {height:40px; line-height:40px; width:100%; display:block; border:1px solid #fff; border-radius:5px; color:#fff; text-align:center; background:#d52c35; font-weight:700;}
.type05 {height:40px; line-height:40px; width:100%; display:block; border:1px solid #e1e1e1; border-radius:5px; color:#545555; text-align:center; background:#f4f5f6; font-weight:700;}
.type06 {height:40px; line-height:40px; width:100%; display:block; border:1px solid #d52c35; border-radius:5px; color:#fff; text-align:center; background:#d52c35; font-weight:700;}
.type07 {height:40px; line-height:40px; width:100%; display:block; border:1px solid #9d9d9d; border-radius:5px; color:#fff; text-align:center; background:#9d9d9d; font-weight:700;}
.s_btn01 {height:40px; line-height:40px; text-align:center; display:block; width:100%; background:#919191; color:#fff; font-size:17px; font-weight:700; border-radius:5px;}
.s_btn02 {height:40px; line-height:40px; text-align:center; display:block; width:100%; background:#d52c35; color:#fff; font-size:17px; font-weight:700; border-radius:5px;}
.s_btn02.disable {background:#f7f7f7; color:#9d9d9d; border:1px solid #e1e1e1; box-sizing:border-box; cursor:default;}
.type04.disable {background:#f7f7f7; color:#9d9d9d; border:1px solid #e1e1e1; box-sizing:border-box; cursor:default;}
.type04.on {height:40px; line-height:40px; width:100%; display:block; border:1px solid #fff; border-radius:5px; color:#fff; text-align:center; background:#d52c35; font-weight:700;}
.more_btn02.white {background:none; border:1px solid #fff;}
.reservation_btn {height:40px; line-height:40px; width:100%; display:block; border-radius:5px; color:#fff; text-align:center; background:#d52c35; font-weight:700;}
.sale_btn01 {height:35px; line-height:35px; text-align:center; display:block; width:100%; background:#919191; color:#fff; font-size:14px; font-weight:700; border-radius:5px;}
.sale_btn02 {height:35px; line-height:35px; text-align:center; display:block; width:100%; background:#d52c35; color:#fff; font-size:14px; font-weight:700; border-radius:5px;}


/* 팝업버튼 */
.pop_btn01 {background:#919191; text-align:center; display:block; height:35px; line-height:35px; font-size:15px; color:#fff; border-radius:5px;}
.pop_btn02 {background:#d52c35; text-align:center; display:block; height:35px; line-height:35px; font-size:15px; color:#fff; border-radius:5px;}




/*** 셀렉트 ***/
select {width:100%;height:35px;padding:0 30px 0 10px;background:#fff url(../images/sub/ico_select.png) right center no-repeat; background-size:30px 35px; border-radius:5px;color:#838484; font-size:14px;font-weight:300; border:1px solid #e1e1e1;box-sizing:border-box; border-right:0;}

/*** 체크박스 ***/
.form_box input[type="checkbox"]{display: inline-block; margin:5px 5px 5px 3px;}
.form_box label:after{content: '';top:4px;left:0px;display: inline-block;position: absolute;width:20px;height:20px; background:url(../images/sub/bg_checkbox.png) no-repeat; background-size:20px;z-index: 99}
.form_box label {font-size:14px; color:#838484;}
.form_box input:checked + label:after{background: url(../images/sub/bg_checkbox_on.png) no-repeat 0 0; background-size:20px;}

/*** 체크박스02 ***/
.etc_consent input[type="checkbox"]{margin:5px 5px 5px 3px; display: inline-block; vertical-align:top;}
.etc_consent p label:after{content: '';top:20px;left:15px;display: inline-block;position: absolute;width:23px;height:23px; background:url(../images/sub/bg_checkbox02.gif) no-repeat; background-size:23px;z-index: 99}
.etc_consent label:after{content: '';top:0px;left:0px;display: inline-block;position: absolute;width:23px;height:23px; background:url(../images/sub/bg_checkbox02.gif) no-repeat; background-size:23px;z-index: 99}
.etc_consent label {font-size:14px; color:#838484;}
.etc_consent input:checked + label:after{background: url(../images/sub/bg_checkbox02_on.gif) no-repeat 0 0; background-size:23px;}



/*** 라디오버튼 ***/
.form_box input[type="radio"]{margin:5px 5px 5px 3px; display: inline-block;}
.form_box label.radio:after{content: '';top:4px;left:0px;display: inline-block;position: absolute;width:20px;height:20px; background:url(../images/sub/bg_radio.gif) no-repeat; background-size:20px;z-index: 99}
.form_box input[type="radio"]:checked + label:after{background: url(../images/sub/bg_radio_on.gif) no-repeat 0 0; background-size:20px;}



.margin_area {height:20px; text-indent:-9999px;}
.margin_area01 {height:10px; text-indent:-9999px;}



/*** 위로버튼 ***/
.TopScroll { position:fixed; right:15px; width:30px; height:30px; text-align:center; z-index:99999999999;}
.TopScroll a {display:block; overflow:hidden;  width:30px; height:30px;}
.TopScroll a img {width:100%; height:100%; opacity:0.7;}
.cmLeftback { position:fixed; left:15px; bottom:15px; width:30px; height:30px; text-align:center; z-index:99999999999;}
.cmLeftback a {display:block; overflow:hidden;  width:30px; height:30px;}
.cmLeftback a img {width:100%; height:100%; opacity:0.7;}


/*** 메인베너슬라이드 ***/
#visual01 {overflow:hidden;}
#visual01 .slides {text-align:center;}
/*.slides li {height:85px; width:346px !important;}*/
#visual01 .slides li img {max-width:100%; height:70px;}
#visual01 .slider04 {text-align:center;}
#visual01 .slider04 .flex-control-paging {height:16px; line-height:16px; box-sizing:border-box; z-index:100; margin-top:5px; width:100%;}
#visual01 .slider04  .flex-control-paging li {margin:0 3px; display:inline-block; zoom:1; vertical-align:middle; }
#visual01 .slider04  .flex-control-paging li a{display:block; width:7px; height:7px; text-indent:-9999px; background:url(../images/main/event_btn_off.png) 0 0 no-repeat; background-size:7px;}
#visual01 .slider04  .flex-control-paging li a.flex-active {background:url(../images/main/event_btn_on.png) 0 0 no-repeat; width:7px; height:7px;  background-size:7px;}
#visual01 .slider04  .flex-pauseplay {position:absolute; bottom:39px;  left:50%; margin-left:45px; width:30px; z-index:10; display:none;}
#visual01 .slider04  .flex-direction-nav{display:none;}



/* 팝업 */
.dimd { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.8; z-index:1000; display:none;}
.dimd02 { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:1000; display:none;}
.popup { position:fixed; width:100%; top:50%; z-index:99999;  display:none; padding:0 15px; box-sizing:border-box;}
.popup.scroll {padding:20px 15px; margin-top:-188px;}
.popup.scroll02 {padding:0 15px; margin-top:0 !important; top:48px !important;}
.popup02 {position:fixed; width:100%; top:50%; z-index:1001;  display:none; padding:0 15px; box-sizing:border-box;}
.popup02 .card_pop {position:relative; z-index:1003;}
.popup.no_center {top:0 !important; margin-top:0 !important; padding:0;}
.file_pop { width:100%; margin:auto; background:#fff; position:relative; margin:auto; box-sizing:border-box; z-index:99;}
.card_pop {background:#fff; padding:15px;}
.card_pop dl {text-align:center; color:#000;}
.card_pop dl dd {font-weight:300; line-height:18px; padding-bottom:10px; font-size:14px;}
.card_pop dl dt {font-size:15px; font-weight:700;}
.card_pop .pop_barea {padding-top:15px; margin-top:15px; border-top:1px solid #e1e1e1;}
.card_pop .pop_barea ul {zoom:1;}
.card_pop .pop_barea ul:after {clear:both; content:''; display:block;}
.card_pop .pop_barea ul li {width:50%; float:left; box-sizing:border-box;}
.card_pop .pop_barea ul li:first-child {padding-right:5px;}
.card_pop .pop_barea ul li:last-child {padding-left:5px;}
.card_pop dl.type {padding-top:5px;}
.card_pop dl.type dt {font-size:14px; font-weight:700; padding-bottom:13px;}
.card_pop dl.type.text dt {font-size:15px; font-weight:700; color:#d52c35; padding-bottom:5px;}
.card_pop dl.type.text02 dt {font-size:15px; font-weight:700; color:#000; padding-bottom:5px;}
.card_pop dl.type.text03 dt {font-size:15px; font-weight:700; color:#000; padding-bottom:10px;}
.card_pop dl.type.text03 dt.r_text {color:#d52c35;}
.card_pop dl.type.text03 dd {font-size:14px; font-weight:300; line-height:20px;}
.card_pop dl.type.text03.text_left dd {text-align:left;}
.card_pop dl.type.text03 dd span {color:#d52c35; font-weight:400;}
.card_pop dl.type.text03 dd.last_ex {padding-top:10px;}
.card_pop dl.type dt span {color:#d52c35;}
.card_pop dl.type dd {font-size:12px; font-weight:300; line-height:17px; padding-bottom:0;}
.card_pop dl.type dd.pb10 {padding-bottom:10px;}
.card_pop dl.type.text dd {font-size:14px; font-weight:300; line-height:19px;}
.pop_text p {font-size:14px; font-weight:300; line-height:19px;}
.pop_text p:first-child {padding-bottom:12px;}
.card_pop form p {padding-top:15px;}
.card_pop form p input[type="tel"] {width:100%; border:1px solid #e1e1e1;padding-left:10px; box-sizing:border-box; height:35px;}


/* main 진입화면*/
.header.none {background:#fff; padding:0px;}
.header.none .logo_box {padding:15px 15px 20px;}
.header.none .logo_box dl {text-align:center;}
.header.none .logo_box dt {width:151px; display:inline-block; padding-bottom:20px;}
.header.none .logo_box dt img {width:100%;}
.header.none .logo_box dd {font-size:14px; line-height:20px; font-weight:300;}
.card_lssue {background:url(../../resources/images/main/card_lssuebg.jpg) no-repeat; background-size:cover; padding:20px 15px;}
.card_lssue .card_lssue_box {border-radius:7px; padding:17px 20px 23px;}
.card_lssue .card_lssue_box dl {text-align:center; padding-bottom:15px;}
.card_lssue .card_lssue_box dl dt {display:inline-block; width:41px;}
.card_lssue .card_lssue_box dl dt img {width:100%; padding-bottom:13px;}
.card_lssue .card_lssue_box dl dd {font-size:14px; color:#fff; line-height:20px;}
.lssue_btn {display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#eaecee; background:#d52c35; border-radius:30px; font-size:15px;}
.member_list {background:#fff;}
.member_list ul {border:1px solid #d7d7d7; margin-bottom:10px;}
.member_list ul li {padding:15px; border-bottom:1px solid #d7d7d7;}
.member_list ul li:last-child {border-bottom:none;}
.member_list ul li dl {display:table;}
.member_list ul li dl dt {display:table-cell; vertical-align:middle; width:54px; height:54px; padding-right:15px;}
.member_list ul li dl dt img {width:100%;}
.member_list ul li dl dd {display:table-cell; vertical-align:middle; color:#585858; font-size:12px; line-height:18px;}
.more_area {padding-top:15px; padding-bottom:15px;}
.card_area {padding:30px 15px 20px;}
.type02 span {display:inline-block; width:38px; float:right;}
.type02 span img {width:100%; vertical-align:middle;}
.more_btn img {width:18px; height:18px; vertical-align:middle; margin-left:8px;}
.section01.white .more_btn {color:#757676; border:1px solid #e1e1e1;}
.section01.white {background:#fff;}
.more_area02.grey .more_btn {background:#959595;}




/* main */
.header {background:url(../images/main/main_bg.jpg) no-repeat top center; background-size:cover; padding:12px 15px 27px; }
/*.header .top_menu.scroll {position:fixed; width:100%; left:0; top:0; padding:9px 15px 9px; box-sizing:border-box; background:#d52c35; z-index:999; transition: background .5s;}*/
.header .top_menu ul.t_redbar {position:fixed; top:-200px; left:0; width:100%; padding:9px 15px; background:#d52c35; -webkit-transition: all .5s; transition: all .5s; box-sizing:border-box; z-index:9;} /*2017-10-17 추가*/
.header .top_menu.scroll ul.t_redbar {top:0;} /*2017-10-17 추가*/
.header .top_menu ul {zoom:1;}
.header .top_menu ul:after {clear:both; content:''; display:block;}
.header .top_menu ul li:first-child {float:left;}
.header .top_menu ul li:last-child {float:right;}
.header .top_menu ul li a {display:block;}
.header .top_menu ul li a img {width:100%;}
.header .top_menu ul li:first-child a {width:30px; height:22px; padding:4px 0; cursor:pointer;}
.header .top_menu ul li:last-child a {width:30px; height:30px;}
.card_img {text-align:center; padding-top:20px;}
.card_img a {display:inline-block; width:332px; height:222px;}
.card_img a img {width:100%; height:100%;}
.content {background:#eaecee; padding-bottom:60px;}
.section01 {padding:0 15px 10px;}
.section01.blue {background:#75aae4;}
.section01.blue .title_tt dt {color:#fff;}
.title_tt {padding-top:20px; padding-bottom:18px; zoom:1;}
.title_tt:after {clear:both; content:''; display:block;}
.title_tt dl {display:table; width:100%;}
.title_tt dl dt {font-size:17px; color:#111; display:table-cell; vertical-align:middle;}
.title_tt dl dt span {color:#6789ca;}
.section01.blue .title_tt dl dt span {color:#111;}
.title_tt dl dd {display:table-cell; text-align:right;}
.title_tt dl dd a {display:inline-block; width:35px; height:35px; background:url(../images/main/ico_tt03.png) no-repeat right center; text-indent:-9999px;}
.title_tt p {font-size:17px; color:#111; position:relative; height:35px; line-height:35px;}
.title_tt p:after {content:''; display:block; width:35px; height:2px; position:absolute; right:0; top:50%; margin-top:-1px; background:#9fc4ec;}
.section01 .title_tt p:after {content:''; display:block; width:35px; height:2px; position:absolute; right:0; top:50%; margin-top:-1px; background:#bfc0c2;}
.section02 .title_tt p:after {content:''; display:block; width:35px; height:2px; position:absolute; right:0; top:50%; margin-top:-1px; background:#bfc0c2;}
.section03 .title_tt p:after {content:''; display:block; width:35px; height:2px; position:absolute; right:0; top:50%; margin-top:-1px; background:#bfc0c2;}
.section01.blue .title_tt p:after {content:''; display:block; width:35px; height:2px; position:absolute; right:0; top:50%; margin-top:-1px; background:#9fc4ec;}
.section02.blue .title_tt p:after {content:''; display:block; width:35px; height:2px; position:absolute; right:0; top:50%; margin-top:-1px; background:#9fc4ec;}
.section03.blue .title_tt p:after {content:''; display:block; width:35px; height:2px; position:absolute; right:0; top:50%; margin-top:-1px; background:#9fc4ec;}
.section01.blue .title_tt p {color:#fff;}
.section02.blue .title_tt p {color:#fff;}
.section03.blue .title_tt p {color:#fff;}
.main_sec.no_main {display:none;}
.section01.blue .title_tt dl dd a {background:url(../images/main/ico_tt02.png) no-repeat right center;}
.title_tt dl dd a img {width:100%; vertical-align:bottom;}
.card_box ul {zoom:1;}
.card_box ul:after {clear:both; content:''; display:block;}
.card_box ul li {width:50%; float:left; text-align:center; box-sizing:border-box; margin-bottom:10px; display:table;}
.card_box ul li:nth-child(odd) {padding-right:5px;}
.card_box ul li:nth-child(even) {padding-left:5px;}
.card_box ul li dl {padding:20px 0 20px; background:#fff; height:165px; box-sizing:border-box; display:table-cell; vertical-align:middle;} /*2017-09-13 수정*/
.card_box ul li dl dt {font-size:18px; font-weight:700; position:relative; padding-bottom:12px; margin-bottom:12px; letter-spacing:-1px;}
.card_box ul li dl dt p {font-size:12px; padding:0px 10px 0; display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.card_box ul li dl dt:after {content:''; display:block; width:24px; height:2px; background:#424242; position:absolute; bottom:0; left:50%; margin-left:-12px;}
.card_box ul li dl dd a {width:42px; height:42px; display:inline-block; margin:0 2px;}
.card_box ul li dl dd a img {width:100%;}
.section02 {padding:0 15px 10px;}
.section02.blue {background:#75aae4;}
.section03 {padding:0 15px 20px;}
.section03.blue {background:#75aae4;}
.section02 .title_tt dt {color:#fff;}
.section02 .card_box ul li {position:relative;}
.section02 .card_box ul li dl {padding:20px 15px; background:#fff; height:128px !important; box-sizing:border-box;}
.section02 .card_box ul li > p {position:absolute; right:15px; bottom:10px;}
.section02 .card_box ul li > p a {display:block; width:12px; height:12px;}
.section02 .card_box ul li > p a img {width:100%;}
.card_box ul li.not dl {padding:0 20px; height:165px; box-sizing:border-box; background:#f5f6f7; position:relative;} /*2017-09-13 수정*/
.section02.blue .card_box ul li.not dl {height:128px;}
.section01.blue .card_box ul li.not dl, .section02.blue .card_box ul li.not dl {background:#91bbe9;}
.card_box ul li.not dt {width:42px; display:inline-block; height:44px; padding-bottom:10px; margin-bottom:0;}
.card_box ul li.not dt:after {height:0;}
.card_box ul li.not dt img {width:100%;}
.card_box ul li.not dl dd {font-size:12px; line-height:16px; color:#000000;}
.section01.blue .card_box ul li.not dl dd, .section02.blue .card_box ul li.not dl dd {color:#fff;}
.tab_box ul li {margin-bottom:10px; background:#fff;}
.tab_box ul li:last-child {margin-bottom:0;}
.section01.white .tab_box ul li {border:1px solid #e1e1e1;}
.tab_box ul li a {padding:15px 15px 15px 12px; display:block;}
.tab_box ul li a dl {width:100%; background:url(../images/main/tab_box_arrow.png) no-repeat right center; background-size:12px;}
.tab_box ul li a dl dt {vertical-align:middle; width:50px; height:50px; position:absolute;}
.tab_box ul li a dl dt img {width:100%;}
.tab_box ul li a dl dd {vertical-align:middle; padding-left:65px;}
.tab_box ul li a dl dd p {font-size:15px; color:#000;}
.tab_box ul li a dl dd p.s_text {font-size:12px; padding-top:3px; color:#757676; line-height:19px; margin-right:15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}





.banner {text-align:center;}
.banner a {display:block;}
.banner img {max-width:100%; height:70px;}
.mt20 {margin-top:20px;}
.mb10 {margin-bottom:10px;}
.sdp {padding-top:20px;}
.more_area02 {padding-top:10px;}


/* main바코드팝업 */
.barcode_pop {background:#fff;}
.barcode_pop .pop_cont {text-align:center;}
.barcode_pop .pop_logo {height:50px; line-height:50px; padding:0 15px; background:#d52c35;}
.barcode_pop .pop_logo img {width:120px; vertical-align:middle;}
.barcode_pop .barcode_box {padding:20px 15px 17px; text-align:center; display:inline-block; text-align:center; width:100%; box-sizing:border-box;}
.barcode_pop .barcode_box dl {text-align:center;}
.barcode_pop .barcode_box dl dt {width:190px; height:78px; display:inline-block; padding-bottom:10px;}
.barcode_pop .barcode_box dl dt img {width:100%;}
.barcode_pop .barcode_box dl dd {font-size:15px; color:#7f8085; font-weight:700;}
.barcode_pop .barcode_box dl dd span {width:33px; display:inline-block; text-align:center; margin:0 2px;}
.barcode_pop .barcode_box .main_loading {padding-top:15px;}
.pop_close {width:40px; height:50px; position:absolute; right:0px; top:0px;}
.pop_close a {display:block; padding:15px 0; width:40px; height:50px; text-align:center; box-sizing:border-box;}
.pop_close a img {width:20px;}
.main_loading img {width:100%;}
.barcode_pop .barcode_box dl.qr {width:inherit;}
.barcode_pop .barcode_box dl.qr dt {width:110px; height:110px; display:inline-block; padding-bottom:10px;}
.barcode_pop .barcode_box.qr_box {display:block;}
.main_loading {text-align:center; width:100%;}
.main_loading em {display:inline-block;}
.barcode_pop .barcode_box dl dd .new_btn.disable {cursor:default; opacity:0.4;}
.barcode_pop .barcode_box dl dd .new_btn {height:35px; width:100%; display:block; background:#919191; line-height:35px; color:#fff; font-size:16px; border-radius:5px; cursor:pointer;}
.barcode_pop .pop_cont.left {text-align:left;}
.barcode_pop .pop_cont.left .pop_logo {font-size:17px; font-weight:700; color:#fff;}


/*footer*/
.footer {height:60px; position:fixed; bottom:0; width:100%; z-index:999;}
.footer .foot_nav {height:60px;}
.footer .foot_nav ul {display:table; table-layout: fixed; width:100%;}
.footer .foot_nav ul li {display:table-cell; text-align:center; position:relative;}
.footer .foot_nav ul li a {background:#313443; display:block; padding-top:40px; color:#bfbfc2; font-size:11px; height:20px; border-left:1px solid #464956;}
.footer .foot_nav ul li.on a {color:#fff; background:#36394a;}
.footer .foot_nav ul li:nth-child(1) a {background:#313443 url(../images/main/foot_nav01.png) no-repeat center 10px; background-size:30px;}
.footer .foot_nav ul li:nth-child(2) a {background:#313443 url(../images/main/foot_nav02.png) no-repeat center 10px; background-size:18px;}
.footer .foot_nav ul li:nth-child(3) a {background:#313443 url(../images/main/foot_nav03.png) no-repeat center 10px; background-size:35px;}
.footer .foot_nav ul li.on:nth-child(1) a {background:#d52c35 url(../images/main/foot_nav01on.png) no-repeat center 10px; background-size:30px; font-weight:700;}
.footer .foot_nav ul li.on:nth-child(2) a {background:#d52c35 url(../images/main/foot_nav02on.png) no-repeat center 10px; background-size:18px; font-weight:700;}
.footer .foot_nav ul li.on:nth-child(3) a {background:#d52c35 url(../images/main/foot_nav03on.png) no-repeat center 10px; background-size:35px; font-weight:700;}



/*** LNB ***/
#lnb .lnb_cont {position:fixed;left:-200%;top:0;width:100% !important;height:100%;background:#313443;z-index:1002; overflow:hidden; overflow-y:scroll;}
/*** lnb_cont ***/
.lnb_cont .lnb_top {background:#6789ca; height:55px; line-height:55px; padding:0 15px; border-bottom:1px solid #8da7d7;}
.lnb_cont .lnb_top h3 {font-size:17px; color:#fff; font-weight:300; float:left; width:250px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; box-sizing:border-box;}
.lnb_cont .lnb_top a {width:44px; height:25px; float:left; display:inline-block; position:relative; padding:15px 0; text-align:center; margin-left:-15px; text-align:center;}
.lnb_cont .lnb_top a.setting {width:22px;}
.lnb_cont .lnb_top a.setting {position:absolute; right:45px; top:0px;}
.lnb_cont .lnb_top a img {width:22px;}
.lnb_cont .lnb_top a em {position:absolute; font-size:11px; color:#fff; font-weight:700; width:14px; height:14px; line-height:14px; border-radius:100%; background:#ff3e24; text-align:center; left:22px; top:9px;}
.pop_btn {position:absolute; right:0px; top:0px; z-index:999;}
.pop_btn a {display:none; width:44px; height:55px; text-align:center; padding-top:16px; padding-bottom:17px; box-sizing:border-box;}
.pop_btn a img {width:22px;}
.lnb_icon {background:#6789ca;}
.lnb_icon ul {zoom:1;}
.lnb_icon ul:after {clear:both; content:''; display:block;}
.lnb_icon ul li {float:left; width:50%; border-left:1px solid #8da7d7; box-sizing:border-box;}
.lnb_icon ul li:first-child {border-left:none;}
.lnb_icon ul li a {display:block;}
.lnb_icon ul li a dl {text-align:center; padding:15px 0 18px;}
.lnb_icon ul li a dl dt {width:50px; height:50px; padding-bottom:10px; display:inline-block;}
.lnb_icon ul li a dl dt img {width:100%;}
.lnb_icon ul li a dl dd {font-size:14px; color:#fff; font-weight:700;}
.lnb_info {background:#fff;}
.lnb_info ul li {border-bottom:1px solid #d7d7d7;}
.lnb_info ul li a {height:50px; display:block; line-height:50px; padding-left:50px; font-size:14px;}
.lnb_info ul li:nth-child(1) a {background:url(../images/main/ico_lnbinfo01.png) no-repeat 15px 12px; background-size:21px;}
.lnb_info ul li:nth-child(2) a {background:url(../images/main/ico_lnbinfo03.png) no-repeat 15px 15px; background-size:22px;}
.lnb_info ul li:nth-child(3) a {background:url(../images/main/ico_lnbinfo02.png) no-repeat 15px 15px; background-size:17px;}
.lnb_info ul li:nth-child(4) a {background:url(../images/main/ico_lnbinfo04.png) no-repeat 17px 14px; background-size:23px;}

.lnb_box {padding:30px 12px 35px; background:#fff;}
.lnb_box ul {zoom:1;}
.lnb_box ul:after {clear:both; content:''; display:block;}
.lnb_box ul li {float:left; width:33.3%; padding:0 3px; box-sizing:border-box;}
.lnb_box ul li a {display:block;}
.lnb_box ul li a dl {padding:15px 0 18px; text-align:center; background:#f3f3f3; border:1px solid #d7d7d7; height:86px; overflow:hidden; box-sizing:border-box;}
.lnb_box ul li a dl dt {display:inline-block; padding-bottom:10px;}
.lnb_box ul li a dl dd {font-size:14px;}
.lnb_box ul li a dl dt img {width:100%;}
.lnb_box ul li:nth-child(1) a dl dt {width:30px; height:24px;}
.lnb_box ul li:nth-child(2) a dl dt {width:23px; height:25px;}
.lnb_box ul li:nth-child(3) a dl dt {width:24px; height:24px;}
.lnb_map a {display:block; padding:20px;}
.lnb_map dl {display:table; width:100%;}
.lnb_map dl dt {display:table-cell; width:50px; height:50px; padding-right:15px;}
.lnb_map dl dt img {width:100%;}
.lnb_map dl dd {display:table-cell; vertical-align:middle; color:#fff; font-size:14px; line-height:18px; letter-spacing:-0.5px;}
.lnb_barea {padding:20px 15px 0; text-align:center; border-top:1px solid #3d4050;}
.lnb_barea ul:after {clear:both; content:''; display:block;}
.lnb_barea ul {text-align:center; display:inline-block;}
.lnb_barea ul li {float:left; box-sizing:border-box;}
.lnb_barea ul li:nth-child(2) .use_btn {margin-left:10px;}
.use_btn {font-size:13px; color:#fff; height:25px; line-height:25px; background:#959595; border-radius:5px; width:110px; display:inline-block;}




/*** 검색창 ***/
.main_search {position: fixed;right: -100%;top: 0; width: 100%;height: 100%;background: #313443;z-index: 1000; padding:7px 15px; box-sizing:border-box; background:#d52c35; height:48px;}
.main_search dl {display:table; width:100%; height:34px;}
.main_search dl dt {display:table-cell; vertical-align:middle; width:22px;}
.main_search dl dd {display:table-cell; vertical-align:middle; position:relative;}
.main_search dl dt a {display:block; width:22px; height:34px; padding:6px 0; box-sizing:border-box;}
.main_search dl dt a img {width:12px; height:22px;}
.main_search dl dd input {height:34px; width:100%; border:none; padding:0 40px 0 10px; box-sizing:border-box;}
.main_search dl dd a {width:40px; height:34px; display:block; position:absolute; right:0; top:0px; text-align:center; padding:7px 0; box-sizing:border-box;}
.main_search dl dd a img {width:20px; height:20px;}


/*** 편집화면 ***/
.content.edit {background:#eaecee; padding-top:48px; min-height:750px;}
.content.edit .title_tt dl dd {display:none;}
.content.edit .card_box ul li {position:relative;}
.content.edit .card_box ul li dl {padding:20px 0 20px; height:165px;}
.content.edit .card_box ul li.not dl {padding:0 20px;}
.content.edit .card_box ul li div {position:absolute; right:15px; bottom:10px;}
.content.edit .card_box ul li div a {width:12px; height:12px; display:block;}
.content.edit .card_box ul li div a img {width:100%; height:100%;}
.content.edit .card_box ul li div.edit_img {position:absolute; top:10px; left:50%; margin-left:-5px; width:11px; height:13px;}
.content.edit .card_box ul li div.edit_img img {width:100%;}
.edit_fix {position:fixed; width:100%; bottom:0; left:0; box-sizing:border-box; background:#eaecee; z-index:999; padding:15px;} 


/*** 편집화면 
.content.edit {background:#eaecee; padding-top:48px; min-height:750px;}
.content.edit .title_tt dl dd {display:none;}
.content.edit .card_box ul {position:relative;}
.content.edit .card_box ul li {position:absolute;}
.content.edit .card_box ul li:nth-child(2) {left:50%;}
.content.edit .card_box ul li:nth-child(3) {top:175px;}
.content.edit .card_box ul li:nth-child(4) {top:175px; left:50%;}
.content.edit .card_box ul li:nth-child(5) {top:350px;}
.content.edit .card_box ul li:nth-child(6) {top:350px; left:50%;}
.content.edit .card_box ul li dl {padding:20px 0 20px; height:165px;}
.content.edit .card_box ul li.not dl {padding:0 20px;}
.content.edit .card_box ul li div {position:absolute; right:15px; bottom:10px;}
.content.edit .card_box ul li div a {width:12px; height:12px; display:block;}
.content.edit .card_box ul li div a img {width:100%; height:100%;}
.content.edit .card_box ul li div.edit_img {position:absolute; top:10px; left:50%; margin-left:-5px; width:11px; height:13px; z-index:9;}
.content.edit .card_box ul li div.edit_img img {width:100%;}
.edit_fix {position:fixed; width:100%; bottom:0; left:0; box-sizing:border-box; background:#eaecee; z-index:999; padding:15px;}
***/





/*** 편집모드(2017-10-24추가) ***/
.card_box.lr_area ul {margin:0 -5px;}
.card_box.lr_area ul li {padding:0 5px;}


@media all and (min-width:310px) and (max-width:364px) {
.card_box ul li.not dl {padding:18px;}
.card_box ul li.not dl dd {letter-spacing:-0.5px;}
.card_img a {display:inline-block; width:100%; height:187px;}
.section02 .card_box ul li dl {padding:10px 10px; height:142px;}
.section02.blue .card_box ul li.not dl {height:142px;} /*2017-09-13 추가*/
.card_box ul li dl dt {font-size:16px;}
.tab_box ul li a dl dd p {width:180px;}
.lnb_cont .lnb_top h3 {width:195px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; box-sizing:border-box;}
.header.none .logo_box dd br {display:none;}
}