body { font-size:13px; line-height:18px;}

/***  공통   ***/
#sub_content {width:100% ; float: left; box-sizing: border-box; margin-top: 20px }


#sub_content h3 {font-size:22px; padding-bottom:5px;}
#sub_content h4 {font-size:16px; padding-left:15px; padding-bottom:15px;}
#sub_content h4:before {width:3px; height:18px;}
p.con_tt01 {line-height:20px; font-size:13px;}
p.con_tt01 br {display:none;}
p.con_tt02 {font-size:13px; padding-bottom:5px; line-height:20px;}
#sub_content h5 {font-size:15px; padding-left:10px; padding-bottom:15px;}
#sub_content h5:before {top:6px;}
.con_tt02 li {padding-left:10px; font-size:13px; padding-bottom:5px; line-height:20px; position: relative}
.con_tt03 li {font-size:13px; padding-bottom:5px; line-height:20px;}
.mgt60 {margin-top:30px !important;}
.mgt40 {margin-top:20px !important;}
.mgt25 {margin-top:15px !important;}
.mgt20 {margin-top:10px !important;}
.view_box .view_head span:after {display:none;}



/***  header   ***/
.header {height:55px; position:fixed; width:100%; z-index:999; background:#fff;}
.header .header_wrap {height:55px; background:#fff;}
.top_menu {height:50px;  position:relative; z-index:4; position: relative}

.top_menu .top_wrap {padding:0; height:50px; line-height:50px;width: 100%; float: left; }
.top_menu .top_wrap .right {position:absolute;  z-index:1000;  width: 100%;background-color: #383a41; text-align: left; border-top: 1px solid #696c76; font-size: 13px}
.top_menu .top_wrap .right span.login:before a{font-size: 13px}
.top_menu .top_wrap .right span:before a{left:10px; font-size: 13px}
.top_menu .top_wrap .left { position:absolute; top:0px;  left:0px; z-index:100; width: 100%; float: left; box-sizing: border-box ; display: none}
.top_menu .top_wrap .left .today_tx1{ padding: 0px 10px; float: left;  background-color: #25262b; color: #fff; font-size: 12px; line-height: 50px; }
.top_menu .top_wrap .left .today_tx2{ padding: 0px 10px 0px 40px;  float: left;  color: #fff; font-size: 12px; line-height: 50px; position: relative }
.top_menu .top_wrap .left .today_tx2 img{ position: absolute; top: 13px; left: 5px }

.top_menu .top_wrap .left .today_tx3{ padding: 0px 10px;  float: left;  color: #fff; font-size: 12px; line-height: 50px;  border: none}
.top_menu .top_wrap .left .today_tx3 em{ color: #e0555b; }





#GNB {position:relative;}
.mobile_menu {display:block; position:fixed; text-indent:-9999px; left:0; z-index:3; top:0;}
.mobile_menu a {display:block; width:56px; height:55px; background:url(../images/main/mobile_menu.png) no-repeat center; background-size:26px;}

.mobile_member {display:block; position:fixed; text-indent:-9999px; right:0; z-index:3; top:0;}
.mobile_member a {display:block; width:56px; height:55px; background:url(../images/sub/top_membericon.png) no-repeat center; background-size:26px;}

.mobile_login {display:block; text-indent:-9999px; position:fixed; right:5px; top:0;}
.mobile_login a {display:block; width:50px; height:55px; background:url(../images/main/mobile_search.png) no-repeat center; background-size:35px;}
.gnb_wrap {width:100%; height:55px; padding:0px; box-sizing:border-box; position:static;}
.logo {position:fixed; height:55px; left:50%; top:10px;  margin-left: -100px;  text-align: center;}
.logo a {display:inline-block;width:100%; float: left; text-align: center }
.logo img {width:200px;}
.gnb_wrap .menu {width:100%; background:#fff; position:fixed; height:100%; z-index:101; overflow:auto; box-sizing:border-box; padding-bottom:120px;}
.header .header_wrap {position:fixed; z-index:999; width:100%; height:100%; background:#fff; left:-100%; overflow:hidden;}
.menu_close {display:block; position:absolute; text-indent:-9999px; right:0; top:0; z-index:1000;}
.menu_close a {display:block; width:50px; height:50px; background:#4e4d4d url(../images/main/menu_close.png) no-repeat center; background-size:20px;}
.gnb_wrap .ld1 {float:none; border-bottom:0; padding-left:0; display:block; margin-right:0;}
.gnb_wrap .ld1 > li {float:none; position:relative;}
.gnb_wrap .ld1 > li > a {line-height:55px; padding:0 15px; font-size:17px; position:relative; border-bottom:1px solid #dedede; text-align:left; font-weight:700;}
.gnb_wrap .ld1 > li:nth-child(2) > a {border-top:0;}
.gnb_wrap .ld1 > li > a:after {background:url(../images/main/down_arrow01.png) no-repeat; content:''; display:block; width:20px; height:10px; position:absolute; right:20px; top:23px; background-size:20px;}
.gnb_wrap .ld1 > li > a:hover {background:#fff;}
.gnb_wrap .ld1 > li > a.on {background:#1e57a1; border-bottom:1px solid #dedede; color:#fff;}
.gnb_wrap .ld1 > li > a.on:after {background:url(../images/main/down_arrow02.png) no-repeat; background-size:20px;}
.gnb_wrap .ld1 > li > a:before {display:none;}
.gnb_wrap .ld1 li.cd1c2 a:before {display:none;}
.gnb_wrap .ld1 li a span {line-height:55px;}
.gnb_wrap .ld1 li a span:after {display:none;}
.gnb_wrap .ld1 li a.on span:after {display:none;}
.gnb_wrap .search_box {display:none;}
.gnb_wrap .ld1 .ld2 li {display:block;}
.gnb_wrap .ld1 .lb1 {display:block; position:relative; border-top:0; border-bottom:0;}
.gnb_wrap .ld1 .lb1 .ld2 {width:100%; position:relative; width:100%;  box-sizing:border-box; height:inherit; line-height:inherit; display:none;}
.gnb_wrap .ld1 .lb1 .ld2 > li {width:100%; border:0;}
.gnb_wrap .ld1 .lb1 .ld2 > li > a {font-size:15px; padding:0 15px; border-bottom:1px solid #cdcdcd; box-sizing:border-box; text-align:left; position:relative; font-weight:400; background-color: #e3e3e3}
.gnb_wrap .ld1 .lb1 .ld2 > li > a.on {background:none; color:#333;}
.gnb_wrap .ld1 .lb1 .ld2 > li > a:after { content:''; display:block; width:18px; height:18px; position:absolute; right:20px; top:16px; background-size:18px;}
.gnb_wrap .ld1 .lb1 .ld2 > li > a.more:after {background:url(../images/main/morebg01.png) no-repeat; content:''; display:block; width:18px; height:18px; position:absolute; right:20px; top:16px; background-size:18px;}


.gnb_wrap .ld1 .lb1 .ld2 > li > a.on.more:after {background:url(../images/main/morebg02.png) no-repeat; content:''; display:block; width:18px; height:2px; position:absolute; right:20px; top:26px; background-size:18px;}



.gnb_wrap .ld1 .lb1 .ld2 li .ld3 {padding:0; height:inherit !important; border:0; display:none;}
.gnb_wrap .ld1 .lb1 .ld2 li .ld3 li a {font-size:13px; padding:0 0 0 30px; background:#eee; position:relative; border-bottom:1px solid #cdcdcd; line-height:50px;}
.gnb_wrap .ld1 .lb1 .ld2 li .ld3 li a:before {content:''; display:block; width:2px; height:2px; background:#555; position:absolute; left:20px; top:50%; margin-top:-1px;}
.gnb_wrap .ld1 .lb1 .ld2 li .ld3 li a span {line-height:inherit;}
.gnb_wrap .ld1 .lb1 .ld2 li .ld3 li a span br {display:none;}
.allmenu {display:none;}
.top_menu .top_wrap .right span {padding:0 10px 0 15px;}
#container {padding-top:55px;}



/** 준비중(2019-03-29추가) **/
.ready {padding:0; text-align:center;}
.ready dl {padding-left:0px; text-align:center; padding-top:110px;}
.ready dl:before {width:80px; height:80px; background:url(../images/sub/readybg.png) no-repeat; background-size:80px; position:absolute; left:50%; top:0%; margin-top:-0px; margin-left:-40px;}
.ready dl dt {font-size:20px; padding-bottom:15px;}
.ready dl dd {font-size:15px; color:#787878; line-height:20px;}



/***  메인비쥬얼   ***/
.box_area01 {width:100%;}
.box_area01 > ul > li {height:inherit;}
.box_area01 > ul > li.box01 {width:100%; height:350px;}
.box_area01 > ul > li.box02 {width:100%;}
.box_area01 > ul > li.box03 {width:100%;}
.go_btn {position:relative;}
.sec_slide { position: relative; left:0; top:0;  height:100%; width:100%;}
.sec_slide img {width:100%; height:263px;}
.sec_slide .rollling { position: relative; height:350px; width:100%; display:block; float:left;}
.sec_slide .slick-arrow {width:36px; height:36px; margin-top:-20px;}
.sec_slide .slick-prev {background:rgba(0,0,0,0.2) url(../images/main/left_arrow.png) no-repeat center; background-size:16px; left:15px;}
.sec_slide .slick-next {background:rgba(0,0,0,0.2) url(../images/main/right_arrow.png) no-repeat center; background-size:16px; right:15px;}
.sec_slide .slick-dots {bottom:30px; line-height:1; left:50%; margin-left:-30px; height:8px;}
.sec_slide .slick-dots li {height:10px;}
.sec_slide .slick-dots button {width:10px;  height:10px;  margin:0 3px; background:rgba(255,255,255,0.5); border-radius:100%; cursor:pointer; text-indent:-99999px; overflow:hidden;}
.sec_slide .slick-dots .slick-active button {background:#fff;}
.box01 .pause {background:url(../images/main/stopbg.png) no-repeat; width:9px; height:12px; bottom:27px; left:50%; margin-left:38px;}
.box01 .play {background:url(../images/main/playbg.png) no-repeat; width:9px; height:12px; bottom:27px; left:50%; margin-left:38px;}
.box_area01 > ul > li.box01 .cen {width:280px; height:260px; margin-left:-140px; top:50%; margin-top:-130px;}
.box_area01 > ul > li.box01 .cen em {display:inline-block; position:relative; z-index:2; top:0px; left:0px;}
.box_area01 > ul > li.box01 .cen span {width:210px; height:230px; margin-left:-105px; top:50%; margin-top:-115px;}




/***  메인컨텐츠   ***/
.icon_box ul li a {padding:20px 0;}
.icon_box ul li a span {font-size:16px; padding-top:15px;}
.icon_box ul li a img {width:53px;}
.notice {height:inherit; padding:0 15px;}
.notice .notice_top {padding:20px 0 20px;}
.notice .notice_top h3 {font-size:17px;}
.notice .notice_top a {top:20px;}
.notice .notice_box {padding:20px 0 25px;}
.notice .notice_box li {padding-bottom:10px;}
.notice .notice_box li a {padding-left:10px; font-size:14px;}
.notice .notice_box li a:before {width:2px; height:2px; content:''; display:block; background:#656565; position:absolute; left:0; top:7px;}
.popup {position:relative;}
.popup h3 {position:absolute; font-size:17px; font-weight:700; color:#222; top:35px; left:15px; z-index:99;}
/*** 팝업버튼   ***/
.popup .slidesjs_btn {left:69px; top:36px; width:43px; height:18px;}
.popup #slidesjs-log {color:#666; font-size:14px;}
.popup a.slidesjs-next {background:#7c7c7c url(../images/main/next_btn.png) no-repeat 23px center; display:block; width:40px; height:25px; overflow: hidden; text-indent: -9999px; position:absolute; z-index:100; border-radius:0px 30px 30px 0px; left:140px; top:30px;}
.popup a.slidesjs-previous {background:#7c7c7c url(../images/main/previous_btn.png) no-repeat 10px center; display:block; width:40px; height:25px; overflow: hidden; text-indent: -9999px; position:absolute; z-index:100; border-radius:30px 0px 0px 30px; left:120px; top:30px;}
.popup a.slidesjs-play {background:url(../images/main/play_btn.png) no-repeat; display:block; width:7px; height:11px; overflow: hidden; text-indent: -9999px; position:absolute; z-index:101; left:147px; top:37px;}
.popup a.slidesjs-stop {background:url(../images/main/stop_btn.png) no-repeat; display:block; width:8px; height:11px; overflow: hidden; text-indent: -9999px; position:absolute; z-index:101; left:147px; top:37px;}
.popup img {width:100%;  max-width:468px; height: auto !important;  }
.popup_img { width: 100%; height:176px; background-size:cover;}
.box03 {background:url(../images/main/backbg02.jpg) no-repeat; background-size:cover; height:inherit;}
.box03 dl {padding:25px 15px;}
.box03 dl:after {clear:both; content:''; display:block;}
.box03 dl dt {font-size:17px; padding-bottom:25px;}
.box03 dl dd {padding-bottom:10px; float:left; width:100%; box-sizing:border-box;}
.box03 dl dd:last-child {padding-bottom:0;}
/*.box03 dl dd:nth-child(odd) {padding-left:5px;}
.box03 dl dd:nth-child(even) {padding-right:5px;}*/
.box03 dl dd a {padding:10px; font-size:14px; text-align:center;}
.box03 dl dd a:after {background:none;}
.box03 .go_btn a {padding:15px; font-size:16px;}
.box03 .go_btn a:after {width:24px; height:24px; background:url(../images/main/gobtnbg02.png) no-repeat; right:15px; top:12px; background-size:24px;}
.slider_box {padding:10px 0; width:100%;}
.slider_box .slider {padding:0 40px; height:140px;}
.slider_box .slider:after {clear:both; content:''; display:block;}
.slider_box .slider li a {display:table; height:140px; width:100%;}
.slider_box .slider li a span img {display:inline-block; width:75px; height:75px;}
.slider_box .slider li a span em {margin-top:10px;}
.slider_box .slick-prev, .slider_box .slick-next {width:32px; height:32px; top:50%; margin-top:-16px;}
.slider_box .slick-prev {left:10px; background:url(../images/main/slider_left.png) no-repeat center; background-size:32px;}
.slider_box .slick-next {right:10px; background:url(../images/main/slider_right.png) no-repeat center; background-size:32px;}


/***  footer   ***/
footer { width: 100%; float: left;  }
footer aside { width: 100%; float: left; box-sizing:border-box;height:40px;  }
footer aside .algin_box {width:100%; text-align:center; padding:0;}
footer .click_box { width:100%; float: left; height:40px;  line-height:40px; margin-bottom: 0px ; box-sizing: border-box ;text-align: center ;  display: flex;
  justify-content: center;
  align-items: center;}

footer .click_box a { padding:0 10px; height:40px; line-height:40px;  position:relative; font-size:11px; color:#cecdcd; float: left;  border: none; text-align: center }


.family_box { width: 100%; float: left; position: relative;z-index: 2}
.family_box:after {clear:both; content:''; display:block;}
.family_box .select {height:40px; width:100%; float:left; background: url(../images/sub/selectbg.png); background-repeat: no-repeat; background-position: 95% center; background-color: #2d2f35}
.family_box .select dl dt a {height:40px; width:100%; line-height:40px; padding:0 15px;box-sizing: border-box; font-size:11px; color:#ffffff; text-align:left; border-width:0px; text-align: left}
.family_box .select dl dt a:after {content:''; display:block; width:11px; height:6px; position:absolute; right:15px; background:url() no-repeat; top:50%; margin-top:-3.5px;}
.family_box .select dl dt a.on:after {content:''; display:block; width:11px; height:6px; position:absolute; right:15px; background:url() no-repeat; top:50%; margin-top:-3.5px;}
.family_box .select.width {margin-left:0px;}
.family_box .select dl dd {bottom:40px; width:100%; height:150px;}
.family_box .select dl dd a {padding:8px 10px; font-size:11px;}
.family_box .select dl dd a:hover {background:#f7a134; color:#fff;}
.family_box .select dl dd a:focus {background:#f7a134; color:#fff;}
footer .foot_in { width: 100%; float: left; padding:100px 0px 25px 0px; line-height:13px; background:url(../images/main/foot_logo.png) no-repeat center 60px; box-sizing:border-box;  box-sizing:border-box; text-align:center; background-size:180px; font-size:11px; float: left;box-sizing: border-box; position: relative}
footer .foot_in span {margin:0px 0px; display:inline-block; padding:0px 0;}


.main_pop_sevice {width:100%;}
.main_pop_sevice .popsevice_con {display:inline-block; text-align:left;}
.main_pop_sevice .popsevice_con dl {padding:20px 15px 20px; background:none;}
.main_pop_sevice .popsevice_con dl dt {font-size:17px;}
.main_pop_sevice .popsevice_con dl dd {font-size:11px; line-height:18px;}
.main_popbtn {display:none;}




/***  서브페이지   ***/
.wrap {width:100%;  float: left; box-sizing:border-box;}

/*서브GNB*/


/*서브비쥬얼*/
.sub_visual {height:100px;width: 100%!important; float: left; position: relative; display: flex; justify-content: center; align-items: center;}
/* 아이콘 제거 */
/* .sub_visual a.back_icon{position: absolute; left: 10px; top: 50%; width: 30px; height: 40px; background: url("../images/sub/m_left_ar.png") no-repeat;background-size:cover; background-position: center center; margin-top: -20px } */
/* .sub_visual .next_icon{position: absolute; right: 10px; top: 50%; width: 30px;height: 40px; background: url("../images/sub/m_right_ar.png") no-repeat;background-size:cover; background-position: center center ; margin-top: -20px} */
.sub_visual h2 {font-size:28px; line-height:28px; padding-bottom:0px;}
.sub_visual .tx_info{font-size:12px; width: 100%; float: left ; color: #Fff; text-align: center; display: none}
.sub_visual.sub_visual01 {background:url(../images/sub/sub_visual01.jpg) no-repeat; background-size:cover; background-position: center center}
.sub_visual.sub_visual02 {background:url(../images/sub/sub_visual02.jpg) no-repeat; background-size:cover; background-position: center center}
.sub_visual.sub_visual03 {background:url(../images/sub/sub_visual03.jpg) no-repeat; background-size:cover; background-position: center center}
.sub_visual.sub_visual04 {background:url(../images/sub/sub_visual04.jpg) no-repeat; background-size:cover; background-position: center center}
.sub_visual.sub_visual05 {background:url(../images/sub/sub_visual05.jpg) no-repeat; background-size:cover; background-position: center center}
.sub_visual.sub_visual06 {background:url(../images/sub/sub_visual06.jpg) no-repeat; background-size:cover; background-position: center center}
.sub_visual.sub_visual07 {background:url(../images/sub/sub_visual07.jpg) no-repeat; background-size:cover; background-position: center center}
.sub_visual.sub_visual08 {background:url(../images/sub/sub_visual08.jpg) no-repeat; background-size:cover; background-position: center center}
.sub_visual.sub_visual09 {background:url(../images/sub/sub_visual09.jpg) no-repeat; background-size:cover; background-position: center center}
.sub_visual.sub_visual10 {background:url(../images/sub/sub_visual10.jpg) no-repeat; background-size:cover; background-position: center center}








/****버튼****/
.btn_area01 span {width:50%; margin:0; box-sizing:border-box;}
.btn_area01 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area01 span:nth-child(1) {padding-right:0;}
.btn_area02 span {width:50%; margin:0; box-sizing:border-box;}
.btn_area02 span:nth-child(1) {padding-right:5px;}
.btn_area02 span:nth-child(2) {padding-left:5px;}
.btn_area02 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area03 span {width:50%; margin:0; box-sizing:border-box;}
.btn_area03 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area03 span:nth-child(3) {width:100%; margin-top:10px;}
.btn_area03 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area04 span {width:50%; margin:0; box-sizing:border-box;}
.btn_area04 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area04 span:nth-child(1) {padding-right:5px;}
.btn_area04 span:nth-child(2) {padding-left:5px;}
.btn_area04 span:nth-child(3) {padding-right:5px; margin-top:10px;}
.btn_area04 span:nth-child(4) {padding-left:5px; margin-top:10px;}


@media all and (min-width:320px) and (max-width:468px) {
.popup .slidesjs-container { height: auto !important;}
}

@media all and (min-width:320px) and (max-width:374px) {
.box03 dl dd a {padding:10px 5px;}
.icon_box ul li a img {width:40px;}
footer .click_box span:last-child {display:none;}
.popup_img { width: 100%; height:148px; background-size:cover;}
}

@media all and (min-width:414px) and (max-width:420px) {
.popup_img { width: 100%; height:191px; background-size:cover;}
}

@media all and (min-width:320px) and (max-width:420px) {
.m_table.scroll01 {overflow:auto;}
.m_table.scroll01 table {width:420px;}
}



@media all and (min-width:600px) and (max-width:1199px) {
.slidesjs-container {height:380px !important;}
.sub_slide_box .slidesjs_btn {position:absolute;}
}

@media all and (min-width:320px) and (max-width:700px) {
.m_table.scroll {overflow:auto;}
.m_table.scroll table {width:700px;}
.m_table.scroll02 table {width:800px;}
.m_table.scroll02 table {width:900px;}
.m_table.scroll.auto table{width:inherit;}
.basic_table.scroll {overflow:auto;}
.basic_table.scroll table {width:700px;}

}


@media all and (min-width:320px) and (max-width:800px) {
.m_table.scroll02 {overflow:auto;}
.m_table.scroll02 table {width:800px;}
.m_table.scroll02.auto table {width:auto;}
.m_table.scroll02.auto table tr td:last-child{width:15%}
}

@media all and (min-width:320px) and (max-width:900px) {
.m_table.scroll03 {overflow:auto;}
.m_table.scroll03 table {width:900px;}
}

@media all and (min-width:320px) and (max-width:1000px) {
.m_table.scroll04 {overflow:auto;}
.m_table.scroll04 table {width:1000px;}
}

@media all and (min-width:420px) and (max-width:1199px) {
.popup_img { width: 100%; height:216px; background-size:cover;}
}

@media all and (min-width:660px) and (max-width:1199px) {
.main_pop_sevice .popsevice_con dl {padding:20px 15px 20px; background:none; padding:22px 0 22px 150px; background:url(../images/main/mainpopbg.png) no-repeat left bottom; background-size:130px;}
}
@media all and (min-width:320px) and (max-width:700px) {
.day_table.scroll {overflow:auto;}
.day_table.scroll table {width:900px;}

}

@media all and (min-width:320px) and (max-width:700px) {
.day_table2.scroll {overflow:auto;}
.day_table2.scroll table {width:900px;}

}

/* 20. 03.04 khj 추가 */
@media all and (max-width: 1300px) and (min-width: 768px) {
	footer .foot_in .sns { top: 50px }
}

/* 21.02.04 추가 */
  @media only screen and (max-width: 1200px) {
            .info_tx5 ul li{width:100%; margin-bottom: 10px; box-sizing: border-box}
            }