@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; width: 100%; height:100%; position: fixed;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.search_btn {display: none; position: absolute; right:65px; top:26px;}
img {max-width: 100%}
.main_wrap #footerW {margin-top: 0px;}
.mont {font-family: 'Montserrat', sans-serif;}
.bg_wrap {background:#eff1f6}
div {box-sizing: border-box;}
.bt_ck {display: inline-block; line-height:20px; padding:5px 0px 6px 40px; letter-spacing:-1px; color: #999999; font-size:17px; background: url(../img/common/check.png) no-repeat left top; outline: none; font-weight: 400;}
.on .bt_ck {color: #333; background: url(../img/common/check_on.png) no-repeat left top}
.ico_q_wrap {position: relative; padding-right:35px; display: inline-block;}
.ico_q_wrap .ico_q {position: absolute; right: 0px; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.ico_q {display: inline-block; cursor: pointer; vertical-align: middle; width: 29px; height: 29px; line-height: 29px; text-align: center; color:#fff; background: #f4bf00; border-radius:100%; }
a.ico_q {color:#fff;}
.sub_wrap .etc_menu {display: none;}

/* member */
.login_page .location {display: none;}
.login_page {padding-top: 75px !important}
.login_page #gnbW {display: none;}
.login_page .top_btns {display: none;}
.login_page .login_menu {display: none;}
.login_page .etc_menu { display: block !important; }
.modify_page.login_page .top_btns, .modify_page.login_page .login_menu { display: block !important; }
.modify_page.login_page .etc_menu { display: none !important; }
.white_box {background: #fff; border-radius:10px; box-sizing: border-box; max-width: 1280px; padding: 40px; margin: 0 auto; box-shadow:0px 3px 19px rgba(0 0 0 / 0.05)}
.login_wrap {max-width:760px; margin-top: 20px; }
.login_wrap .s_tit {font-size: 42px; padding-bottom: 10px;}

.login_wrap .login_bt .btn {background-color: #666666; border: 1px solid #333333; color: #fff; height:65px; line-height:60px; display: block; font-size:20px; text-align: center;font-weight:400; width: 100%; cursor: pointer; border-radius:60px; box-sizing: border-box; -moz-box-size: border-box; }
.login_wrap .join_go {margin: 5px 0px 10px 0px;}
.login_wrap .join_go a {display: block; background: #fff; border: 1px solid #333333; color: #333333; height:65px; line-height:60px; display: block; font-size:20px; text-align: center;font-weight:400; width: 100%; cursor: pointer; border-radius:60px; box-sizing: border-box; -moz-box-size: border-box; }
.login_wrap .id_save {font-size:15px; color:#000; margin:0px 0px 20px 0px; float: left;}
.login_wrap .signup {padding-top:20px}
.login_wrap .signup > ul > li {margin-top:2px; position: relative; border: 1px solid #dbdbdb; overflow: hidden; border-radius:4px; }
.login_wrap .signup > ul > li:before {display: block; content: ""; position: absolute; left:0px; top: 0px; width: 60px; height: 100%; }
.login_wrap .signup > ul > li:first-child {margin-top:0px;}
.login_wrap .signup > ul > li input {width: 100%; height:58px; padding-left:60px; min-height: 58px; line-height: 58px; border:none; border-radius:0px; font-size: 14px;}
.login_wrap .signup > ul > li:nth-child(1):before {background: url(../img/member/ico_id.png) no-repeat center center}
.login_wrap .signup > ul > li:nth-child(2):before {background: url(../img/member/ico_pw.png) no-repeat center center}
.login_wrap .signup > ul > li.bg_no:before {display: none !important;}
.login_wrap .signup > ul > li.bg_no input {padding-left:20px;}
.login_wrap .signup .btn {position: absolute; right: 0px; top: 0px; width: 109px; height: 109px; text-align: center; color: #fff; outline: none; border: none; border-radius:6px; background: #59b3fe; font-size: 22px;}
.login_wrap .save_check {padding:15px 0px 15px 0px; box-sizing: border-box; overflow: hidden; }
.login_wrap .save_check > li {box-sizing: border-box; padding: 3px; float: left;}
.login_wrap .save_check > li a {color: #333333;}
.login_wrap .save_check > li:nth-child(2) {float: right; font-weight: 400;}

.login_wrap .save_check > li button {outline: none;}

.login_bottom_banner {max-width: 760px; margin: 0 auto; margin-top:20px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; color:#fff; font-size:1.4em; line-height: 140%; min-height:215px; background: url(../img/common/login_bottom.jpg) no-repeat center top; }

.find_input {padding-top: 5px; padding-bottom: 20px;}
.find_input > ul > li {position: relative; margin-top:7px; border: 1px solid #dadada; padding-left:110px;}
.find_input > ul > li .txt_t {position: absolute; left:20px; top: 0px; color: #333; font-weight: 400; line-height: 48px;}
.find_input > ul > li .input {border: none; line-height:48px; min-height: 48px; width: 100%; outline: none}
.find_input > ul > li.count {border: none; overflow: hidden; min-height: 50px;}
.find_input > ul > li.count .txt_r {float: right; padding-top: 10px;}
.find_input > ul > li.count strong {color: #59b3fe;}


.join_type {overflow: hidden;}
.join_type.one > dl {float: none; width: 100%; max-width: 500px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;}
.join_type.two > dl {width: 50%;}
.join_type > dl {float: left; width:25%; box-sizing: border-box; border: 1px solid #cccccc; border-left:none; padding: 30px 10px 30px 10px;  text-align: center; margin-top: 10px;}
.join_type > dl:first-child {border-left: 1px solid #cccccc;}
.join_type > dl > dt {font-size:22px; line-height: 140%; padding-bottom: 5px;}
.join_type > dl > dt .ico {display: block; text-align: center; padding: 0px 10px 10px 10px;}
.join_type > dl > dt strong {display: block; min-height:55px; font-weight: 700; line-height: 140%;}
.join_type > dl > dt .f_s {display: block; font-size:0.8em;  line-height: 130%;}
.join_type > dl > dd {font-size:15px; line-height: 140%; font-weight: 300; min-height: 100px;}
.join_type > dl > dd.txt {padding: 10px 0px 30px 0px;}
.join_type > dl > dd.input_a input {max-width:300px; height: 40px; margin:0 auto; }
.join_type > dl > dd.bt {padding-top:10px; min-height: auto;}
.join_type > dl > dd.bt a {display: inline-block; font-size:15px; font-weight: 300; line-height: 20px; padding: 10px 0px; text-align: center; background:#0c91dd; color: #fff; min-width: 120px;}
.join_type > dl > dd.bt.two a {min-width: 110px;}

.join_box{overflow:hidden;}
.join_box.pa_rl{padding:0px 17%;}
.agency_join {float:left; width:33.33333%; margin:0 auto;	text-align:center; box-sizing:border-box; padding:30px 40px;}
.agency_join.two{width:50%;}
.agency_join.btnsbg01{background-color:#071c5f;}
.agency_join.btnsbg02{background-color:#f2773d;}
.agency_join.btnsbg03{background-color:#386fd3;}
.agency_join > h3{font-weight: 600; font-size: 2.1em; color: #fff; padding: 20px 0px 60px 0px; line-height: 120%;}
.join_btn{display: block; width: 100%; height: 60px; background-color: #fff; border: 0px; margin: 60px 0px 20px 0px;}
.join_btn > span{line-height:60px; height:60px; font-weight: 600; font-size: 1.1em; color: #333; }
.etc_btns{text-align:right; font-size:0px;}
.etc_btns > li{display: inline-block; vertical-align: top; font-size: 15px; line-height: 20px; padding-left: 5px; margin-left: 5px;}
.etc_btns > li > a{text-align: right; font-weight: 300; font-size: 0.85em; color: #fff; }

.sign_box {clear:both; width:100%; text-align:right; margin-top:30px; font-size:16px; line-height:35px;}
.sign_box .sign {box-sizing:border-box; position:relative;}

.interest{box-sizing: border-box; text-align: center; display: block; background: #386fd3; padding: 3px;}

.join_step > ol {overflow: hidden; max-width:440px; margin: 0 auto; }
.join_step > ol > li {float: left; text-align: center; width: 33.333%; box-sizing: border-box; padding: 0px 20px; position: relative;}
.join_step > ol > li:first-child:before {display: none;}
.join_step > ol > li:before {display: block; content: ""; width:28px; height:30px; background: url(../img/member/step.gif) no-repeat left top; position: absolute ; left:-10px; top:25px;}
.join_step > ol > li .ico {display:inline-block; position: relative; overflow: hidden;}
.join_step > ol > li .ico .on {position: absolute; left: 0px; top: 0px; opacity: 0;}
.join_step > ol > li .txt {display: block; font-size:1.05em; color: #999999; font-weight: 400; line-height: 140%;}
.join_step > ol > li.on .txt {color: #000;}
.join_step > ol > li.on .ico img {opacity: 0;}
.join_step > ol > li.on .ico img.on {opacity:1;}


.join_contents ol, .join_contents ul{padding:5px 10px; text-align:justify;}
.join_contents ol li, ul li{list-style:none; padding-bottom:3px;}
.join_contents ul li{padding-left:8px; background:url(../images/content/bl_01.gif) no-repeat left 6px;}
.join_contents a{color:#666;}
.join_contents a:hover{color:#d4331b; text-decoration:none;}
.join_contents .alignR{padding:10px 10px 0 0;}


/* header */
#header {width:100%; position:fixed; left:0px; top:0px; z-index:9999; box-sizing: border-box; background: #fff;  transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
#header.down:after {display: block; content: ""; width: 100%; height: 1px; background: #ccc; opacity: 0.5; position: absolute; left: 0px; bottom: 0px;}

.in_header {max-width:1280px; width:100%; height:75px; box-sizing: border-box; margin:0 auto; position:relative; z-index:9; color: #fff;}
#header h1 {position: absolute; left:10px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%); overflow: hidden; transition: all 0.3s 0s ease-in-out; z-index:10 }
#header h1 a {display: block; }

.top_menu {padding:17px 0px 0px 260px;}
.top_menu ul {overflow: hidden; float: left;}
.top_menu ul li {float: left; padding-left: 5px;}
.top_menu ul li:first-child {padding-left:0px;}
.top_menu ul li > a {display: block; border:1px solid #cccccc; border-radius:4px; background: #fff; line-height: 38px; font-size:14px; color: #666666; min-width: 110px; text-align: center;}
.top_menu ul.login_menu {float: right;}
.top_menu ul.etc_menu {float: right;}
.top_menu ul.login_menu .name {line-height:40px; color: #333333; font-size: 17px; font-weight: 100; padding-right: 10px;}







/* wrap */
#wrap {width:100%; max-width:1920px; padding-top:130px; overflow:hidden; margin:0 auto;  transition: all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding-bottom:50px;}
#inner_wrap:after {clear:both; content:""; display:block;}
.inner {max-width:1280px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}



.m_gnb_on {position:absolute; right:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); box-sizing: border-box; display: none; z-index: 9 }



/* GNB */
.w_gnb {padding:0px 0px 0px 0px; position: relative; background: #666666; z-index: 9}
.w_gnb .gnb {max-width:1280px; margin: 0 auto; box-sizing: border-box; }
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; text-align: center;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {text-align: center; padding: 0px; width: 20%; display: inline-block; position: relative;}
.w_gnb .gnb > ul > li:after {display: block; content: ""; width:1px; height:40%; background: #fff; opacity: 0.3; position: absolute; right: 0px; top: 50%; transform: translateY(-50%);}
.w_gnb .gnb > ul > li:first-child:before {display: block; content: ""; width:1px; height:40%; background: #fff; opacity: 0.3; position: absolute; left:0px; top: 50%; transform: translateY(-50%);}
.w_gnb .gnb > ul > li > a {display:block; color:#fff;}
.w_gnb .gnb > ul > li > a > span {display:block; font-size:16px; font-weight:400; line-height:55px; height:55px; color:#fff; transition: all 0.2s 0s ease-in-out; box-sizing: border-box; border-bottom:0px solid #ffffff; border-width: 0px;}
.w_gnb .gnb > ul > li:hover > a > span {border-width:3px;}
.w_gnb .gnb > ul > li.on > a > span {border-width:3px;}

.w_gnb .sub_menu  {position:absolute; left:50%; width:150%; transform: translateX(-50%); -webkit-transform: translateX(-50%); box-sizing:border-box; overflow:hidden; top:100%; line-height:20px; display:none; padding:20px 0px;}
.w_gnb .sub_menu > li {padding:5px 10px 5px 0px;}
.w_gnb .sub_menu > li > a {display:block; font-size:16px; text-align:center; font-weight:100; color:#fff; padding:2px 0px; line-height:130%;}
.w_gnb .sub_menu > li > a:hover {font-weight: 400;}


#gnb_bar {position:absolute; display:none; left:0%; top:100%; width:100%;  background:#666666; z-index: 8; opacity: 0.9; }

.gnb09 {display: none !important}
.gnb010 {display: none !important}
.gnb011 {display: none !important}


.slide_menu_wrap {width:90%; max-width: 500px; box-sizing: border-box; height: 100%;  z-index: 99999; position: fixed; right:-90%; top: 0px; bottom:0px; }
.slide_menu_inner {padding:63px 15px 0px 15px; height: 100%; box-sizing: border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background: #343434; }
.slide_menu_inner .top_menu {background: none; display: block; padding: 0px;}
.slide_menu_inner .top_menu .inner {padding: 0px;}
.slide_menu_inner .top_btns {overflow: hidden; padding: 0px 0px 20px 0px; margin: -3px; float: none; background: none;}
.slide_menu_inner .top_btns > li {float: left; width:33.3333%; box-sizing: border-box; padding:3px !important;}
.slide_menu_inner .top_menu ul.etc_menu {float: none}
.slide_menu_inner .top_menu ul.etc_menu > li {float: left; width:50%; box-sizing: border-box; padding:3px !important;}
.slide_menu_inner .top_menu li a {min-width: auto;}
.slide_menu_inner .top_menu ul.login_menu .name {color: #fff;}
.slide_menu_wrap .m_gnb_on {display:none !important}

.all_close {position: absolute; right:20px; top: 20px; z-index: 99998}
.all_close button {background: none; border: none; outline: none; /*width: 26px; height: 26px;*/ padding: 0px; margin: 0px; }
.all_close .menu_btn {height: 20px !important; width: 30px !important;}
.all_close .menu_btn .line-top, .all_close .menu_btn .line-middle, .all_close .menu_btn .line-bottom {background:#fff !important}
.slide_menu_wrap .gnb > ul {overflow: hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom: 1px solid #474747; transform: translateX(30%); -webkit-transform: translateX(30%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out; border-bottom: 1px solid #474747;}
.slide_menu_wrap .gnb > ul > li > a {display: block; line-height:33px; font-size:18px; color: #fff; padding: 10px 10px 10px 25px; background: url(../img/common/g_plus.png) no-repeat right center; font-weight: 500; } 
.slide_menu_wrap .gnb > ul > li > a.on {background: url(../img/common/g_minus.png) no-repeat right center; } 
.slide_menu_wrap .gnb .sub_menu {background:#666666; border-top:1px solid #474747; display: none; padding: 10px 0px; }
.slide_menu_wrap .gnb .sub_menu > li > a {display: block; line-height:23px; padding:5px 10px 5px 15px; font-size:15px; color:#d6d6d6; } 
.slide_menu_wrap .gnb .sub_menu02{background:#4e4e4e; border-top:1px solid #777777; border-bottom:1px solid #777777; padding:10px 0px; }
.slide_menu_wrap .gnb .sub_menu02 > li > a {display: block; line-height:23px; padding:5px 10px 5px 35px; font-size:13px; color: #d6d6d6;} 
.slide_menu_wrap.on .gnb > ul > li {transform: translateX(0%); -webkit-transform: translateX(0%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out;}



/*.slide_menu_wrap.on .gnb > ul > li {transform: translateX(0%); -webkit-transform: translateX(0%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out;}*/




	
.main_wrap {background: #eff1f6}
.main_wrap .top_menu ul.etc_menu {display: none;}
.main_content {max-width: 1280px; margin: 0 auto;}

/* visual */
.main_visual {width: 100%; overflow: hidden; position: relative; margin-top:10px;}
.main_visual .bxslider > li {}
.main_visual .bxslider > li .bg_img {display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:1280px; height:465px; }
.main_visual .bxslider > li .bg_img img {transform: scale(1.18); transform-origin:50% 50%; transition: all 4s 0s ease-in-out; }
.main_visual .bxslider > li.active .bg_img img {transform: scale(1); }
.main_visual .bxslider > li.active .visual_txt {margin-top:0px; opacity: 1; transition: all 0.8s 0s ease-in-out; }
.main_visual .v_frame {max-width:1280px; margin: 0 auto; position: relative; text-align: center}
.main_visual .v_frame .cell {height:465px; position: relative; padding: 0px 10px;}
.main_visual .v_frame .visual_txt {position: absolute; opacity: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-weight:100; font-size:32px; line-height: 130%; margin-top: 20px; color: #fff; left:0px; width: 100%; text-align: center; padding: 0px 10px; box-sizing: border-box}
.main_visual .v_frame .visual_txt .big {font-size: 1.5em; line-height: 140%;}

.main_visual .v_frame img {max-width: 100%;}
.main_visual .v_frame .m_visual {display: none;}
.main_visual #board_r1 {right:3%;}
.main_visual #board_l1 {left:3%;}
.main_visual .v_bt {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); box-sizing: border-box; z-index:99;}
.main_visual .v_bt > a {display: block; color: #fff; font-family: 'Montserrat', sans-serif; font-weight:400; line-height: 50px; font-size:14px; box-sizing: border-box;}

.main_visual .bx-wrapper .bx-pager {bottom:5%; z-index: 99}

.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; bottom: auto; display: inline-block; right: auto; width: 24px; height:18px; text-align: center; padding-top:6px;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; z-index: 99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto > div > a {text-indent:1000000%;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {vertical-align: top;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:10px; height:10px; margin:0 2px; background:#fff; border:1px solid #fff; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; box-sizing:border-box; position:relative; opacity:0.5;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {opacity: 1;  background:#fff;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {opacity: 1;  background:#fff;}
.main_visual .bx-wrapper .bx-controls-auto .active {display: none;}





/* section */
.section {padding:40px 0px; font-size: 16px; line-height: 150%; word-break: keep-all}
#section1 {padding: 0px;}



.list_more {text-align: center; padding-top: 30px;}
.list_more > a {display:inline-block; background: #fff; width: 100%; max-width:190px; border-radius:30px;box-shadow: 1px 3px 14px rgb(0 0 0 / 10%); }
.list_more > a > span {display:inline-block; line-height: 60px; padding-right:25px; background: url(../img/main/arrow_b.png) no-repeat right center; font-size: 16px; color: #333; font-weight: 400;}

.main_board_wrap {overflow: hidden; margin: -15px;}
.main_board_wrap .main_board {float: left; width: 50%; box-sizing: border-box; padding:15px;}
.main_board_wrap .main_board .ss_tit {margin-top: 0px;}
.main_board_wrap .main_board .board {position: relative; background: #fff; border-radius:6px; background: #fff; padding:20px; min-height: 230px; box-sizing: border-box;}
.main_board .board  ul li {position:relative; padding:0px 90px 0px 10px; line-height:140%; position: relative; margin-top:12px; font-size:16px; color: #555555; font-weight: 300;}
.main_board .board  ul li:before {display: block; content: ""; width:3px; height: 3px; background: #e6002d; position: absolute; left: 0px; top: 50%; margin-top: -2px; border-radius:100% }
.main_board .board  ul li:first-child {margin-top:0px;}
.main_board .board  ul li a {display:inline-block; max-width:100%; vertical-align:top; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; color:#666666; position: relative; vertical-align: middle;}
.main_board .board  ul li .date {position: absolute; right: 0px; top: 0px; color:#666666;}
.main_board .board  ul li img {margin-left:5px; vertical-align: middle;}
.main_board .board  ul.re li a {max-width:calc(100% - 50px);}
.main_board .board  ul.re li .num {width: 40px; height: 21px; line-height: 20px; font-weight: 400; color: #000; display: inline-block; border-radius: 60px; font-size:12px; background: #e3e3e3; text-align: center; margin-left: 5px; vertical-align: middle;}


.main_board .board .more {top: -40px;}
.more {position: absolute; right:0px; top:0px;}
.more a {display: block; font-size:15px; font-weight: 300; line-height:25px; color: #333; background-image: url(../img/main/more.png); background-repeat: no-repeat; background-position: 99% center; font-weight:400; padding-right:30px; position: relative;}




.bt_yak {padding:20px 0px 30px 0px;}
.bt_yak > a {display: inline-block; border: 1px solid #cccccc; border-radius:4px; line-height: 38px; height: 40px; text-align: center; padding: 0px 15px; color: #666666; font-size:16px;}


/* footer */
.footerW {clear:both; background:#fff; position:relative; padding: 20px 0px;}
.footerW.z_over {z-index:101; position:relative;}


.footer_navi_in {position: relative; }
.footer_navi_in:after {display: block; content: ""; clear: both;}
.footer_navi .navi {font-size: 0px; text-align: left; float: left; box-sizing: border-box; padding:5px 0px;}
.footer_navi .navi li {display: inline-block; position: relative; vertical-align: top; padding-left:15px; margin-left:14px;}
.footer_navi .navi li:first-child {padding-left:0px; margin-left: 0px;}
.footer_navi .navi li:after {display: block; content: ""; width: 1px; height: 14px; background: #cccccc; position: absolute; left: 0px; top: 50%; margin-top: -7px;}
.footer_navi .navi li:first-child:after {display: none;}
.footer_navi .navi li a {display:block; font-size:14px; color:#666666; font-weight:400; line-height: 27px; }

.footerW .familySite {position:absolute; right:0px; top:10px; z-index: 9}
.footerW .familySite ul.show {display:block;}
.footerW .familySite ul {position:absolute; right:0px; bottom:100%; display:none; background:#363636; width:100%; border-top:1px solid #6c6f78;}
.footerW .familySite ul li {min-height:38px; border:1px solid #6c6f78; border-top:none; line-height:38px; font-size:13px; }
.footerW .familySite ul li:last-child {border-bottom:1px solid #6c6f78; }
.footerW .familySite ul li a {display:block; color:#c0c2c5; padding-left:17px; font-weight: 300;}
.footerW .familySite ul li a:hover {color:#c0c2c5; background: #272727}
.footerW .familySite p.on {width:180px; box-sizing: border-box; border:1px solid #d1d1d1; border-radius: 4px; color:#666666; cursor:pointer; font-size:14px; line-height:40px; background:url(../img/common/familySite_bg.png) no-repeat calc(100% - 10px) center; padding:0px 32px 0px 17px; text-transform: uppercase; font-weight:400;}


.footer { position: relative; background: #fff;}
.footer .addressW {font-size:15px; color:#333333; line-height:24px; font-weight:300;}
.footer .addressW .f_logo {position: absolute; left: 0px; top: 0px; font-size: 16px; font-weight: bold;}
.footer .addressW .copy {padding-top:5px; color: #666666; font-size:15px; font-weight:300; line-height: 130%;}
.footer .addressW a {color: #333333}
.footer .addressW address {margin-left: -15px; line-height: 150%;}
.footer .addressW address span {display: inline-block; vertical-align: middle; padding:2px 15px;}
.footer .addressW address .line {width: 1px; height:14px; background: #cccccc; padding: 0px;}
.footer .go_top {position: absolute; right:10px; top:36px; z-index: 99}
.footer .go_top > a {display: block; color: #fff; width:64px; height: 64px; box-sizing: border-box; padding:16px; text-align: center; background: #252b2b}
.footer .go_top > a > span {display: block; font-weight: 100; font-size:16px; color: #fff}






#content {width:100%; max-width:1280px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}





#sub_tit {font-size:52px; color: #fff; font-weight:800; line-height:140%;}
#sub_tit .txt_s {font-size:36px; display: inline-block;}


#m_lnb {display:none;}
#lnb_wrap {position:relative; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; z-index:10; min-height:37px; box-sizing:border-box; }


#lnb_wrap .lnb {max-width:1280px; margin: 0 auto; box-sizing: border-box;}
#lnb_wrap .lnb {padding-left:53px; position:relative; z-index:9;}

.lnbs2 ul {overflow: hidden; font-size:0px; text-align:center;}
.lnbs2 ul li {color:#fff; display: inline-block; vertical-align:top; min-width:20%; box-sizing: border-box; position: relative;}
.lnbs2 ul li > a {display:block; height:60px; line-height:60px; border: 1px solid #e2e2e2; text-align: center; vertical-align: middle; color: #999999; font-size:18px; font-weight:600; background: #fff; padding: 0px 20px; border-left:none; }
.lnbs2 ul li:first-child > a {border-left:1px solid #ccc; }

/*.lnbs2 ul li.on a {background: #55b664; border-color:#55b664 !important;  color: #fff; overflow: hidden;}*/

.lnbs3 ul {overflow: hidden; font-size:0px; text-align:center;}
.lnbs3 ul li {color:#fff; display: inline-block; vertical-align:top; min-width:20%; box-sizing: border-box; position: relative;}
.lnbs3 ul li > a {display:block; height:60px; line-height:60px; border: 1px solid #cccccc; text-align: center; vertical-align: middle; color: #999999; font-size:18px; font-weight:600; background: #fff; padding: 0px 20px; border-left:none; }
.lnbs3 ul li:first-child > a {border-left:1px solid #ccc; }

.lnbs3 ul li.on a {background: #55b664; border-color:#55b664 !important;  color: #fff; overflow: hidden;}

#lnb_wrap .lnbs1 {display: block;}


#lnb_wrap .lnb:after { clear:both; content:""; display:block;}
#lnb_wrap .lnb .lnbs { float:left; width:50%; max-width:285px; box-sizing: border-box; position:relative;}
#lnb_wrap .lnb .lnbs:after {display: block; content: ""; width: 1px; height:20px; background: #dddddd; position: absolute; right: 0px; top: 50%; margin-top: -10px;}
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:calc(100% + 1px); top:-webkit-calc(100% + 1px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2; display:none; background: #fff;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .ico_home {position: absolute; left: 0px; top: 0px; display: block;}
#lnb_wrap .ico_home:after {display: block; content: ""; width: 1px; height:20px; background: #dddddd; position: absolute; right: 0px; top: 50%; margin-top: -10px;}
#lnb_wrap .ico_home a {display:block; width:53px; height:53px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.gif) no-repeat center center ;}
.lnb ul li {color:#666666; display: block; padding: 0px; margin-top: 0px;}
.lnb .three_depth {padding: 10px;}
.lnb ul li a {color:#000; font-size:14px; display:block; line-height:20px; min-height:20px; height: auto; padding:10px 0px 10px 20px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align: left; border-top:none; font-weight:300;}
.lnb ul li a:hover {background: #55b664; color: #fff;}
.lnb .three_depth {border: none;}
.lnb ul li .three_depth a {padding:6px 15px; border: none; font-size: 13px;}
.lnbs2 > ul > li > a {border: none !important; border-bottom: 1px solid #e2e2e2 !important;}
.lnbs3 > ul > li > a {border: none !important; border-bottom: 1px solid #e2e2e2 !important;}
.lnbs4 > ul > li > a {border: none !important; border-bottom: 1px solid #e2e2e2 !important;}
.lnbs2 ul li.on a {border-radius:0px; }

.drop.on .four_depth {display: block;}
.four_depth {background: #ececec; border-bottom: 1px solid #e2e2e2 ; display: none;}
.lnb .four_depth li a {color:#333 !important; font-size:12px; line-height:18px; min-height:18px; height:auto; padding: 10px 0px 10px 30px; background:#f4f4f4 !important; border: none !important; position: relative;}
.lnb .four_depth li a:before {display: block; content: ""; width:5px; height:1px; background: #333; position: absolute; left:20px; top: 50%;}
.lnb .four_depth li.on a {color:#55b664  !important;}
.lnb .four_depth li.on a:before {background: #55b664;}
.lnbs3 ul li.drop > a {position: relative;}
.drop > a:before {display: block; content: ""; width: 11px; height:1px; background: #999; position: absolute; right:0%; top: 50%; margin:0px 10px 0px 0px;}
.drop > a:after {display: block; content: ""; width:1px; height:11px; background: #999; position: absolute; right:0%; top: 50%; margin:-5px 15px 0px 0px;}
.drop.on > a:before {background: #fff;}
.drop.on > a:after {background: #fff;}

.drop > a.on:after {display:none;}


.lnb_tit {font-size:16px; display: block; box-sizing:border-box; padding-left:20px; color:#333; line-height:53px; height:53px; background:url(../img/common/lnb_arrow.gif) no-repeat calc(100% - 20px) center; cursor:pointer; padding-right:20px; font-weight:300;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.lnb_tit.on {background:url(../img/common/lnb_arrow_on.gif) no-repeat calc(100% - 20px) center;}


#lnb_menu .three_depth {display: none;}



.title_bar {max-width: 1400px; margin:0px auto 50px auto; padding-top:0px; position: relative;}
.title_bar h2 {font-size:36px; text-align: center; font-weight:600; color:#333333; line-height:140%; transition: all 0.2s 0s ease-in-out;}

.title_bar .s_txt {font-size:20px; text-align: center; color:#333333; padding-top: 10px; line-height: 140%; font-weight:300; word-break: keep-all}
.big_tit {font-size:46px; color:#000000; line-height:100%; transition: all 0.2s 0s ease-in-out; font-weight:700; padding: 40px 0px 30px 0px;}



.title_bar .page_go {position: absolute; bottom:10px;}
.title_bar .page_go > a {display: block; font-size: 16px; color: #333; line-height:41px; font-weight: 300;}
.title_bar .page_go .sub_menu {display: none;}
.title_bar .page_go .three_depth {display: none;}
.title_bar #next_page {right: 0px;}
.title_bar #prev_page {left: 0px;}
.title_bar #next_page > a {background: url(../img/common/next_p.gif) no-repeat right center; padding-right:80px;}
.title_bar #prev_page > a {background: url(../img/common/prev_p.gif) no-repeat left center; padding-left:80px;}

.big_tit {font-size:46px; color:#000000; line-height:100%; transition: all 0.2s 0s ease-in-out; font-weight:700; padding: 40px 0px 30px 0px;}



.sub_con { max-width:1280px; position: relative; margin: 0 auto; font-size:16px; font-weight: 300; line-height: 160%; word-break: keep-all; color: #333}
.sub_con > .s_tit:first-child {margin-top: 0px;}
.sub_con img {max-width: 100%;}
.s_tit {font-size:26px; position: relative; color: #333333; line-height: 120%; padding:0px 0px 15px 20px; margin-top:60px; font-weight:700;}
.s_tit:before {display: block; content: ""; width:7px; height:21px; background:#e6002d; position: absolute; left: 0px; top:5px;}

.s_tit > span {display: inline-block; font-weight: 300; font-size:16px; color: #000; }
.s_tit_txt {font-size:22px; color: #525151; line-height: 140%; padding:0px 0px 20px 45px; margin-top: -8px;}

.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.s_tit.tc:before {display: none;}
.ss_tit {font-size:20px; position: relative; color: #000; line-height: 140%; padding:0px 0px 0px 15px; margin-bottom:15px; margin-top:55px; font-weight: 700;}
.ss_tit:before {display: block; content: ""; width:5px; height:18px; background:#e6002d; position: absolute; left: 0px; top:5px;}
/*.ss_tit > span{font-weight: 300;}*/
.s_titW {max-width: 1300px; margin:0 auto; padding: 50px 0px 5px 0px;}


.sss_tit {font-size:24px; color:#333333; font-weight: 600; padding:0px 0px 0px 0px; margin:40px 0px 10px 0px; line-height:140%; position: relative;}
.g_tit {font-size:1.9em; line-height: 150%; color: #41a851; padding:35px 0px 10px 0px; font-weight:600;}
.b_tit {font-size:1.55em; line-height: 150%; color: #333333; padding:35px 0px 10px 0px; font-weight:600;}
.b_tit_s {font-size:1.3em; line-height: 150%; padding:0px 0px 10px 0px;}
.bul_tit {font-size:17px; position: relative; padding-left: 10px; margin:30px 0px 5px 0px; font-weight:600; }
.bul_tit:before {display: block; content: ""; width:4px; height:4px; border-radius:100%; background:#e6002d; position: absolute; left: 0px; top:11px;}


.b_txt {font-size:20px; color: #333333; padding:40px 0px 15px 0px; line-height: 150%;}
.s_txt_r {text-align: right; margin-top: -35px; height: 20px; padding-bottom:15px;}
.s_txt_r2 {height: 40px; margin-top: -55px;}
.imgW img {max-width:100%;}
.txt_in {padding-left:15px;}


.location_wrap {text-align: right; max-width: 1280px; margin: 0 auto; padding: 10px 0px;}
.location {position: relative; display: inline-block; vertical-align: top; margin-top:0px; line-height:30px; height:30px; font-size:14px;}
.location span {position: relative; display:inline-block; zoom:1; *display:inline; padding-left:15px; margin-left:14px; color:#666; font-weight:300;}
.location span:before {display: block; content: ""; width: 1px; height: 16px; background: #d8d9db; position: absolute; left: 0px; top: 50%; margin-top: -8px;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location span:first-child:before {display: none;}
.location #location_2 {font-weight:300; color: #000}
.location #location_3 {font-weight:300;}
.location img {vertical-align:middle; margin-top: -4px;}

.introduce {position: relative; padding-left:390px; line-height: 150%; font-weight: 400; color: #6c6e71;}
.introduce .pic {position: absolute; left: 0px; top:0px;}

.introduce .first {font-size:24px; padding-bottom: 30px; line-height: 130%; font-weight:100; color: #333333}
.first-txt {font-size: 1.4em; line-height: 150%; font-weight: 600;}


.img_two_block {overflow: hidden; padding: 5px; margin:0px -13px;}
.img_two_block > li {float: left; width: 50%; box-sizing: border-box; padding: 0px 13px;}
.img_two_block > li .ss_tit {margin-top: 0px;}
.img_two_block > li .bul01 {padding-bottom: 30px;}
.img_two_block > li .bul01 > li {margin-top: 10px; color: #333}

.ebook_bt {padding-top:60px;}

.sub_visual {background-size: cover; display: table; width: 100%;}
.sub_visual .cell {display: table-cell; vertical-align: middle; text-align: center; color: #fff; height:250px;}
.sub_visual .cell > h2 {font-size:36px; font-weight: 600; line-height: 140%;}
.sub_visual .cell > h2:after {display:block; margin: 10px auto; content: ""; width: 1px; height: 10px; background: #fff;}

.block_box {overflow: hidden; margin: -10px;}
.block_box > li {padding: 10px; float: left; width:33.33333%; box-sizing: border-box;}
.block_box > li > a {display: block;}
.block_box > li .box {border: 1px solid #009999;  word-break: break-all; border-radius:10px; padding:10%; min-height:220px; box-sizing: border-box;}
.block_box > li .box .ico {display: block; padding-bottom: 10px;}
.block_box > li .box h3 {font-size:1.6em; color: #333; font-weight:600; line-height: 130%; padding-bottom: 5px;}

.block_box_last {position:relative; padding:8px 0px 10px 50px; margin: 10px 0px 0px 25px;}
.block_box_last .ico {position: absolute; left: 0px; top: 0px;}
.block_box_last > h3 {color: #333; display: inline-block; vertical-align: top; padding-right: 10px;}
.block_box_last > .txt {color: #6c6e71; display: inline-block; vertical-align: top;}


.point_br {border:1px solid #009999; border-radius:20px; padding: 20px; margin-top: 20px;}
.w_area {margin: 0 auto;}
.w_area dl {padding-bottom: 10px;}
.w_area dl dt {color: #000; padding-top: 10px; }
.w_area dl dd {padding-top: 5px;}
.w_area dl dd .input {border-radius: 4px; width: 100%; min-height:41px;}
.w_area dl dd.bt {padding-top: 15px;}
.w_area dl dd.bt a {display: block; border-radius:4px; color: #fff; line-height:55px; color: #fff; background: #009999; font-size: 1.15em; text-align: center; font-weight: 400;}

.privateSelect {width: 250px; position: relative; margin:0 auto; margin-top: 30px;}
.privateSelect.selectbox{height: 35px;display:block; position:relative; vertical-align:middle;text-align:left;}
.selectbox .sel{padding-left:10px;padding-right:15px;font-size:15px;color:#999999;cursor:pointer;border:1px solid #ccc;line-height:41px;display:block;text-align:left;background:#fff url(../img/common/down2.png) no-repeat 95% center; border-radius:4px; font-weight: 400; }
.selectbox dd{position:absolute; border:1px solid #ccc; padding:10px; background:#fff; z-index:99999999; width:100%;display:none;text-align:left;margin-top:1px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.selectbox dd > a {display:block !important; padding:0; font-size:13px; line-height:20px;color:#666;}
.selectbox dd > a:hover {color:#009999;background:#fff url(../img/common/bt_arrow3.png) no-repeat 98% center;}
.selectbox dd > a.on{font-weight:bold; color:#009999;}
.selectbox dd > a.on:hover{color:#009999;}
.selectbox dd > a+a{margin-top:14px;}
.selectbox dt.on+dd{display:block;}

.privateSelect .close {width: 100%; height: 100%; min-height: 1300px; position:absolute; z-index:99999998; top:-100px; left:0; display:none;}


.complete_box {font-size: 1.4em; line-height: 140%; padding: 50px 0px;}
.mail_send_table {position: relative; position: relative; padding-right:100px;}
.mail_send_table .btn {position: absolute; right: 0px; top: 0px; right: 0px; bottom: 0px; width: 100px; display: table; height: 100%; background: #333333}
.mail_send_table .btn > span {display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 13px; font-weight: 400; line-height: 130%; height: 100%;}
.mail_send_table .btn > span img {display: inline-block; vertical-align: top; padding-bottom: 10px;}
.mail_send_table .board-write td {height:36px;}

.mail_area {position: relative; padding:15px 60px 15px 20px; border: 1px solid #ccc; margin-top: -1px;}
.mail_area .bt_close {position: absolute; right: 0px; top:7px;}
.mail_area .input_area {position:relative; padding-right:92px; max-width:330px;}
.mail_area .input_area .input {width: 100%; min-height: 40px; line-height: 40px; border-radius:4px; }
.mail_area .input_area .bt {display: block; width: 90px; border-radius:4px; background: #4e4e4e; color: #fff; line-height: 40px; font-size: 15px; text-align: center; position: absolute; right: 0px; top: 0px;}




.rule_box {color:#6c6e71; font-size: 15px; line-height: 140%;}

.rule_box .b_txt {font-size:18px; padding: 20px 0px 5px 0px;}
.rule_box .txt_t {color: #333; font-weight: 600; margin-top: 40px; margin-bottom: 10px; font-size:24px; line-height: 35px}
.rule_box .txt_t > span {display: inline-block; height: 35px; color:#fff; font-size:18px; background: #009999; font-weight: 600; vertical-align: top; min-width:85px; text-align: center;}
.rule_box .bul_num > li {margin-bottom:20px;}
.rule_box .bul_num > li .bul01 > li  {margin-bottom:20px;}
.rule_box .bul01 > li { text-indent: 0px;}
.rule_box .table_line2 {overflow: hidden;}
.rule_box .table_line2 > table {width: calc(100% + 2px); margin-left: -1px;}


#add_date {position: relative; padding-right:115px; }
#add_date .bt {position: absolute; right: 0px; top: 0px;}

.tooltip {color: #ff751a; border: 1px solid #ff751a; border-radius:6px; text-align: center; line-height:38px; width:38px; height: 40px; box-sizing: border-box; font-size: 1.5em; vertical-align: middle;}
.br_box {border: 1px solid #cccccc; border-radius:4px; padding: 20px 20px 20px 20px;}
.t_box {background: #757a85; color: #fff; padding: 5px 5%; display: inline-block;}
.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 10px;}

td .br_box {padding:5px;}
td .gray_box {padding:5px;}


.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {padding: 5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.radio_group > li {display: inline-block; padding: 5px 0px 0px 15px;}
.radio_group > li.etc_li {width: 100%; max-width:500px;}
.radio_group > li.etc_li .input {width: calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;}
.radio_group .input {width: auto !important;}
.input_etc {position: relative; padding-left: 62px; box-sizing: border-box;}
.input_etc .pa {position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:40px;}
.date_picker_two {overflow: hidden; position: relative}
.date_picker_two .date_picker {float: left; width:47%;}
.date_picker {position: relative; overflow: hidden; border-radius:4px; padding-right: 40px; background: #fff; border: 1px solid #cccccc; box-sizing: border-box;}
.date_picker.disable {background: #cccccc;}
.date_picker.disable .input {background: #cccccc;}
.date_picker > input {border: none !important;}
.date_picker .input {width: 100%; height: 38px;}
.date_picker img {position: absolute; right:5px; top:50%; margin-top: -15px;}
.date_picker.two_col .input {width: 100%;}
.date_picker_two .col-sm-2  {float: left; width:47%;}
.date_picker_two .pa {left: 50%; top:0%; line-height: 30px; text-align: center; width: 10px; margin:0px 0px 0px -5px;}

.btn-tc {text-align: center; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}
.btn-tc > a {margin: 0px 10px;}
.btn-tl {text-align: left; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}
.btn-tr {text-align: right; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}


/*atab*/
.atab { margin-bottom:40px; padding-top: 10px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; }
.atab li a {display:table-cell; width: 100%; height:60px; vertical-align: middle; background:#fff; line-height:20px; padding:0px 0px; text-align:center; color:#999999; box-sizing:border-box; border:1px solid #cccccc; letter-spacing: -1px;}
.atab li:first-child a {border-left:1px solid #cccccc;}

.atab li.on a {font-weight:400; background: #eb3055; color: #fff; border-color:#eb3055 }
/*.atab li.on a:after {display: block; content: ""; width:20px; height: 20px; background: #fff; position: absolute; left:50%; bottom:-22px; transform: rotate(45deg) translateX(-50%);}*/
.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.six li {width:16.666666%;}



.btab { margin-bottom:40px; padding-top: 10px; font-size: 0px; text-align: center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display: inline-block; box-sizing:border-box; position:relative;}
.btab li a {display:block; min-width:135px; padding:10px 0px; text-align:center; color:#999999; box-sizing:border-box; border: 1px solid #009999; font-size:18px; font-weight: 400;}
.btab li a .ico {display:block; margin: 0 auto; width: 120px; height: 120px; overflow: hidden; margin-bottom:10px;}
.btab li.on a {color: #fff; background: #009999; border-color:#009999;}
.btab li.on a .ico img {margin-top: -100%;}
.btab.two li {width:50%;}
.btab.line li {padding:2px;}
.btab.line li a {border: 1px solid #ccc; padding: 0px 5px; font-size: 15px;}
.btab.line li.on a {border: 1px solid #ed2129;}







/* 레이어팝 */
#black {display:none; background-color: #000; display: none; height: 100%; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: fixed; top: 0; width: 100%; z-index: 9999;}
.layerPop {-webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom: 1;}

.layerPop_inner {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.pop_wrap {display: table-cell; vertical-align: middle; position: relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size:16px; font-weight: 300; line-height:160%; background: #fff; word-break: keep-all;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin: 0 auto; border-radius:16px; overflow: hidden;}
.pop_wrap .x_btn {position: absolute; right:20px; top:50%; transform: translateY(-50%); display:block; cursor: pointer; background: none}
.pop_wrap .pop_head {background: #000000; position: relative; padding: 20px 15px 15px 15px;}
.pop_wrap .pop_head .title {font-size:24px; line-height:150%; color: #fff; padding: 0px 40px 0px 0px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title.tc {padding-left:40px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position: absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position: absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin: 0px 10px;}
.pol_sc {width: 100%; height: 310px; overflow-x: hidden; overflow-y: auto;}



/* 팝업 */
.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333; text-align: center; font-weight:500; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size: 14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;}

.main_layer_pop {position: absolute; left:5%;  top:100px; z-index: 9999}
.main_pop_bottom {background: #fff; font-weight: 300; color: #000; padding:10px; position: relative; font-size: 14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position: absolute; right: 10px; top: 10px; padding-right: 30px; background: url(../img/common/pop_close.gif) no-repeat right center; }
.main_layer_pop_inner {width: 100%; height: 100%; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.main_layer_pop_inner .cell {display: table-cell; vertical-align: middle; position: relative;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top: -22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background: url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background: url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin: 0 auto;}
.main_layer_pop .pop_wrap_in{max-height:500px; overflow-y:auto;}
.main_pop_content {background: #fff; border:1px solid #ccc;}
.main_pop_content > img{max-width:100%;}



.all_check {text-align: center; padding: 15px 5px; margin: 30px 0px; background: #f5f5f5}


.ico_notice {display: inline-block; vertical-align: middle; padding:4px 10px; background: #ed2129; line-height:20px; color: #fff; }
.ico_note {position: relative; padding-left:23px;}
.ico_note:before {display: block; content: ""; width:19px; height: 19px; border-radius:100%; background: #757575; position: absolute; left: 0px; top:1px;}
.ico_note:after {display: block; content: "!"; width:19px; height: 19px; color: #fff; font-size: 16px; font-weight: 600; text-align: center; line-height: 19px; position: absolute; left: 0px; top:1px;}


.board-write .input {min-height: 40px; line-height: 40px; width: 100%;}
.board-write select {min-height: 40px; line-height: 40px; width: 100%;}


.file_down {display: inline-block; border: 1px solid #cccccc; border-radius:4px; padding:5px 15px; }
.file_down > span {display: inline-block; padding-left: 30px; background: url(../img/common/ico_file2.png) no-repeat left center; font-size: 14px; color: #666666; line-height:26px; }


.bt_include {position: relative; padding-right: 108px; box-sizing: border-box;}
.bt_include.ss {padding-right:78px;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:80px; margin: 0 auto;}

.manual_scrollbox {background: #eff1f6; padding: 2%; border: 1px solid #ccc; overflow: auto; max-height: 500px; }
.tutorialParagraph div {min-height: 1px;}

/* 사이트맵 */
.sitemap_wrap .gnb {padding-bottom: 20px; text-align: center; }
.sitemap_wrap .gnb > ul {overflow: hidden;}
.sitemap_wrap .gnb > ul > li {padding-top:25px;}
.sitemap_wrap .gnb > ul > li > a {display:inline-block; line-height:150%; font-size:2em; color: #333; padding:5px; font-weight: 500; letter-spacing: 1px;} 
.sitemap_wrap .gnb > ul > li > a:hover {color: #e60012;;} 

.sitemap_wrap .gnb .sub_menu {text-align: center; display: block !important; font-size: 0px;}
.sitemap_wrap .gnb .sub_menu > li {display: inline-block; vertical-align: top; position: relative; padding: 0px 15px;}
.sitemap_wrap .gnb .sub_menu > li:after {display: block; content: ""; width: 1px; height:16px; background: #7a8191; position: absolute; left: 0px; top: 50%; transform: translateY(-50%) rotate(25deg);}
.sitemap_wrap .gnb .sub_menu > li:first-child:after {display: none;}
.sitemap_wrap .gnb .sub_menu > li > a {display:inline-block; line-height:150%; font-size:16px; color: #7a8191;} 
.sitemap_wrap .gnb .gnb05 {display: none !important}
.sitemap_wrap .gnb .gnb04 {display: none !important}
.sitemap_wrap .gnb .gnb03 {display: none !important}

.sitemap_wrap .gnb .sub_menu > li > a:hover {color: #e60012;;} 
.sitemap_wrap .gnb .gnb09 {display: block !important}
.sitemap_wrap .gnb .gnb010 {display: block !important}
.sitemap_wrap .gnb .gnb011 {display: block !important}

.top_right_bt {position: absolute; right: 0px; top: 0px;}


.search_flex {display: flex; flex-wrap: wrap; justify-content: center}
.search_flex > div {display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: center; padding: 1px 20px; }
.search_flex > div label {font-weight: 400; padding-right: 5px;}
.search_flex > div:nth-child(1) {flex-basis: 350px;}
.search_flex > div:nth-child(2) {flex-basis: 450px;}
.search_flex .date_picker {flex-grow: 1;}
.search_flex .input {flex-grow: 1}

.search_flex3 {display: flex; justify-content: center}
.search_flex3 > div {display: flex; flex: 1 1 auto; box-sizing: border-box; align-items: center; padding: 1px 20px; }
.search_flex3 > div label {font-weight: 400; padding-right: 5px;}

.search_top_area {text-align: left;}
.search_top_area > ul {overflow: hidden; margin-left: -35px;}
.search_top_area > ul > li {float: left; margin-left:45px;}
.search_top_area > ul > li .input {width: 100%; max-width: 210px;}
.search_top_area > ul > li .txt_t {display: inline-block; vertical-align: top; min-width:70px; line-height: 40px; font-weight: 400;}
.search_top_area > ul > li:nth-child(2) > div {max-width: 400px;}
.search_top_area > ul > li:nth-child(7) > div {max-width: 400px;}
.search_top_area > ul > li > div {display: inline-block; vertical-align: top; max-width:300px;}
.search_top_area > ul > li .radio_group {display: inline-block; vertical-align: top; margin-top: 5px; }

.search_input {position: relative; overflow: hidden; border-radius:4px; padding-right: 40px; background: #fff; border: 1px solid #cccccc; box-sizing: border-box;}
.search_input .input {width: 100%; height: 38px; border: none;}
.search_input .bt {display: block; width: 18px; height: 18px; padding:9px; position: absolute; right:1px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-left:1px solid #ccc }
.input.disable {background: #cccccc}


/* 카테고리 관리 */
.btn_group {text-align:right; background:#e3e3e3; padding:10px;}
.categorySetArea {overflow:hidden; padding-left:320px;}
.category_sort {float:left; width:310px; margin-left:-320px;}
.mCategorySet {border:1px solid #a4a7ac; padding:5px; overflow:hidden;}
.mCategorySet .notice {margin:0px 0px 10px 0px; padding: 8px 0 7px 0; border: 1px dashed #81aee3; font-size:13px; color: #608ac3; text-align: center; background: #ecf3fb;}
.categorySetArea .categoryWrite {float: left; width: 100%;}
.tree_container {padding:10px 20px 10px 10px;}
.tree_container > li {padding:0px 0px 5px 25px; position:relative;}
.tree_container .ico_folder {width:25px; height:30px; display:block; background:#000; position:absolute; left:0px; top:0px; background:url(../img/common/sfix_btn_ico.png) no-repeat left 3px; cursor:pointer}
.one_cate {display:block; padding:7px 5px 7px 14px; margin-right:60px; border: 1px solid #9e9e9e; line-height: 14px; background: #f3f3f3}
.two_cateW {padding:5px; position:relative;}
.two_cateW >li {margin-top:5px; position:relative; padding-left:25px;}
.two_cateW >li:first-child {margin-top:0px;}
.two_cateW .two_cate {display:block; padding:7px 5px 7px 14px; margin-right:50px;  border: 1px solid #9e9e9e; line-height: 14px; background: #f3f3f3}
.categorySetArea .button {position:absolute; right:0px; top:0px; display:block; border-bottom:1px solid #e7e7e7; border-radius:2px;}
.categorySetArea .two_cateW .button {right:-5px;}
.categorySetArea .button button {display:block; width:36px; font-size:12px; border:1px solid #ccc; padding:3px 0px; text-align:center; border-radius:2px; line-height:20px; color:#333; background:#fff;}
.three_cateW >li {margin-top:5px; position:relative; padding-left:25px;}
.three_cateW >li:first-child {margin-top:0px;}
.three_cateW {padding:5px; position:relative;}
.three_cateW .three_cate {display:block; padding:7px 5px 7px 14px; margin-right:40px;  border: 1px solid #9e9e9e; line-height: 14px; background: #f3f3f3}

.tree_container.on {background:#ecf3fb; border:1px dashed #81aee3;}
.two_cateW.on {background:#f6faff; border:1px dashed #81aee3;}
.three_cateW.on {background:#fcfdff; border:1px dashed #81aee3;}

.open_folder > .ico_folder {background-position:left -62px;}
.plus_folder > .ico_folder {background-position:left -29px;}

.tree_container li.disabled {opacity:0.3; filter:alpha(opacity=30);}

.list_of {overflow:hidden; box-sizing:border-box; clear:both; margin-bottom:40px;}
.box_list {float:left; box-sizing:border-box; width:48%;}
.box_list.n2 {float:right; }
.b_top {overflow:hidden; margin-bottom:10px;}
.list_tt {position: relative; font-size:16px; line-height:28px; font-weight: 400; color:#000; float:left; box-sizing:border-box; padding-left:14px; }
.list_tt:before {display: block; content: ""; width: 4px; height: 4px; background: #000; border-radius:100%; position: absolute; left: 0px; top: 50%; margin-top: -2px;}
.list_tt.no {float:none;}
.list_more {box-sizing:border-box; display:inline-block; background:#333;text-align:center; color:#fff !important; padding:3px 10px; font-size:13px; line-height:22px; border-radius:3px;}
.more_btn {box-sizing:border-box; display:inline-block; border:1px solid #333; text-align:center; color:#333 !important; padding:0 10px; border-radius:3px;}

.sv_radio {overflow:hidden; box-sizing:border-box;}
.sv_radio li {float:left; box-sizing:border-box; margin-right:10px; line-height:30px;}

.subpage {display: flex; align-items:center; flex-wrap:wrap; position: relative;}
.subpage .fr_txt {float: right; position: relative; padding: 0px 20px;}
.subpage .fr_txt:before {display: block; content:"("; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.subpage .fr_txt:after {display: block; content:")"; position: absolute; right: 0px; top: 50%; transform: translateY(-50%);}

.subpage .tax_bill {flex-basis: 100%; font-weight: 100; font-size:12px; color: #000;}
.subpage .tax_bill .small {font-size: 0.9em;}
.subpage .tax_bill:nth-child(1):after {display: block; content: ""; width: 100%; height: 1px; border-bottom:2px dashed #000; margin: 30px 0px; }
.subpage .tax_bill:nth-child(1) .tax_table tbody tr th {color: #0000f9; border-color:#0000f9}
.subpage .tax_bill:nth-child(1) .tax_table tbody tr td {border-color:#0000f9}

.subpage .tax_bill:nth-child(2) .tax_table tbody tr th {color: #f00c00; border-color:#f00c00}
.subpage .tax_bill:nth-child(2) .tax_table tbody tr td {border-color:#f00c00}

.tax_table {clear:both; width:100%; table-layout: fixed}
.tax_table thead tr th {background-color:#fff; color: #000; padding: 2px; border:1px solid #d9d9d9; font-weight: normal; word-break:break-all; text-align: center; line-height: 130%; vertical-align: middle;}
.tax_table tbody tr th {background-color:#fff; border-bottom:1px solid #d9d9d9; text-align:center; padding:2px; color: #333; font-weight: 300; border:1px solid #d9d9d9; vertical-align: middle; line-height: 120%;}
.tax_table tbody tr td {border:1px solid #d9d9d9; line-height:130%; padding:2px; text-align: center; font-weight: 300; word-break:break-all;color: #000; vertical-align: middle; height:14px;}

.tax_table tbody tr td.subject {padding-left:18px; padding-right:10px; text-align:left; word-break:break-all;}
.tax_table td.tl {text-align: left;}
.tax_table th.tl {text-align: left;}

.tax_table .big {font-size:24px; display: inline-block; font-weight: 400; vertical-align:middle; line-height: 140%;}






















.print_content {padding:10px; font-size: 14px; line-height: 130%; font-weight: 300; color: #000;}
.print_content > h1 {text-align: center; color: #000; font-size:30px; line-height: 120%; font-weight: 600; padding-bottom: 10px; }
.print_content > h1 > span {display: inline-block; border-bottom: 1px solid #000; padding-bottom: 5px;}
.print_content .date {text-align: right; padding: 15px 0px 5px 0px;}



.print_content .table_style1.tl td {text-align: left; padding-left:18px; padding-right:10px; border-top:none; }
.print_content .table_style1.tl th {text-align: left; padding-left:18px; padding-right:10px; border-top:none;}

.print_content .table_style1 thead tr:first-child th {border-top:none;}
.print_content .table_style1 thead tr:first-child td {border-top:none;}

.print_content .table_style1 tbody tr td {	border:1px solid #000; line-height:140%; padding:5px; text-align: center; font-weight: 300;  word-wrap: break-word; color: #000}
.print_content .table_style1 tbody tr th {border:1px solid #d9d9d9; font-weight: normal;}
.print_content .table_style1 tbody tr td.subject {padding-left:18px; padding-right:10px; text-align:left; word-break:break-all;}
.print_content .table_style1 tbody tr .left_line {border-left:1px solid #d5d5d5 !important;}
.print_content .table_style1 .input {min-height: 40px; line-height: 40px; width: 100%;}
.print_content .table_style1 tbody tr.off td {opacity: 0.3;}



@media print {
	
	#wrap {position:relative; width:210mm; page-break-before: always}
	#header, #footerW, #lnb_wrap, .sub_visual, .footerW, .location_wrap, .top_right_bt, .no-print { display:none }
	#wrap, .title_bar {padding:0px;}
	#inner_wrap {padding: 0px;}
	.white_box {padding: 10px;}
	.sub_con { font-size: 10pt; }
	
}



/* ------------------------------------------------------------
 * Name      : mobile_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position: relative;}




/* 980px 이상 */
@media screen and (min-width:980px) {
	
  
    
}
/* 1024 이상 */
@media screen and (min-width:1024px) {
    

}


/* 1220px 이하 */
@media screen and (max-width:1219px) {
  	
	
	
    
}
/* 980px 이하 */
@media screen and (max-width:981px) {
	
	#wrap {padding-top:85px;}
    .w_gnb {display:none;}
	#gnb_bar {display:none !important;}
	.m_gnb_on {display: block}
	
	.top_menu {display: none;}
    .sub_con {font-size:16px;}
	
	.main_board .board ul li {font-size: 15px;}
	
	.sub_con .inner {padding: 0px;}
    .inner {padding: 0px 10px;}
    .pop_wrap .pop_body {font-size: 16px;}
	#inner_wrap {padding-left:10px;}
	#inner_wrap {padding-right:10px;}


	
    #sub_tit {font-size:40px;}
    .sub_visual .sub_txt > h2 {padding-bottom:0px}
   
	
    .title_bar:before {display: none;}
     

	

	.map_txt > li {float: none; width: 100%; border-top:1px solid #ccc; }
	.map_txt:after {display: none;}
	

	.white_box {padding: 30px;}
	
	.listPerDaily > div {width: 100% !important; padding: 0px !important; margin-top: 2px;}
	.listPerDaily2 > div {width: 100% !important; margin-top: 2px;}
	.listPerDaily2 > div:first-child {padding-right: 0px !important}
	
	.listPerDaily3 > div {width: 100% !important; margin-top: 2px;}
	.listPerDaily3 > div:first-child {padding-right: 0px !important}


}

/* 768 이하 */
@media screen and (max-width:767px) {
	.main_visual .bxslider > li .bg_img {width: 963px; height: 350px;}
	.main_visual .v_frame .cell {height: 350px;}
	.main_visual .v_frame .visual_txt {font-size: 22px;}
	.main_board_wrap .main_board {width: 100%;}
	.top_right_bt {position: relative; right: auto; top: auto; padding-bottom: 10px;}
	.white_box {padding: 20px;}
  	.web_dis {display: none;}
	.mb_dis {display: block;}
	
	.m_gnb_on {right: 10px;}
	.top_lang {right: 60px;}
    
    .section {font-size: 15px; padding: 45px 0px;}
    
	.ico_note {padding-left:20px; background-size:15px auto; }
  
	
	#header .top_btns {padding-right: 10px;}
    .top_menu {display: none;}

	.main_visual .v_bt > a {font-size: 0px;}
	.main_visual .v_frame .visual_txt {padding: 0px 70px;}
	
	
	.main_visual #board_r1 {right: 2%}
	.main_visual #board_l1 {left: 2%}

	.footerW .familySite {display: none;}
	.footer_navi .navi {text-align: center; float: none}
    .footer .addressW {text-align: center; font-size: 13px;}
	.footer .addressW .copy  {text-align: center; font-size: 13px;}

     #lnb_wrap .lnb {padding-left: 62px; position: relative;}
     #lnb_wrap .ico_home {float: none; position: absolute; left: 0px; top: 0px;}
   

    
	.sub_con {font-size:15px;}
    .pop_wrap .pop_body {font-size: 15px;}

	
    .title_bar {margin-bottom:35px; padding:25px 0px 20px 0px;}
	.title_bar h2 {font-size:32px;}
	.title_bar .s_txt {font-size: 19px;}

	
	.b_txt {font-size:17px; padding: 30px 0px 15px 0px}
	.sub_title {font-size:14px;}

     
	.s_tit {font-size:24px; margin-top: 40px;}
	.ss_tit {font-size:20px}
	.s_tit_txt {font-size:20px;}
	
	.ss_tit:before {top: 5px;}
	.sss_tit {font-size: 18px;}
	.s_tit_txt {font-size:20px;}

	
	.sub_visual .sub_txt > h2 {text-align: center !important}
	
    

	
    /*atab*/
    .atab li a {height: 55px;}
    .atab li.on {margin-top: 0px;}
 
    .btn-tc > a {margin: 0px 4px;}

	
    
    .btab li a {padding:5px 0px; font-size:15px;}
	
    
	.m_th_b {width:115px !important;}
	.m_th {width:95px !important;}
    .m_th_s {width:75px !important;}
    .m_th_ss {width:55px !important;}
	
	.greeting_top {background-position:60% top }
	.lnb_tit {font-size: 14px; line-height: 50px; height: 50px; background-position:calc(100% - 10px) center !important; background-size:auto 6px !important; }
	.lnb ul li a {font-size: 13px;}
	
	#lnb_wrap .ico_home a { line-height: 50px; height: 50px;}
	
	.title_bar {margin-bottom:35px; padding:25px 0px 20px 0px;}
	.title_bar h2 {font-size:28px;}

	.title_bar .s_txt {font-size:17px;}
    
	.b_txt {font-size:20px; padding: 30px 0px 15px 0px}
	.sub_title {font-size:14px;}
    
	.introduce {padding: 0px;}
	.introduce .pic {position: relative; left: auto; top: auto; padding-bottom: 20px;}
	.introduce .first br {display: none;}
	
    .map_wrap {height: 350px;}
	
	.rule_box .txt_t {font-size: 20px; line-height: 30px;}
    .rule_box .txt_t > span {height: 30px; font-size: 16px; min-width: 74px;}
	
	
	.join_step {margin-bottom: 10px;}
    .join_step > ol > li {font-size: 14px;}
   
	
	.join_type > dl {width: 50%;}
    .join_type > dl.ico03 {border-left:1px solid #ccc; }
    .join_type.two > dl {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}
    .join_type.two > dl > dt strong {min-height: auto; padding-bottom: 10px;}
    .join_type.two > dl > dd {font-size: 14px; min-height: auto; padding-bottom: 10px;}
    .join_type.two > dl > dd br {display: none;}
    
    .join_type.two > dl > dd.bt {padding-bottom: 0px;}
    .join_type.two > dl > dd.bt a {display: block;}
  

	.search_flex > div {padding: 1px 0px; }
	.search_flex > div label {flex-basis: 80px;}
	.search_flex > div:nth-child(1) {flex-basis: 100%;}
	.search_flex > div:nth-child(2) {flex-basis: 100%;}

	.listDaily .select_ds {width: 100% !important; margin-top: 2px;}
	.listDaily .select_ds:first-child {margin-top:0px;}
	.listDaily .select_ds:nth-child(1) {padding: 0px 0px 0px 50px;}

	.search_top_area > ul {margin: 0px; padding-bottom: 20px;}
	.search_top_area > ul > li {margin: 0px; float: none; position: relative; padding-left:70px;}
	.search_top_area > ul > li .txt_t {position: absolute; left: 0px; top: 0px; min-width: none;}
	.search_top_area > ul > li > div {display: block; max-width: 100%}
	.search_top_area > ul > li .input {max-width: 100%}
	.search_top_area > ul > li:nth-child(2) > div {max-width: 100%}
	.search_top_area > ul > li .radio_group {margin-top: 0px;}
	.search_top_area > ul > li:nth-child(7) {padding-left: 120px;}
	.search_top_area > ul > li:nth-child(7) > div {max-width: 100%}
	
	.categorySetArea {padding-left: 0px;}
	.category_sort {float: none; width: 100%; margin: 0px 0px 20px 0px;} 
}





/* 600 이하 */
@media screen and (max-width:599px) {
    

	.main_visual .v_frame .visual_txt img {max-width: 70%;}
	
    #footer .addressW {text-align: center; font-size: 12px;}
    
    
    .pop_wrap .pop_head .title {font-size:18px; }
    .pop_wrap .pop_body {padding:10px;}
   
    
   
	#w_lnb {display:none;}
	#m_lnb {display:block;}
    

	
	
    .table_line {width: 100%; overflow: auto;}

  
	
    .bt_include {padding:0px 0px 45px 0px !important;}

    .bt_include .add_bt {position: absolute; right: 0px; top: auto; left: 0px; bottom:0px;}
    .bt_include .add_bt a {display: block;}
    .m_block600 {display: block !important; margin-bottom: 3px !important; float: none !important;}
    
	
   
    .br_box {padding:15px;}


    .big .ez-radio {width:20px;height:20px; background-size: 20px auto}
    .big .ez-hide {width:19px;height:19px;}
    
    .over_layerW {position: relative;}
    .over_layer {overflow:auto;}
    .over_layerW:after {display: block; content: ""; width:10px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > div {min-width:600px;}
    .guide_name {padding: 20px; background:#f1f2f6;}
    .sss_tit .ib.point_c.fn {display: block; font-size: 0.85em;}
    
    .block_box > li {width: 50%}

   
}



/* 480px 이하 */
@media screen and (max-width:479px) {
	
	.search_input .bt {padding: 6px;}
    
 	.in_header {height: 60px;}
    #wrap {transition: all 0.3s 0s ease-in-out; padding-top:60px !important;}
	
	#header h1 a img {height:22px;}
	
	#header .top_btns {padding-right: 15px;}
	#header .top_btns > li .m_topbtn {font-size: 13px;}

	.top_menu ul li > a {font-size: 12px; line-height: 30px;}
	.slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding: 10px 10px 10px 5px;}
	.top_menu ul.login_menu .name {line-height: 30px; font-size: 14px;}
	.top_menu ul.login_menu li > a {min-width:80px;}
	
	
	.section {padding: 30px 0px; font-size: 14px;}
	
	.main_visual .v_bt {display: none;}
	.main_visual .v_frame .visual_txt {padding: 0px 10px; font-size: 17px;}
	.main_visual .v_frame .cell {height: 250px;}
	.main_visual .bxslider > li .bg_img {width:688px; height: 250px;}
	.main_board .board ul li {margin-top: 8px; font-size: 13px}
	.main_board_wrap .main_board .board {min-height: auto;}
	.main_board .board .more {top: -35px;}
	.more a {font-size: 13px;}
	
	
	.bt_yak > a {line-height: 32px; height: 32px; font-size: 13px;}
	.bt_yak {padding: 13px 0px 20px 0px;}
	
	#footer .addressW {padding: 15px 0px;}
	.footer .addressW {font-size: 12px;}
   .footer .addressW .copy {font-size: 12px;}
	.footer .addressW address span {padding: 2px 5px;}
	.footer_navi .navi li a {font-size: 13px;}

	.pop_wrap .pop_head {padding-top: 15px;}
	.pop_wrap .pop_head .title {padding-right: 30px;}
	.pop_wrap .pop_head .title.tc {padding-left: 30px;}
    .pop_wrap .x_btn {right:15px; }
    
	.location {font-size: 13px; line-height: 20px; height: 20px;}
  
	#lnb_wrap .ico_home {display: none;}
	#lnb_wrap .lnb {padding-left: 0px;}
	
	.lnb_tit {padding-left: 10px; font-size: 13px;}
	.lnb ul li a {padding-left:10px; padding-right: 10px;}
	.lnb .four_depth li a {padding-left: 25px;}
	.lnb .four_depth li a:before {left: 15px;}
	
	


	.btn-tc {margin-top: 10px; padding-top: 10px;}

   
	.btn-tc > a.btnStrong {min-width: 90px;}
	
    .block_m {display: block;}
    .block_m.fl {float: none;}
    .list_btn .block_m {margin: 2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display: block;}

    .s_tit {padding: 0px 0px 10px 13px; font-size: 20px; background-position:left 5px; background-size:20px auto; }
	.s_tit_txt {font-size:18px; margin-top: 0px; padding-left: 28px;}
	.s_tit:before {width: 5px; height: 16px;}
	.s_tit > span {font-size: 13px;}

	.ss_tit {font-size: 18px; margin-bottom: 10px; margin-top:25px; padding-left:13px}
    .ss_tit:before {width:4px; height:16px; top:5px;}
	.sss_tit {font-size:18px; margin-top:25px;}
	

    .s_txt_r {margin-top: -25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top: -45px;}
    .txt_in {padding-left:13px;}
	.b_txt {font-size: 15px;}
	.b_tit {font-size: 19px;}
	#inner_wrap {padding-bottom:20px;}
    #inner_wrap.no_visual {padding-top: 30px;}

  
	.white_box {padding:13px 8px;}
   
    .sub_con {font-size:13px; }
    .pop_wrap .pop_body {font-size: 13px;}

	
    .layerPop {font-size:0.95em; }
    .title_bar {padding:0px 0px 10px 0px; margin-bottom:10px; background-size:auto 60px; }
	.title_bar h2 {font-size:24px; }
	.title_bar .s_txt {font-size: 15px;}
    .title_bar .s_txt br {display: none;}
    .title_bar .s_txt2 {font-size: 1.25em; padding-top: 0px; margin-bottom:15px;}

	
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:60px !important;}
    .m_th_ss {width:45px !important;}    

    .w_name {width: 70px;}
    .w_date {width:80px;}
    .m_block {display: block !important; margin-bottom: 3px !important; float: none !important;}
    .scrollbox {height:120px;}
    .atab {margin-bottom: 20px;}
	.atab li a {font-size: 1.1em; height:45px; line-height: 140%;}
	.atab li {border-width: 3px !important;}

	
    .input_etc .pa {font-size:13px; line-height:36px;}
  
    .textarea {padding:5px 5px; font-size: 13px;}


    .radio_group {margin-top:-5px;}

    
    .main_content {padding:0px 0px 10px 0px;}
   
    .down_file > span {background-size:11px auto; padding-left: 16px; }
    


    .btab li a {font-size:14px; min-width:90px;}
    

    #inner_wrap .b_check_box .board-write th {font-size: 1.05em !important;}
	

    
	.gray_wrap {margin-top: 30px; padding-top:10px; padding-bottom: 30px;}
	.point_box {padding: 10px;}
    .br_box {padding:10px;}
	.gray_box {padding:5px;}
   
	.first_txt {font-size: 1.4em; padding-bottom:25px;}
	.first_txt .br {display: none;}
	

    .ico_note {padding-left:18px; background-size:13px auto; }

    
    
	.ico_note {padding-left:18px; background-size:13px auto; }
	.ico_note:before {width:14px; height: 14px; top: 3px;}
	.ico_note:after {width: 14px; height: 14px; font-size:12px; line-height: 14px; top:3px;}
    
    .img_two_block > li {width: 100%;}
    .img_two_block {padding: 0px;}
    .ebook_bt {padding-top: 30px;}
    .img_two_block > li .bul01 {padding-bottom: 0px;}
    .img_two_block > li .ss_tit {margin-top: 30px;}
    .br_box .img_two_block:first-child > li:first-child .ss_tit {margin-top:0px;}
    
    .sub_visual .cell {height:150px;}
    .sub_visual .cell > h2 {font-size: 26px;}
    
    .block_box > li {width: 100%}
    .block_box > li .box {min-height: 100px; padding: 15px;}
    
    .w_area dl dd.bt a {line-height: 44px;}
    .point_br {margin-top: 10px;}
    
    .rule_box {font-size: 12px;}
    
    .rule_box .txt_t {font-size:17px; margin-top: 30px; line-height:24px;}
    .rule_box .txt_t > span {height:24px; font-size:14px; min-width:60px;}
    .rule_box .bul_num > li {margin-bottom: 15px;}
	.mail_area .input_area {padding-right: 62px;}
	.mail_area .input_area .bt {width: 60px;}
	.mail_area {padding: 10px 60px 10px 10px;}
	.mail_area .bt_close {top: 4px;}
	
	.join_step > ol > li .ico {width:60px;}
	.join_step > ol > li:before {top:19px; width: 20px; left: -4px; background-size:20px auto;}
	.join_step > ol > li .txt {font-size:14px;}
	
	.join_type > dl {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}
    .join_type > dl > dt strong {min-height: auto; padding-bottom: 10px;}
    .join_type > dl > dd {font-size: 14px; min-height: auto; padding-bottom: 10px;}
    .join_type > dl > dd br {display: none;}
    
    .join_type > dl > dd.bt {padding-bottom: 0px;}
    .join_type > dl > dd.bt a {display: block;}
    
	.manual_scrollbox {max-height:370px; }
    
	.sitemap_wrap .gnb > ul > li {padding-top: 10px;}
	.sitemap_wrap .gnb > ul > li > a {font-size: 1.5em;}
	.sitemap_wrap .gnb .sub_menu > li { line-height: 120%; padding: 0px 10px}
	.sitemap_wrap .gnb .sub_menu > li > a {font-size: 13px;}
	.sitemap_wrap .gnb .sub_menu > li:after {height: 10px;}
	
	.search_flex > div label {flex-basis:60px;}
	
	.bbs_search .btn_search {font-size: 13px;}
	
	.listPerDaily > div:nth-child(2) > div {width: 100% !important; margin-bottom: 2px;}
	.listPerDaily > div:nth-child(2) > div:nth-child(1) {padding-right: 0px;}
	.search_top_area > ul > li {padding-left: 55px;}
	.search_top_area > ul > li:nth-child(7) {padding-left: 95px;}
	
	.date_picker .input {height: 30px; min-height: 30px;}
	.date_picker img {height: 20px; margin-top: -10px;}
}





/* 320px 이하 */
@media screen and (max-width:320px) {

    .atab li a {font-size:12px;}

    .btns > li {width:100%; float: none; padding:2px 0px;}
    .btn-tc {padding:20px 0px;}

}