@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
html, body {background:#fff;}
body.fixe {overflow:hidden;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
img {max-width:100%;}
.max100 {max-width:100% !important;}
.max100 .sub_con {max-width:100% }
.box_table {display:table; width:100%;}
.box_table .box_cell {display:table-cell; vertical-align:middle;}
.no_menu .m_gnb_on {display:none !important}

.sub_wrap {padding-top:80px; }
.sub_wrap #header {background:#fff; transition:all 0.3s 0s ease-in-out; border-bottom:1px solid #dddddd;}
.sub_wrap #header .w_gnb .gnb > ul > li > a > span {color:#37404e; font-weight:500;}
.sub_wrap #header .w_gnb .gnb > ul > li:hover > a > span {color:#37404e;}
.sub_wrap #header .w_gnb .gnb > ul > li.on > a > span {color:#37404e;}
.sub_wrap #header .top_menu .top_btns > li.ico01 a {background:#fff; color:#000; border-color:#333; }

.sub_wrap #header .menu_btn .line-top,
.sub_wrap #header .menu_btn .line-middle,
.sub_wrap #header .menu_btn .line-bottom {background:#000; transition:all 0.3s 0s ease-in-out;}

.login_ok .w_gnb {padding-right:190px;}
.login_ok .top_menu {right:50px;}


/* wrap */
#wrap {width:100%; max-width:1920px; overflow:hidden; margin:0 auto; transition:all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:1200px; margin:0 auto; position:relative; box-sizing:border-box; padding-bottom:90px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}

.inner {max-width:1200px; margin:0 auto;}
.inner:after { clear:both; content:""; display:block;}

.bg_wrap {background:#f2f2f2}

/* header */
.top_menu {position:absolute; right:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.top_menu .top_btns:after {clear:both; content:""; clear:both; }
.top_menu .top_btns > li {float:left; padding-left:5px; position:relative;}
.top_menu .top_btns > li:first-child {padding-left:0px;}
.top_menu .top_btns > li a {display:block; color:#fff; min-width:105px; height:32px; line-height:32px; text-align:center; border:1px solid #fff; border-radius:60px; font-size:15px;}
.top_menu .top_btns > li.ico02 a {color:#000000; border:1px solid #fdce00; background:#fdce00}

.top_menu .top_btns .my_submenu:after {display:block; content:""; width:8px; height:8px; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; position:absolute; left:50%; top:0%; margin:-4px 0px 0px -4px; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); z-index:99}
.top_menu .top_btns .my_submenu {position:absolute; left:50%; top:100%; margin-left:-75px; width:150px; margin-top:22px;}
.top_menu .top_btns .my_submenu > ul {border:1px solid #e5e5e5; border-radius:10px; background:#fff; padding:20px 0px;}

.top_menu .top_btns .my_submenu > ul > li > a {color:#333333; border:none; background:none;}

#header {width:100%; position:fixed; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out;}

.in_header {max-width:1720px; width:100%; height:79; box-sizing:border-box; margin:0 auto; position:relative; z-index:9}

.in_header .sitemap {position:absolute; right:0px; bottom:5px;}
#header h1 {position:absolute; left:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); overflow:hidden;  }
#header h1 a {display:block; overflow:hidden; height:100%; outline:none; background-size:cover !important}
#header.down {background:#fff; transition:all 0.3s 0s ease-in-out; border-bottom:1px solid #dddddd;}
#header.down .w_gnb .gnb > ul > li > a > span {color:#37404e; font-weight:500;}
#header.down .w_gnb .gnb > ul > li:hover > a > span {color:#37404e;}
#header.down .w_gnb .gnb > ul > li.on > a > span {color:#37404e;}
#header.down .top_menu .top_btns > li.ico01 a {background:#fff; color:#000; border-color:#333; }

#header.down .menu_btn .line-top,
#header.down .menu_btn .line-middle,
#header.down .menu_btn .line-bottom {background:#000; transition:all 0.3s 0s ease-in-out;}
#header .top_back {position:absolute; left:20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:none;}

.m_gnb_on {display:none; position:absolute; right:15px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; }
.m_gnb_on .menu_btn {margin:0 auto;}

.top_bel {position:absolute; padding-top:1px; right:55px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; }
.top_bel img {max-width:23px;}

/* GNB */

.w_gnb {padding:0px 240px 0px 200px; }
.w_gnb .gnb {max-width:1200px; margin:0 auto;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}

.w_gnb .gnb > ul {font-size:0px; display:table; width:100%; text-align:right;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {display:inline-block; zoom:1; *display:inline; position:relative; padding:0px 2%; box-sizing:border-box;}
.w_gnb .gnb > ul > li > a {display:block; color:#fff; text-align:left;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; font-size:17px; line-height:79px; height:79px; color:#fff; transition:all 0.2s 0s ease-in-out; font-weight:400; box-sizing:border-box;}
.w_gnb .gnb > ul > li:hover > a > span {color:#fff; border-bottom:2px solid #fdce00;}
.w_gnb .gnb > ul > li.on > a > span {color:#fff; border-bottom:2px solid #fdce00;}
.w_gnb .gnb > ul > li.gnb05 {float:left;}

.w_gnb .sub_menu  {position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:120%; box-sizing:border-box; overflow:hidden; top:100%; line-height:20px; display:none; padding:8px 5px; background:url(../img/common/png_70.png) repeat left top; }
.w_gnb .sub_menu > li {padding:7px 5px; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li:first-child {border-top:none;}
.w_gnb .sub_menu > li > a {display:block; font-size:15px; color:#fff; padding:2px 0px; line-height:16px; font-weight:100; letter-spacing:-1px; text-align:center;}
.w_gnb .sub_menu > li > a:hover {color:#fff;}
.three_depth { display:none;}


.gnb08 {display:none !important;}
.gnb09 {display:none !important;}


#gnb_bar {position:absolute; display:none; left:0%; top:100%; border-bottom:1px solid #ccc; width:100%; height:300px; background:#000; opacity:0.7; }


.slide_menu_wrap {width:70%; 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_top {height:88px; background:url(../img/common/logo.png) no-repeat center center #fff; box-sizing:border-box; border-bottom:1px solid #4a76b4}
.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:#333333; 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 25px; 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 .top_menu {position:relative; padding-bottom:15px; right:auto; top:auto; transform:none; -webkit-transform:none;}
.slide_menu_wrap .top_menu .inner {padding:0px;}
.slide_menu_wrap .top_btns > li {float:left; width:50%; margin:0px !important; padding:0px 4px; box-sizing:border-box;}

.slide_menu_wrap .top_btns > li > a {display:block; width:100%; height:40px; line-height:130%; box-sizing:border-box; padding:10px; background:#1f1f1f; color:#fff; text-align:center;}
.slide_menu_wrap .top_btns {float:none; overflow:hidden;}

.slide_menu_wrap .top_menu .top_btns .my_submenu {position:relative; left:auto; top:auto; margin:12px 0px 0px 0px;}
#slide_menu_wrap.login_ok .top_btns > li {float:none; width:100%; }
#slide_menu_wrap.login_ok .top_menu .top_btns .my_submenu {left:0%; margin-left:0px; width:100%;}
#slide_menu_wrap.login_ok .top_menu .top_btns .my_submenu > ul {padding:10px 0px;}

/* visual */
.main_visual {width:100%; position:relative; background:url(../img/main/visual01.jpg) no-repeat center top; background-size:cover !important;}

.main_visual .v_frame {max-width:1720px; height:100%; text-align:center; margin:0 auto; position:relative;}
.main_visual .v_frame .v_txt {position:absolute; left:10px; top:50%; transform:translateY(-50%); -weblkit-transform:translateY(-50%); color:#fff; font-size:52px; line-height:110%; text-align:left; font-weight:100; }

.main_visual .v_frame .v_txt .txt {position:relative;  line-height:140%; padding-bottom:20px;}
.main_visual .v_frame .v_txt .txt > strong {font-weight:600;}
.main_visual .v_frame .v_txt .txt_t {font-size:82px; font-weight:500; line-height:130%;}
.main_visual .v_frame .v_txt .txt_s {font-size:26px; line-height:130%;}
.main_visual .v_frame .v_txt .txt_s > strong {font-weight:600;}
.main_visual .v_frame img {max-width:100%;}


.main_count {background:#fdce00; padding:15px 0px;}
.main_count > ul {overflow:hidden; max-width:1200px; margin:0 auto;}
.main_count > ul > li {float:left; width:50%; box-sizing:border-box; text-align:center; font-size:18px; line-height:140%; font-weight:500; position:relative;}
.main_count > ul > li > strong {font-size:1.8em; font-weight:800; line-height:140%; padding-left:5px;}
.main_count > ul > li:before {display:block; content:""; width:1px; height:80%; position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:#caa500}
.main_count > ul > li:first-child:before {display:none}



/* section */
.section {padding:60px 0px;}

.section .m_tit {text-align:center; line-height:150%; padding:0px 0px 25px 0px; color:#000;  font-size:32px; font-weight:300;}
.section .m_tit .bb {font-weight:700;}

.section .m_tit_s {text-align:center; display:block;  color:#000; font-size:20px; line-height:150%; font-weight:100; padding:0px 0px 30px 0px;  }



.btn_pr {max-width:1200px; margin:0 auto; box-sizing:border-box; position:relative; text-align:center;}
.mg_btn.pa {position:absolute; right:0%; top:50px; border:1px solid #000; background:#fff; color:#000;  padding:5px 25px;}
.mg_btn span {display:inline-block; min-width:120px; box-sizing:border-box; font-size:16px; line-height:38px; font-weight:100; color:#000;}

#main_s1 {padding:20px 0px 40px 0px; background:#f2f5f6}
#main_s1 .more {float:right; margin-top:10px;}
#main_s1 .inner {position:relative; padding-top:40px;}
.section .more > a {display:block; color:#000000; font-size:15px; line-height:33px; padding-right:55px; background:url(../img/main/more.png) no-repeat 98% center; font-weight:100;}

.main_quick {overflow:hidden; display:flex; flex-wrap:wrap; margin:-5px;}
.main_quick > li {float:left; width:12.5%; box-sizing:border-box; text-align:center; padding:5px;}
.main_quick > li > a {display:block; }
.main_quick > li > a .ico {display:inline-block; background:#fff; border-radius:100%; overflow:hidden; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out;}
.main_quick > li > a:hover .ico {background:#fdce00; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out;}
.main_quick > li > a .txt {display:block; color:#000000; font-size:17px; padding-top:5px;}





.main_banner_wrap {max-width:1200px; margin:0 auto; position:relative;}
.main_banner_wrap .s_bt {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.main_banner_wrap #proprev {left:-70px;}
.main_banner_wrap #pronext {right:-70px;}
.main_banner > li .box {width:100%; display:table;}
.main_banner > li .box .cell {display:table-cell; box-sizing:border-box; padding-right:49%; vertical-align:middle; width:100%; height:420px; position:relative;}
.main_banner > li .box .cell .bg {position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; max-width:47%;}
.main_banner > li .box .cell .txt {font-size:52px; position:relative; z-index:9; line-height:130%; color:#000; padding-bottom:30px;}
.main_banner > li .box .cell .txt > strong {display:block; font-weight:600;}
.main_banner > li .box .cell .txt_s {font-size:32px; position:relative; z-index:9; line-height:130%; color:#000; padding-bottom:30px;}
.main_banner > li .box .cell .txt > strong {font-weight:600;}
.main_banner > li .box .cell .txt_ss {font-size:16px; padding-top:20px;}
.main_banner > li .box .cell .bt {text-align:center; display:block; max-width:255px; line-height:65px; color:#000; font-size:20px; background:#fdce00; border-radius:6px; font-weight:500; }



#main_s3 {position:relative; background:#fdce00}
#main_s3 .more {position:absolute; right:0px; top:0px;}
#main_s3 .inner {position:relative;}
#main_s3 .more > a {background:url(../img/main/more2.png) no-repeat 98% center;}

.main_review {overflow:hidden; margin:-4px}
.main_review > li {float:left; width:33.333%; box-sizing:border-box; padding:4px;}
.main_review > li .box {border-radius:5px; background:#fff; padding:20px 30px;}
.main_review > li .box .star_wrap {width:81px; margin-bottom:20px; vertical-align:top;}
.main_review > li .box a {display:block; font-size:16px; color:#000; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; font-weight:400; line-height:26px; height:104px;}

#main_s4 {background:url(../img/main/s4_bg.jpg) no-repeat center center;}
#main_s4 .inner {display:table; width:100%; box-sizing:border-box;}
#main_s4 .inner .cell {display:table-cell; vertical-align:middle; text-align:center; height:350px; }
#main_s4 .inner .cell h3 {font-size:42px; line-height:140%; color:#000; }
#main_s4 .inner .cell > ul {overflow:hidden; max-width:485px; margin:0 auto; padding-top:15px;}
#main_s4 .inner .cell > ul > li {float:left; width:50%; padding:7px; box-sizing:border-box;}
#main_s4 .inner .cell > ul > li > a {display:block; border-radius:60px; text-align:center; line-height:56px; font-size:20px; color:#000; background:#fff; }


.notice_roll_wrap {border:1px solid #e0e0e0; padding:20px 140px 20px 170px; position:relative; height:24px;}
.notice_roll_wrap:before {display:block; content:""; width:1px; height:20px; background:#e0e0e0; position:absolute; left:140px; top:50%; margin-top:-10px;}
.notice_roll_wrap:after {display:block; content:""; width:21px; height:100%; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; position:absolute; right:66px; top:0%;}
.notice_roll_wrap > h3 {position:absolute; left:25px; top:23px; color:#000; font-size:20px;}
.notice_roll_wrap .more_view {position:absolute; right:0px; top:0px; height:100%; display:table; width:65px;}
.notice_roll_wrap .more_view > a {display:table-cell; vertical-align:middle; height:100%;text-align:center; font-size:26px; color:#666; }

.notice_roll > li {box-sizing:border-box;}
.notice_roll > li > a {display:block; position:relative; line-height:24px; font-size:17px; padding-right:120px;}
.notice_roll > li > a > .txt {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; max-width:calc(100% - 30px); max-width:-webkit-calc(100% - 30px); vertical-align:top;}
.notice_roll > li > a > img {display:inline-block; vertical-align:top; margin-top:5px;}
.notice_roll > li > a > .date {position:absolute; right:0px;  top:50%; margin-top:-8px; padding-left:23px; background:url(../img/main/ico_time.gif) no-repeat left top; line-height:16px; height:17px; font-size:14px; }
.notice_roll_wrap .bx-wrapper .bx-controls-direction a {top:0%; margin-top:0px; width:21px; height:21px;}
.notice_roll_wrap .bx-wrapper .bx-prev {left:auto; right:-73px; top:-20px !important; background-position:-4px -6px; }
.notice_roll_wrap .bx-wrapper .bx-next {left:auto; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;  right:-73px; top:0px !important; background-position:-4px -35px; }

.notice_roll_wrap .bx-wrapper .bx-controls-auto {position:absolute; z-index:999; right:-73px;  top:23px; bottom:auto;  width:21px;}
.notice_roll_wrap .bx-wrapper .bx-controls-auto .bx-start {width:21px; height:21px; background-position:-73px -8px; margin:0px; border:none; border-radius:0%;}
.notice_roll_wrap .bx-wrapper .bx-controls-auto .bx-stop {width:21px; height:21px; background-position:-74px -37px; margin:0px; border:none; border-radius:0%;}
.notice_roll_wrap .bx-wrapper .bx-controls-auto .active {display:none;}

.customer_quick {overflow:hidden; padding:40px 0px 0px 0px;}
.customer_quick > li {float:left; width:25%; box-sizing:border-box; padding:10px; text-align:center;}
.customer_quick > li > a {display:inline-block; font-size:15px; color:#666666; line-height:140%;}
.customer_quick > li > a .ico {display:block; padding:0px 0px 10px 0px;}
.customer_quick > li > a > strong {display:block; color:#000; font-size:1.3em; font-weight:500; padding-bottom:5px; line-height:130%;}


.hover:hover .ico_circle {background:#0e437f; transition:all 0.2s 0s ease-in-out; -webkit-transition:all 0.2s 0s ease-in-out;}



#main_s5 {padding-top:0px;}

@media (hover:none) {
    .hover:hover .ico_circle {background:#007dc6;}
    .main_banner_wrap .bt > li > a:hover {background:#ffc240; }
}





/* footer */
#footerW {clear:both; word-break:keep-all; position:relative; width:100%; background:#f6f6f6; padding:40px 0px 20px 0px;}

#footer_navi {float:right; position:relative; padding-top:80px;}
#footer_navi > ul {font-size:0px; text-align:left; padding:25px 0px 25px 0px;}
#footer_navi > ul li {display:inline-block; vertical-align:middle; padding:0px 17px; background:url(../img/common/f_line.gif) no-repeat left center;}
#footer_navi > ul li:first-child {padding-left:0px; background:none;}
#footer_navi > ul li a {display:block; font-size:15px; color:#000000; line-height:20px; font-weight:400; }
#footer_navi > ul.f_sns {text-align:left; }
#footer_navi > ul.f_sns li {background:none; padding:0px 2px;}
#footer_navi .go_customer {position:absolute; right:0px; top:75px; text-align:center; width:140px; }
#footer_navi .go_customer > a {display:block; border:1px solid #000; border-radius:6px; line-height:40px; margin-top:10px; }


#footer_add .top {position:absolute; right:0px; top:0px;}
#footer_add a {color:#adadad}
#footer {position:relative; max-width:1200px; box-sizing:border-box; padding:0px 10px; font-size:15px; margin:0 auto; overflow:hidden;}


#footer .addressW {float:left; box-sizing:border-box; padding:80px 0px 0px 0px; position:relative; color:#000; line-height:21px; font-weight:100; z-index:9; background:url(../img/common/f_logo.gif) no-repeat left top;}
#footer .addressW a {color:#fff}
#footer .addressW address {margin-left:-10px; padding-top:0px; line-height:150%; color:#000000;}
#footer .addressW address span {display:inline-block; padding:2px 10px;}
#footer .addressW address .line {width:1px; height:12px; background:#4e5460; padding:0px; }
#footer .addressW address strong {display:inline-block; padding:2px 10px; color:#003876;}
#footer .copy {display:block !important; font-weight:100; margin-bottom:20px; padding:0px 0px 0px 0px; color:#918f8f;}
#footer .go_top {position:absolute; right:40px; top:0px; }

.footer_quick {position:fixed; background:#5d5d5d; z-index:999; left:0px; bottom:0px; width:100%; display:none;}
.footer_quick > ul {overflow:hidden;}
.footer_quick > ul > li {float:left; width:20%; box-sizing:border-box;}
.footer_quick > ul > li > a {display:block; text-align:center; padding:5px;}
.footer_quick > ul.six > li {width:16.666666%}





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




.sub_visual {height:390px; padding:100px 10px 0px 10px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover!important; background:url(../img/common/sub_visual.jpg) no-repeat center top;}
.sub_visual .sub_txt {display:table; height:100%; width:100%;}
.sub_visual .sub_txt .cell {display:table-cell; vertical-align:middle; height:100%; text-align:center;}
.sub_visual .sub_txt .cell .sub_tit_s {font-size:36px; line-height:130%; color:#fff; font-weight:100; padding-top:20px;}

.sub_wrap_1 .sub_visual {background:url(../img/introduce/sub_visual.jpg) no-repeat center top;}
.sub_wrap_2 .sub_visual {background:url(../img/remicon/sub_visual.jpg) no-repeat center top;}
.sub_wrap_3 .sub_visual {background:url(../img/aggregate/sub_visual.jpg) no-repeat center top;}
.sub_wrap_4 .sub_visual {background:url(../img/recruit/sub_visual.jpg) no-repeat center top;}
.sub_wrap_5 .sub_visual {background:url(../img/business/sub_visual.jpg) no-repeat center top;}
.sub_wrap_6 .sub_visual {background:url(../img/customer/sub_visual.jpg) no-repeat center top;}



.sub_wrap_8 .sub_visual {background:url(../img/member/sub_visual.jpg) no-repeat center top;}
.sub_wrap_9 .sub_visual {background:url(../img/mypage/sub_visual.jpg) no-repeat center top;}




#sub_tit {font-size:42px; color:#000; font-weight:700; padding-bottom:20px; line-height:140%; position:relative; z-index:10}
#sub_tit .txt_s {font-size:36px; display:inline-block;}


#m_lnb {display:none;}


#lnb_wrap {position:relative; max-width:1200px; min-height:70px; z-index:10; margin:0px auto; box-sizing:border-box;}
#lnb_wrap .lnb {max-width:1200px; margin:0 auto;}
#lnb_wrap .lnbs1 {display:none;}
#lnb_wrap .ico_home {display:none;}
#lnb_wrap .ico_home a {display:block; width:49px; height:41px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.gif) no-repeat center center #f1592a;}
.lnbs2 ul {text-align:left; font-size:0px;}
.lnbs2 ul li {color:#fff; display:inline-block; position:relative; padding:0px 20px;}

.lnbs2 ul li.on a:after {display:block; content:""; width:10px; height:10px; background:#ed1a3b; display:block; margin:0 auto; margin-top:5px; border-radius:100% }

.lnbs2 ul li a {color:#000; font-size:18px; display:block; line-height:30px; max-height:70px; padding:20px 0px 20px 0px; box-sizing:border-box; font-weight:400;}

#lnb_tit2 {display:none}



#lnb_tit {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 90% center; cursor:pointer;}
#lnb_tit2 {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}



.title_bar {margin:0 auto; position:relative; text-align:center;}
.title_bar h2 {font-size:42px; color:#000000; max-width:1200px; margin:0 auto; line-height:100%; transition:all 0.2s 0s ease-in-out; font-weight:700; padding-bottom:20px; }
.title_bar h2:after {display:block; margin-top:35px; content:""; vertical-align:top; width:100%; height:1px; max-width:408px; background:#ed1a3b;}
.title_bar .s_txt {font-size:42px; color:#000; padding-top:50px; line-height:140%; font-weight:100; padding-bottom:10px; 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_inner {display:inline-block; vertical-align:top; width:100%; box-sizing:border-box;  max-width:1720px; text-align:left; }
.title_bar_inner:after {display:block; content:""; width:100%; height:100%; background:#fff; box-sizing:border-box;   box-shadow:3px 4px 12px #d6d6d6; z-index:9; position:absolute; left:5%; top:0px;}
.title_bar .lnbs2 ul {margin:0px -20px; padding-bottom:15px;}

.location {line-height:17px; height:35px; padding-top:20px; text-align:right; max-width:1200px; margin:0 auto; font-size:16px; z-index:10; position:relative;}
.location span {display:inline-block; zoom:1; *display:inline; padding-left:15px; margin-left:10px; background:url(../img/common/location.png) no-repeat left center; color:#666666; font-weight:300;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {font-weight:500; color:#000;}
.location #location_3 {font-weight:500; color:#000;}
.location img {vertical-align:top; margin-top:1px;}

.sub_title {font-size:36px; color:#333333; line-height:140%; font-weight:600; padding-bottom:30px; position:relative;}
.sub_title:before {display:block; content:""; width:100px; height:5px; background:#000000; position:absolute; left:-150px; top:15px;}

.sub_con {padding-top:60px; max-width:1200px; margin:0 auto; font-size:17px; font-weight:300; line-height:160%; word-break:keep-all;}
.sub_con > .s_tit:first-child {margin-top:0px;}
.sub_con img {max-width:100%;}
.sub_tit {font-size:26px; color:#333333; line-height:140%; text-align:center; padding:20px 0px 10px 0px;}
.sub_tit_p {font-size:24px; color:#82308e; line-height:140%; text-align:center; padding:20px 0px 10px 0px; font-weight:700;}
.s_tit {font-size:30px; position:relative; color:#333333; line-height:120%; padding:0px 0px 25px 20px; margin-top:60px; font-weight:700;}
.s_tit .small {display:inline-block; color:#5c5c5c; font-size:0.7em; font-weight:300;}
.s_tit:before {display:block; content:""; width:5px; height:33px; background:#ed1a3b; position:absolute; left:0px; top:2%;}

.s_tit.line {border-bottom:2px solid #356fa8}
.s_tit.tc {text-align:center; background:none !important; padding-left:0px;}
.s_tit.tc:before {display:none;}
.ss_tit {font-size:26px; position:relative; color:#333333; line-height:140%; padding:0px 0px 10px 0px; margin-bottom:10px; margin-top:45px; font-weight:600;}
.ss_tit:after {display:inline-block; border-radius:100%; content:""; width:20px; height:20px; background:#fee101; margin:-5px 0px 0px -10px; vertical-align:top}
.ss_tit.no_marker:after {display:none;}
.ss_tit > span {display:inline-block; position:relative; vertical-align:top;}
.sss_tit {font-size:18px; position:relative; color:#333333; line-height:140%; padding:0px 0px 0px 0px; margin-bottom:10px;  margin-top:35px; font-weight:600;}
.sss_tit:after {display:inline-block; border-radius:100%; content:""; width:20px; height:20px; background:#fee101; margin:-6px 0px 0px -12px; vertical-align:top}
.sss_tit > span {position:relative; vertical-align:top;}

.s_titW {overflow:hidden; padding:50px 0px 25px 0px;}
.s_titW .s_tit {margin-top:0px; padding-bottom:0px;}


.b_txt {font-size:22px; color:#000; line-height:150%;}
.bb_txt {font-size:20px; font-weight:700; color:#000; 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;}

.ss_tit .s_txt {font-size:14px; font-weight:300; margin-left:10px;}
.text_in {padding-left:20px;}


.view_tit.tl {padding-left:25px;}
.view_tit {padding:20px 10px 20px 10px; font-weight:300; font-size:1.05em; background:#f0f1f5; text-align:center; border:1px solid #ddd;}
.view_tit .v_tit {font-size:1.4em; font-weight:400; line-height:130%; word-break:break-all;}
.view_tit .v_tit .ico {display:inline-block; border:1px solid #0c91dd; background:#fff; color:#0c91dd; font-size:1rem; padding:0px 5px; min-width:46px; vertical-align:top; margin-right:4px; text-align:center; height:24px; line-height:22px;}
.view_tit .v_list {font-size:0px; padding-top:0px;}
.view_tit .v_list > li {display:inline-block; color:#003366; vertical-align:top; font-size:1.05rem; padding:5px 10px; position:relative;}
.view_tit .v_list > li:before {display:block; content:""; width:1px; height:14px; background:#666; position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.view_tit .v_list > li:first-child:before {display:none;}
.view_tit .date { line-height:130%; text-align:center; padding-top:10px;}
.view_tit .date:before {display:inline-block; content:url(../img/common/ico_date.png); margin-right:10px;}
.view_tit .re_wrap {background:none;  padding:10px 15px 0px 100px; margin:0px;}
.view_tit .re_wrap .txt_t {left:0px; top:15px; transform:none; -webkit-transform:none;}


.view_file {border:1px solid #ccc; margin-top:-1px; padding:25px 30px;}
.view_file .tit {font-size:1.1em; font-weight:500; padding-left:30px; background:url(../img/common/ico_file2.png) no-repeat left center;}
.view_file > ul {padding:15px 0px 0px 30px;}
.view_file > ul > li:first-child {margin-top:0px;}
.view_file > ul > li {margin-top:10px; font-size:16px; color:#333333; line-height:30px; }
.view_file > ul > li > a {margin-left:10px;}
.view_file > ul > li .down {display:inline-block; padding:0px 10px; height:30px; line-height:30px; vertical-align:top; color:#fff; background:#282d41}
.view_file > ul > li .down > span {display:block; color:#fff;  font-size:14px; height:30px; padding-right:30px; background:url(../img/common/ico_down.png) no-repeat right center; line-height:30px; }

.board_content {padding:30px 0px; /*border-bottom:1px solid #ccc;*/}


.click_count {padding:10px 0px; text-align:right;}
.t_name {padding:20px 0px; font-size:1.15em; color:#666666; line-height:34px;}
.t_name img {vertical-align:top; padding-left:5px;}
.br_box {padding:15px;}
.gray_box {background:#f6f6f6; padding:15px; border-radius:30px; }

.ico_level {display:inline-block; width:27px; height:34px; text-align:center; line-height:34px; background:url(../img/graduate/ico_level.png) no-repeat center top; color:#000000; }






.radio_group.radio_type1 {margin-left:-3px;}
.radio_group.radio_type1 > li {padding:5px 0px 0px 3px;}
.radio_group.radio_type1 > li > label {display:block; min-width:30px; text-align:center; padding:0px 12px; height:22px; line-height:20px; font-size:14px; cursor:pointer; border:1px solid #003876; background:#fff; border-radius:20px; color:#003876}
.radio_type1 > li > label .ez-radio {display:none;}
.radio_type1 > li > label.ez-selected {background:#003876; color:#fff}




.faq_list {border-top:1px solid #e2e2e2; margin-top:-1px;}
.faq_list > li {border-bottom:1px solid #e2e2e2}
.faq_list > li .title {padding:26px 40px 27px 75px; background:url(../img/common/arrow.gif) no-repeat right center;line-height:140%; color:#323232; position:relative; font-size:15px; color:#666666; font-weight:500; cursor:pointer;}
.faq_list > li .title.on {background:url(../img/common/arrow2.gif) no-repeat right center; color:#000000;}
.faq_list > li .title .q {position:absolute; width:36px; height:36px; line-height:33px; border-radius:100%; border:1px solid #cccccc; left:20px; top:50%; margin-top:-18px; color:#666666; text-align:center; font-weight:700; font-size:24px;}
.faq_list > li .title.on .q {color:#0c91dd; border-color:#0c91dd; }
.faq_list > li .answer_wrap {padding:19px 19px 19px 19px; display:none; background:#f2f2f2; border:1px solid #cccccc; margin-bottom:-1px; }
.faq_list > li .answer {min-height:22px; padding:8px 0px 8px 55px; line-height:140%; color:#333333; word-break:keep-all; word-wrap:break-word; position:relative; font-size:15px; font-weight:500;}
.faq_list > li .answer .a {position:absolute; width:36px; height:36px; line-height:33px; border-radius:100%; border:1px solid #0c91dd; left:0px; top:0px; color:#0c91dd; text-align:center; font-weight:700; font-size:24px;}



.eight_service > dl {margin-top:10px;}
.eight_service > dl > dt {padding:10px 15px; background:#f5f7f8; font-size:20px; color:#000000; font-weight:500; line-height:140%;}
.eight_service > dl > dt .small {display:block; font-weight:300; color:#f0236e; font-size:16px;}
.eight_service > dl > dt .small .recom {display:inline-block; margin-right:5px; color:#f0236e; border:1px solid #f0236e; background:#fff; vertical-align:middle; font-size:0.85em; line-height:24px; padding:0px 5px;}
.eight_service > dl > dd {padding:10px 10px 10px 15px;}

.join_steps {text-align:center; font-size:0px; padding-bottom:20px;}
.join_steps > li {display:inline-block; margin:0px 2px; width:16px; height:16px; box-sizing:border-box; border:1px solid #ccc; border-radius:100%; }
.join_steps > li.on {background:#fdce00; border:none; }

.service_check {max-width:680px; margin:0 auto;}
.service_check > ul {overflow:hidden; padding-top:10px; }
.service_check > ul > li {float:left; width:25%; box-sizing:border-box; text-align:center; padding:10px;}
.service_check > ul > li > button {display:block; width:100%; text-align:center; outline:none;}
.service_check > ul > li > button .ico {display:inline-block; background:#f6f6f6; border-radius:100%; overflow:hidden;}
.service_check > ul > li > button .txt {display:block; min-height:44px; margin-top:5px; font-size:16px;}
.service_check > ul > li.on > button .ico {background:#fdce00;}
.service_check > ul.five > li {width:20%;}
.service_check > ul.three > li {width:33.33%;}
.service_check > ul.on_img > li > button .ico {position:relative;}
.service_check > ul.on_img > li > button .ico .pa {left:0px; top:0px; display:none;}


.box_radio {font-size:0px; text-align:center;}
.box_radio > li {display:inline-block; padding:2px; vertical-align:top; box-sizing:border-box;}
.box_radio > li label {display:table-cell; font-size:16px; height:37px; box-sizing:border-box; border-left:none; border:1px solid #dcdada; text-align:center; vertical-align:middle; min-width:80px; padding:0px 10px; background:#fff; color:#000; cursor:pointer; border-radius:60px; }

.box_radio > li label > span {display:none;}
.box_radio > li .ez-selected {color:#000; position:relative; border-color:#fdce00 !important; background:#fdce00 !important;}
.box_radio > li .ez-checked {color:#000; position:relative; border-color:#fdce00 !important; background:#fdce00 !important;}
.box_radio.three {overflow:hidden;}
.box_radio.three > li {width:33.3333%; display:table; float:left;}
.box_radio.four {overflow:hidden;}
.box_radio.four > li {width:25%; display:table; float:left;}
.box_radio.two {overflow:hidden; margin:0px -5px}
.box_radio.two > li {width:50%; display:table; float:left; padding:3px 5px;}
.box_radio.small > li label {height:38px; min-width:38px; }
.box_radio.full > li .ez-selected {color:#fff; background:#00907f}
.box_radio.big > li label {font-size:16px; height:76px; width:100%}
.box_radio.normal > li label {font-size:16px; height:55px; width:100%}


.join_step_wrap {max-width:640px; margin:0 auto;}

.bar_radio {position:relative; margin:20px 0px 30px 0px;}
.bar_radio > ul {padding-top:9px; margin:0px -8%;}
.bar_radio > ul:after {display:block; content:""; clear:both;}
.bar_radio > ul:before {display:block; content:""; width:calc(100% - 30px); width:-webkit-calc(100% - 30px); height:13px; position:absolute; left:15px; top:9px; background:#cccccc;}
.bar_radio > ul > li {float:left; width:20%; box-sizing:border-box; text-align:center; position:relative; z-index:9;}

.bar_radio > ul > li > button {outline:none; display:inline-block; font-size:18px; color:#000000; line-height:140%; }
.bar_radio > ul > li > button > span  {display:block; margin:0 auto; margin-top:-9px; margin-bottom:5px; border-radius:100%; width:30px; height:30px; box-sizing:border-box; background:#fff; border:1px solid #cccccc}
.bar_radio > ul > li > button.on > span  {border:8px solid #fdce00}
.bar_radio #on_bar {display:block; width:0px; height:13px; position:absolute; left:15px; top:9px; background:#fdce00; z-index:8;}
.bar_radio #on_bar.age20 {width:0;}
.bar_radio #on_bar.age30 {width:calc(30% - 30px); width:-webkit-calc(30% - 30px);}
.bar_radio #on_bar.age40 {width:calc(53% - 30px); width:-webkit-calc(53% - 30px);}
.bar_radio #on_bar.age50 {width:calc(76% - 30px); width:-webkit-calc(76% - 30px);}
.bar_radio #on_bar.age60 {width:calc(100% - 30px); width:-webkit-calc(100% - 30px);}

.bar_radio.five > ul > li {width:12.5%;}
.bar_radio.five > ul {margin:0px -4%;}
.bar_radio.five #on_bar.age30 {width:calc(19% - 30px); width:-webkit-calc(19% - 30px);}
.bar_radio.five #on_bar.age40 {width:calc(32% - 30px); width:-webkit-calc(32% - 30px);}
.bar_radio.five #on_bar.age50 {width:calc(46% - 30px); width:-webkit-calc(46% - 30px);}
.bar_radio.five #on_bar.age60 {width:calc(59% - 30px); width:-webkit-calc(59% - 30px);}
.bar_radio.five #on_bar.age70 {width:calc(73% - 30px); width:-webkit-calc(73% - 30px);}
.bar_radio.five #on_bar.age80 {width:calc(87% - 30px); width:-webkit-calc(87% - 30px);}
.bar_radio.five #on_bar.age90 {width:calc(100% - 30px); width:-webkit-calc(100% - 30px);}




.when_service {padding:10px;}
.when_service > dl {position:relative; padding-left:200px; margin-top:15px; }
.when_service > dl:first-child {margin-top:0px; }
.when_service > dl > dt {position:absolute; left:0px; top:5px; font-size:1em; }

#datepicker .ui-datepicker {margin:0 auto;}

.join2_step1 {padding-top:30px;}
.join2_step1 > li {border:1px solid #ccc; margin-top:-1px;}
.join2_step1 > li:hover {border-color:#f0236e; position:relative; background:#f5f7f8;}
.join2_step1 > li.on {border-color:#f0236e; position:relative; background:#f5f7f8;}
.join2_step1 > li > button {display:block; width:100%; outline:none; padding:20px; font-size:16px; color:#333333; text-align:left;}
.join2_step1 > li > button .txt_t { padding-right:10px;  display:inline-block; color:#000; font-weight:700; font-size:1.2em; line-height:140%; vertical-align:top}
.join2_step1 > li > button .ico {display:inline-block; vertical-align:top; border:1px solid #f0236e; font-size:14px; color:#f0236e; line-height:130%; padding:3px 10px;}
.join2_step1 > li > button .txt_s {display:block;  padding-top:10px;}


.eight_service > dl.certification_top:first-child:before {display:none;}
.eight_service > dl.certification_top {background:#f5f7f8; margin-top:0px; padding:10px; position:relative}
.eight_service > dl.certification_top:before {display:block; content:""; height:1px; width:calc(100% - 30px); width:-webkit-calc(100% - 30px); background:#ccc; position:absolute; left:50%; top:0px; transform:translateX(-50%); -webkit-transform:translateX(-50%)}
.eight_service > dl.certification_top > dt .txt_s {display:inline-block; font-size:0.8em; font-weight:300;}
.eight_service > dl.certification_top > dd {padding-top:0px}
.small_btns {font-size:0px; margin-left:-2px;}
.small_btns > li {display:inline-block; margin:2px; color:#f0236e; border:1px solid #f0236e; background:#fff; vertical-align:middle; font-size:14px; line-height:24px; padding:0px 15px;}
.small_btns > li a {display:block; color:#f0236e;}
.small_btns.blue > li {color:#4867aa; border:1px solid #4867aa;}
.small_btns.blue > li a {color:#4867aa;}

.document_info > li:first-child {padding-top:0px;}
.document_info > li {padding-top:20px; color:#333333;}
.document_info > li .txt_t {display:block; font-size:1.15em; line-height:140%; padding-bottom:5px; }

.area_choice > li {position:relative; margin-top:5px; padding-left:80px;}
.area_choice > li .txt_t {display:block; position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%)}

.day_sc  {padding-top:30px;}
.day_sc > ul {overflow:hidden; margin:0px -2px;}
.day_sc > ul > li {float:left; box-sizing:border-box; padding:1px; width:14.2% }
.day_sc > ul > li > div {border:1px solid #ccc; text-align:center; padding:10px;}
.day_sc > ul > li > div h4 {font-size:18px;}
.day_sc > ul > li > div .box_radio {padding:10px 0px;}
.day_sc > ul > li > div .box_radio > li label {min-width:60px; font-size:15px; height:33px;}
.day_sc > ul > li > div .tc {font-size:13px;}
.day_sc > ul > li > div .tc .ez-checkbox {padding:0px;}


.self-introduction > ul > li:first-child {border-top:none; padding-top:0px;}
.self-introduction > ul > li {padding:20px 0px; border-top:1px solid #dbdbdb}
.self-introduction > ul > li > h4 {font-size:18px; line-height:140%; padding-bottom:10px; font-weight:700}
.self-introduction > ul > li > h4 > span {display:inline-block; font-size:15px; color:#333333; font-weight:400; padding:0;}

.mypage_box {border:1px solid #ccc; position:relative; overflow:hidden;}
.mypage_box:after {display:block; content:""; width:1px; height:100%; background:#ccc; position:absolute; left:50%; top:0px;}
.mypage_box > div {float:left; width:50%; box-sizing:border-box; padding:30px;}
.mypage_box .my_box .box_in {min-height:150px;}
.mypage_box .my_box .box_in .name > strong {display:inline-block; font-size:24px; line-height:140%; vertical-align:baseline;}
.mypage_box .my_box .t_bt {overflow:hidden; margin:-2px;}
.mypage_box .my_box .t_bt > li {float:left; width:50%; box-sizing:border-box; padding:2px;}
.mypage_box .my_box .bt {overflow:hidden; margin:-2px; max-width:340px;}
.mypage_box .my_box .bt > li {float:left; width:50%; box-sizing:border-box; padding:2px;}
.mypage_box .my_box .bt > li > a {display:block; text-align:center; border:1px solid #dcdada; height:35px; line-height:35px; padding:0px 5px; border-radius:30px; font-size:16px; color:#000000;  }
.mypage_box .my_box_info {position:relative;}
.mypage_box .my_box_info > h4 {overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:20px; font-size:24px; line-height:35px; font-weight:500; margin-bottom:10px; }
.mypage_box .my_box_info > h4 .bt {float:right; font-weight:300; color:#fff; line-height:34px; background:#000000; font-size:14px;}
.mypage_box .my_box_info > h4 .bt a {color:#fff; display:block; padding:0px 10px;}
.mypage_box .my_box_info .info {padding:15px 0px;}
.mypage_box .my_box_info .info > li {position:relative; margin-top:5px; padding-left:60px;}
.mypage_box .my_box_info .info > li .txt_t {position:absolute; left:0px; top:0px;}
.mypage_box .my_box_info .bts {position:absolute; right:30px; bottom:30px; min-width:150px;}
.mypage_box .my_box_info .bts a {display:block; text-align:center; padding:0px 15px; border:1px solid #f0236e; font-weight:300; color:#f0236e; line-height:32px; background:#fff; font-size:14px;}
.mypage_box .t_my_box {padding-left:180px; position:relative; min-height:180px; }
.mypage_box .t_my_box .photo_upload {position:absolute; left:0px; top:0px;}
.mypage_box .t_my_box .photo_upload .file_upload {width:100%; text-align:center; height:auto; right:auto; bottom:auto; position:relative; padding-top:5px;}
.mypage_box .t_my_box .photo_upload .file_upload > a {display:block; text-align:center; border:1px solid #dcdada; height:35px; line-height:35px; padding:0px 5px; border-radius:30px; font-size:16px; color:#000000;  }

.push_t_wrap { padding:5px 0px;}
.push_t_wrap .push_t {padding:2px; padding-left:95px; /*145px*/ min-height:34px;} 
.push_t {position:relative; min-height:42px; padding:10px; box-sizing:border-box; color:#131313; font-weight:500; line-height:30px; padding-left:105px; }
.push_t .txt_t {position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:17px; color:#000000; line-height:140%; font-weight:500;}
.push_bt {display:block; width:100px; height:32px; cursor:pointer; border-radius:60px; background:#cccccc; border:1px solid #ccc; position:relative;}
.push_bt .ball {display:block; position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:28px; height:28px; background:#fff; border-radius:100%; margin-left:3px; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out;}
.push_bt.ez-checked .ball {left:auto; right:0px; margin:0px 3px 0px 0px; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out;}
.push_bt.ez-checked {background:#fdce00;}
.push_bt.ez-checked .txt {color:#000}
.push_bt .txt {display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:100%; line-height:24px; color:#fff; font-size:17px; line-height:32px; font-weight:500; text-align:center;}
.push_bt .ez-checkbox {opacity:0;}

button.push_btt {outline:none;}
.push_bt.on .ball {left:auto; right:0px; margin:0px 3px 0px 0px; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out;}
.push_bt.on {background:#fdce00;}
.push_bt.on .txt {color:#000}

.push_bt_t {display:block; width:100px; height:32px; cursor:pointer; border-radius:60px; background:#cccccc; border:1px solid #ccc; position:relative;}
.push_bt_t .ball {display:block; position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:28px; height:28px; background:#fff; border-radius:100%; margin-left:3px; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out;}
.push_bt_t.ez-checked .ball {left:auto; right:0px; margin:0px 3px 0px 0px; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out;}
.push_bt_t.ez-checked {background:#fdce00;}
.push_bt_t.ez-checked .txt {color:#000}
.push_bt_t .txt {display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:100%; line-height:24px; color:#fff; font-size:17px; line-height:32px; font-weight:500; text-align:center;}
.push_bt_t .ez-checkbox {opacity:0;}

.push_bt_t.on .ball {left:auto; right:0px; margin:0px 3px 0px 0px; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out;}
.push_bt_t.on {background:#fdce00;}
.push_bt_t.on .txt {color:#000}

.matching_bt_t {display:block; width:100px; height:32px; cursor:pointer; border-radius:60px; background:#cccccc; border:1px solid #ccc; position:relative;}
.matching_bt_t .ball {display:block; position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:28px; height:28px; background:#fff; border-radius:100%; margin-left:3px; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out;}
.matching_bt_t.ez-checked .ball {left:auto; right:0px; margin:0px 3px 0px 0px; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out;}
.matching_bt_t.ez-checked {background:#fdce00;}
.matching_bt_t.ez-checked .txt {color:#000}
.matching_bt_t .txt {display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:100%; line-height:24px; color:#fff; font-size:17px; line-height:32px; font-weight:500; text-align:center;}
.matching_bt_t .ez-checkbox {opacity:0;}

.matching_bt_t.on .ball {left:auto; right:0px; margin:0px 3px 0px 0px; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out;}
.matching_bt_t.on {background:#fdce00;}
.matching_bt_t.on .txt {color:#000}

.f_pop {background:#fdce00; padding:20px 0px; font-size:17px; position:fixed; left:0px; bottom:50px; z-index:999; width:100%;}
.f_pop_inner {max-width:1200px; position:relative; margin:0 auto; padding:0px 20px; box-sizing:border-box; text-align:center;}
.f_pop_inner > p {display:inline-block; vertical-align:top; line-height:140%; padding:10px; text-align:left}
.f_pop_inner > p.bt {padding:10px;}
.f_pop_inner > p.bt > a {display:block; min-width:177px; height:52px; line-height:52px; background:#fff; border-radius:40px; color:#000; font-weight:500; text-align:center;}
.f_pop_inner .close {position:absolute; right:5px; top:0px;}

.mypage_quick {padding-top:30px;}
.mypage_quick > ul {overflow:hidden; margin:0px -15px;}
.mypage_quick > ul > li {float:left; width:16.6666%; box-sizing:border-box; padding:15px;}
.mypage_quick > ul > li > a {display:block; background:#f5f7f8; text-align:center; color:#000; min-height:174px; border-radius:20px;}
.mypage_quick > ul > li > a .ico {display:block; padding:25px 0px 15px 0px;}
.mypage_quick > ul > li > a .txt {display:block; min-height:70px; word-break:keep-all; line-height:140%; font-size:0.95em}

.all_select {padding:30px 0px 10px 0px;}
.all_select > label {display:inline-block; border:1px solid #4867aa; font-size:14px; color:#4867aa; line-height:25px; min-width:75px; background:#fff; text-align:center;}
.all_select .ez-checkbox {display:none;}
.all_select strong { font-weight:100;}

.all_select .btn {display:inline-block; border:1px solid #4867aa; font-size:14px; color:#4867aa; line-height:25px; min-width:75px; background:#fff; text-align:center;}


.profile_modify .join_page {margin-top:40px;}
.profile_modify #join_page2 {margin-top:0px;}



.my_type {background:#f5f7f8; padding:20px 10px; text-align:center; font-size:1.3em; font-weight:100; color:#000;}
.my_type > span {display:inline-block; margin:0px 10px; min-width:200px; box-sizing:border-box; vertical-align:middle; line-height:43px; border:1px solid #fdce00; border-radius:60px; background:#fff; font-size:0.9em; padding:0px 15px; font-weight:500;}

.first_point {background:#fdce00; padding:25px 10px; text-align:center; font-size:1.4em; font-weight:100; color:#000;}
.first_point > p {display:inline-block; min-height:35px; padding-top:3px; box-sizing:border-box; padding-left:45px; background:url(../img/common/point.png) no-repeat left top;}
.first_point > p > strong {display:inline-block; vertical-align:middle; color:#ff3366; border-bottom:1px solid #ff3366; font-weight:700;}

.certify_important {border:1px solid #ff3366; padding:0px 30px; background:#f6f7f9; box-shadow:0px 2px 6px #ccc; }
.certify_important .certify_list > dl {border-top:2px dashed #e5e5e5}
.certify_important .certify_list > dl > dt {font-weight:600}
.certify_important .certify_list > dl > dd {font-size:16px}




.certify_list > dl {border-top:1px solid #e5e5e5; padding:30px 0px;}
.certify_list > dl:first-child {border-top:none;}
.certify_list > dl > dt {font-size:18px; padding-top:10px;}
.certify_list > dl > dt:first-child {padding-top:0px;}
.certify_list > dl > dd {font-size:15px;}
.certify_list > dl > dd.price {padding:10px 0px;}
.certify_list > dl > dd.price > p > strong {font-size:2em; color:#ff3366; font-weight:600; display:inline-block; vertical-align:middle; padding-left:40px; background:url(../img/common/price.png) no-repeat left top; min-height:36px; line-height:36px;}
.certify_list > dl > dd.bt {padding-top:10px;}
.certify_list > dl > dd.bt > a {display:block; width:100%; max-width:330px; box-sizing:border-box; text-align:center; padding:13px 10px;  background:#fdce00; color:#000; font-size:18px; font-weight:500; outline:none; border-radius:60px;}
.certify_list > dl > dd.bt > a.type1 {background:#ff6600; color:#fff;}
.certify_list > dl > dd.bt > a.type2 {background:#4867aa; color:#fff;}
.certify_list > dl > dd.bt > a.type3 {background:#ff3366; color:#fff;}
.certify_list > dl > dd.bt > a.type4 {background:#fdce00; color:#000;}
.certify_list > dl > dd.bt > a.ing {background:#f5f7f8; cursor:inherit}
.certify_list > dl > dd.bt > a.disable {border:1px solid #333333; background:#333333; color:#fff; cursor:inherit}

.doc_wrap {max-width:640px; margin:0 auto;}
.important_ico {padding:15px 20px; background:#f5f7f8}
.important_ico > p {position:relative; padding-left:30px; color:#666666}
.important_ico > p:before {display:block; content:""; width:23px; height:23px; border-radius:100%; background:#cccccc; position:absolute; left:0px; top:0px;}
.important_ico > p:after {display:block; font-size:17px; content:"!"; color:#fff; position:absolute; left:10px; top:-1px;}

.doc_list {padding-top:50px;}
.doc_list > h4 {font-size:1.5em; line-height:130%; font-weight:100; padding-bottom:7px; padding-left:30px; text-indent:-30px;}
.doc_list > h4 > strong {font-weight:500; color:#000;}
.doc_list > h4 > strong.num {font-weight:700;}
.doc_list .txt_in {padding-left:30px;}
.doc_list .bt {padding:15px 0px;}
.doc_list .bt .bt_a {display:block;  padding:0px 10px; height:70px; line-height:69px; background:#fdce00; color:#000; text-align:center; font-weight:500; border-radius:60px; font-size:20px;}
.doc_list .file_upload label {cursor:pointer; display:block;  padding:0px 10px; height:70px; line-height:69px; background:#fdce00; color:#000; text-align:center; font-weight:500; border-radius:60px; font-size:20px;}
.doc_list .img {text-align:center; padding-top:20px;}
.doc_list .doc_input {padding:20px; background:#f5f7f8; margin-top:20px;}

.license_list {border:1px solid #f0236e; margin:10px 0px;}
.license_list > ul {font-size:0px; padding:10px;}
.license_list > ul > li {display:inline-block; min-width:33.333%; vertical-align:top; padding:3px 10px; color:#f0236e; font-size:18px; box-sizing:border-box;}
.license_list > ul > li.one {min-width:100% !important;}
.license_list > ul.two > li {min-width:50%;}
.license_list > ul > li > span {display:block; padding-left:10px; position:relative;}
.license_list > ul > li > span:before {display:block; content:""; width:3px; height:3px; background:#f0236e; border-radius:100%; position:absolute; left:0px; top:10px;}


.buy_list {padding:0px 15px; font-size:1.05em;}
.buy_list > li {padding:20px 0px 20px 0px; text-align:right; font-weight:500; overflow:hidden; line-height:32px; border-top:1px dashed #ccc; position:relative; color:#333333; }
.buy_list > li .no_coupon {text-align:center; display:block; position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; line-height:32px; color:#999999;}
.buy_list > li:first-child {border:none;}
.buy_list > li .txt_t {position:relative; padding-left:55px; display:block; float:left;}
.buy_list > li .txt_t .ico {position:absolute; left:0px; top:0px;}
.buy_list > li .no {color:#999999;}

.buy_total {overflow:hidden; color:#fff; margin-bottom:30px; padding:25px 20px; background:#333333}
.buy_total > dt {float:left; line-height:36px; font-size:26px; font-weight:400;}
.buy_total > dd {float:right; font-size:18px; font-weight:400;}
.buy_total > dd > strong {font-size:30px; color:#fdce00; padding-left:40px; background:url(../img/document/price.png) no-repeat left top; min-height:36px; line-height:36px; display:inline-block; vertical-align:middle;}







.star_wrap {display:inline-block; font-size:0px; position:relative; line-height:100%;}
.star_wrap .bar {position:absolute; left:0px; top:0px; width:0%; height:100%; background:url(../img/common/star_on.png) no-repeat left top; background-size:auto 100%;}

.del_btn {display:inline-block; border:1px solid #000; background:#fff; text-align:center; width:23px; line-height:23px;}

.review_wrap {padding-top:15px;}
.review_wrap .review_section:first-child {margin-top:0px; border:none;}
.review_section {position:relative; margin-top:20px; border-top:1px solid #f5f7f8;}
.review_section .user_data {position:absolute; left:0px; top:0px; max-width:210px;}
.review_section .user_data .name {font-size:1.15em; line-height:140%; padding-right:5px; font-weight:500; display:inline-block; vertical-align:top; color:#000;}
.review_section .user_data .star_wrap {width:70px; vertical-align:middle;}
.review_section .user_data .date {font-size:0.85em; color:#666666; padding-top:5px;}
.review_section .con {padding-left:220px; min-height:70px; font-size:0.95em;}

.re_wrap {background:#f5f7f8; padding:15px 15px 15px 220px; position:relative; margin:20px 0px; }
.re_wrap .txt_t {background:#fdce00; color:#000; border-radius:60px; width:80px; text-align:center; height:36px; line-height:36px; position:absolute; left:65px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:17px;}
.re_wrap .re {padding:10px 0px;font-size:0.95em;}
.re_wrap .input_area {position:relative; padding-right:100px;}
.re_wrap .input_area .btn {position:absolute; right:0px; top:0px; width:95px; text-align:center; color:#fff; line-height:35px; height:100%; background:#333333; font-size:0.95em;}

.more_btn {text-align:center; padding:20px 0px;}
.more_btn > a {display:block; max-width:105px; margin:0 auto; border:1px solid #ccc; border-radius:60px; color:#000; line-height:48px; padding:0px 10px;}
.more_btn > a > span {display:inline-block; padding-left:25px; background:url(../img/common/arrow.gif) no-repeat left center; background-size:24px auto; }

.report_list_wrap > .report_list {border:1px solid #ccc; margin-top:-1px;}
.report_list_wrap > .report_list > ul {padding:20px;}
.report_list_wrap > .report_list > ul > li {position:relative; padding-left:78px; color:#333333; line-height:140%; margin-top:10px; }
.report_list_wrap > .report_list > ul > li:first-child {margin-top:0px;}
.report_list_wrap > .report_list > ul > li .txt_t {position:absolute; left:0px; top:0px; color:000; font-weight:500; font-size:1.05em;}

.admin_re {background:#f5f7f8; padding:15px 20px; }
.admin_re .txt_t {background:#fdce00; color:#000; border-radius:60px; width:126px; text-align:center; height:31px; line-height:32px; margin:10px 0px;}

.leave_cu {overflow:hidden; padding:15px 20px; font-size:1.05em;}
.leave_cu > li {float:left; }
.leave_cu > li > strong {display:inline-block; color:#000; vertical-align:middle; padding:6px 10px 6px 50px; min-height:30px; line-height:30px;}
.leave_cu > li:nth-child(1) > strong {background:url(../img/common/ico_tel2.png) no-repeat left center;}
.leave_cu > li:nth-child(2) > strong {background:url(../img/common/ico_talk.png) no-repeat left center;}
.leave_cu > li:nth-child(2) {float:right;}

.price_wrap {display:table; width:100%;}
.price_wrap > li {display:table-cell; vertical-align:middle; border:1px solid #ccc; height:120px; text-align:center; position:relative; color:#000; font-weight:500; border-left:none; font-size:24px; background:#f5f7f8;}
.price_wrap > li .ico {display:block; width:42px; height:42px; line-height:42px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:100%; position:absolute; left:0px; top:50%; margin:-22px 0px 0px -22px; color:#000;}
.price_wrap > li:first-child {border-left:1px solid #ccc;}
.price_wrap > li.total {background:#333333; color:#fdce00}
.price_wrap > li.total .fn {color:#ffffff}
.price_wrap > li .fn {display:block; font-size:16px; padding-bottom:10px; line-height:130%;}

.sns_login {border-top:1px solid #e5e5e5; margin-top:40px; padding-top:30px;}
.sns_login > ul {overflow:hidden; text-align:center;}
.sns_login > ul > li {float:left; width:50%; box-sizing:border-box; line-height:140%;}
.sns_login > ul > li > a {display:inline-block;}
.sns_login > ul > li .ico {display:block; padding-bottom:10px;}

.sns_login > ul.bt {margin:30px 0px 0px 0px;}
.sns_login > ul.bt > li {width:50%; padding:0px 10px;}
.sns_login > ul.bt > li > a {display:block; border:1px solid #ccc; border-radius:30px; color:#000; font-weight:500; line-height:140%; padding:10px 5px;}

.search_wrap {background:#f5f7f8; padding:20px 0px 40px 0px; font-size:17px;}
.search_wrap .search_aera {background:#ffffff; padding:20px 30px 30px 30px; position:relative; margin:0 auto; max-width:1200px; border-radius:30px; }
.search_wrap .search_aera.no_wrap {padding:30px 30px 30px 30px;}
.search_wrap .search_aera .detail_view {text-align:center; padding-top:30px;}
.search_wrap .search_aera .detail_view > button {display:inline-block; outline:none; font-size:20px; color:#000000; padding-right:30px; background:url(../img/common/d_up.png) no-repeat right center;}
.search_wrap .search_aera .detail_view > button.on {background:url(../img/common/d_down.png) no-repeat right center;}
.search_wrap .search_aera .reset_bt {position:absolute; right:30px; bottom:30px; border:1px solid #dcdada; border-radius:30px; padding:0px 10px;}
.search_wrap .search_aera .reset_bt > button {display:block; outline:none; font-size:16px; color:#000000; background:url(../img/common/ico_reset.png) no-repeat left center; padding:10px 0px 10px 30px;}


.data_table {position:relative; overflow:hidden; margin-top:15px; }
.data_table > dt {display:table; float:left; left:0px; top:7px; color:#000; line-height:150%; width:185px;}
.data_table > dt .cell {display:table-cell; line-height:150%; vertical-align:middle; height:40px; }
.data_table > dd {float:left; width:calc(100% - 185px); -webkit-width:calc(100% - 185px); }

.data_table.one > dt {float:none; width:100%; left:auto; top:auto; display:block;}
.data_table.one > dd {float:none; width:100%; -webkit-width:100%; }
.data_table.dot_line {padding-top:15px; border-top:1px dashed #ccc}

.list_line_up_wrap:after {display:block; content:""; clear:both;}
.list_line_up_wrap .list_count {float:left; font-size:20px; color:#000; }
.list_line_up_wrap .list_line_up {float:right; margin:0px -10px;}
.list_line_up_wrap .list_line_up:after {display:block; content:""; clear:both;}
.list_line_up_wrap .list_line_up > li {float:left; padding:0px 10px; box-sizing:border-box; position:relative;}
.list_line_up_wrap .list_line_up > li > a {display:inline-block; vertical-align:top; position:relative; z-index:9; color:#999999; font-size:16px; line-height:140%;}
.list_line_up_wrap .list_line_up > li.on > a {color:#000; font-weight: 600;}
.list_line_up_wrap .list_line_up > li.on:after {display:inline-block; border-radius:100%; content:""; width:20px; height:20px; background:#fee101; margin:-2px 0px 0px -12px; vertical-align:top}

.prd_list > ul {overflow:hidden; margin:6px -6px;}
.prd_list > ul > li {float:left; width:25%; box-sizing:border-box; padding:6px;}
.prd_list > ul > li > .box {border:1px solid #ccc; overflow:hidden; text-align:center; position:relative;}
.prd_list > ul > li > .box > a {display:block; padding:20px 10px 20px 10px; height:321px; box-sizing:border-box; position:relative;}
.prd_list > ul > li.active > .box > a:after {display:block; content:""; width:100%; height:100%; background:#000; opacity:0.5; position:absolute; left:0px; top:0px;}
.prd_list > ul > li.active > .box > a:before { text-shadow:1px 1px 1px #000; font-weight:600; display:flex; justify-content:center; align-items:center; z-index:10; flex-wrap:wrap; font-size:2em; color:#fff; content:"이웃케어 매칭완료"; width:100%; height:100%; position:absolute; left:0px; top:0px;}
.prd_list > ul.with > li > .box {text-align:left;}
.prd_list > ul > li > .box > a .mark {width:59px; height:66px; text-align:center; color:#fff; font-size:15px; line-height:140%; box-sizing:border-box; padding-top:5px; position:absolute; right:0px; top:0px; background:url(../img/common/mark.png) no-repeat right top; background-size:cover}
.prd_list > ul > li > .box > a .user {display:block; width:116px; height:116px; border-radius:100%; position:relative; margin:0 auto; overflow:hidden;}
.prd_list > ul > li > .box > a .user img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:100%;}
.prd_list > ul > li > .box > a .user_info {text-align:center; display:block; padding:20px 0px 10px 0px; font-size:17px;}
.prd_list > ul > li > .box > a .user_info > span {display:inline-block; line-height:110%; vertical-align:top; padding:0px 10px; border-left:1px solid #ccc; }
.prd_list > ul > li > .box > a .user_info > span:first-child {border:none;}
.prd_list > ul > li > .box > a .type {display:inline-block; border-radius:30px; line-height:20px; padding:7px 10px; border-radius:30px; border:1px solid #dcdada; font-size:16px;}
.prd_list > ul > li > .box > a .address {padding-top:10px; display:block; font-size:15px; color:#666666; line-height:140%; height:62px; overflow:hidden;}
.prd_list > ul .btn > li > a.zzim {display:block; background:#fee101; text-align:center; line-height:38px; border-radius:30px; color:#000; border:1px solid #fdce00;} /*찜하기 새롬추가*/
.prd_list > ul > li > .box:hover {border-color:#f0236e;}


.info_bottom {background:#f5f7f8; padding:15px 0px; display:block; font-size:15px; height:125px; box-sizing:border-box;}
.info_bottom .info {font-size:0px; height:54px;  text-align:center;}
.info_bottom .info > li {display:inline-block; margin-top:3px; vertical-align:top; font-size:15px; color:#666666; line-height:110%; padding:0px 10px;}
.info_bottom .info > li:first-child {border-right:1px solid #cccccc;}
.info_bottom .info > li > strong {color:#000;}
.info_bottom .info > li .star_wrap {width:70px; margin-right:5px; vertical-align:top;}
.info_bottom .info > li:last-child {display:block;}
.info_bottom .btn {overflow:hidden; padding:0px 10px;}
.info_bottom .btn > li {box-sizing:border-box; float:left; width:50%; padding:0px 5px;}
.info_bottom .btn > li > a {display:block; background:#fff; text-align:center; line-height:38px; border-radius:30px; color:#000; border:1px solid #ccc;}
.info_bottom .btn > li > a > span {display:inline-block; padding-left:24px; background:url(../img/common/heart.png) no-repeat left center; background-size:16px auto !important; }
.info_bottom .btn > li > a.on > span {background:url(../img/common/heart_on.png) no-repeat left center; background-size:16px auto !important}

.btn_certify {position:relative; background:#ffffff; height:48px; box-sizing:border-box; text-align:center; }
.btn_certify > button { border-top:1px solid #cccccc; display:block; width:100%; outline:none; line-height:48px; background:url(../img/common/toggle_off.png) no-repeat 97% center #fff; font-size:15px; color:#666666; position:relative; z-index:9}
.btn_certify.on > button {background:url(../img/common/toggle_on.png) no-repeat 97% center #f5f7f8;}
.btn_certify .certify_board {height:207px; width:100%; border-top:1px solid #ccc;  background:#fff; position:absolute; left:0px; bottom:-160px; transition:all 0.3s 0s ease-in-out;}
.btn_certify.on .certify_board {top:auto; bottom:48px; transition:all 0.3s 0s ease-in-out;}
.btn_certify .certify_board > ul {overflow:hidden; padding:3px;}
.btn_certify .certify_board > ul > li {float:left; display:table; width:33.3333%; box-sizing:border-box; padding:2px;}
.btn_certify .certify_board > ul > li > p {display:table-cell; vertical-align:middle; color:#000; font-size:14px; height:40px; border:1px solid #fdce00; line-height:130%; }

.view_top {overflow:hidden; max-width:1200px; box-sizing:border-box; padding-left:550px; min-height:500px; margin:0 auto; position:relative; font-size:17px;}
.view_top .pic {position:absolute; left:0px; top:0px; width:500px; box-sizing:border-box; height:500px; border:1px solid #ccc;}
.view_top .pic img {width:100% !important; height:100% !important;}
.view_top .name {padding-right:100px;}
.view_top .name > strong {display:inline-block; font-size:28px; line-height:140%; vertical-align:baseline;}
.view_top .type {padding:10px 0px 25px 0px;}
.view_top .type > span {display:inline-block; border:1px solid #fdce00; border-radius:30px; line-height:35px; font-size:16px; vertical-align:top; padding:0px 20px; font-weight:500;}
.view_top .info {overflow:hidden; font-size:0px; margin:0px -13px;}
.view_top .info > li {display:inline-block; vertical-align:top; font-size:17px; padding:0px 13px; color:#000000; line-height:100%; border-left:1px solid #ccc; }
.view_top .info > li:first-child {border-left:none; }
.view_top .info > li .star_wrap {width:70px; margin-right:5px; vertical-align:top;}
.view_top .area {padding-top:15px; font-weight:500; color:#000;}
.view_top .wage {font-weight:500; color:#000; margin:0px -10px; padding-top:5px;}
.view_top .wage > span {vertical-align:top; padding:0px 10px; display:inline-block;  border-left:1px solid #ccc; line-height:100%;}
.view_top .wage > span:first-child {border-left:none; }
.view_top .web_info {background:#fafbfb; margin:25px 0px; padding:15px 20px; border:1px solid #ccc;  border-top:2px solid #000; }
.view_top .web_info > li {position:relative; text-align:left; margin-top:5px; color:#f0236e; padding-left:90px;}
.view_top .web_info > li a {color:#f0236e}
.view_top .web_info > li:first-child {margin-top:0px;}
.view_top .web_info > li .txt_t {position:absolute; left:0px; top:0px; padding-left:10px; font-weight:500;}
.view_top .web_info > li .txt_t:before {display:block; content:""; width:3px; height:3px; border-radius:100%; background:#f0236e; position:absolute; left:0px; top:50%; margin-top:-3px;}
.view_top .count {overflow:hidden; margin:0px -10px;}
.view_top .count > li {float:left; width:33.333%; box-sizing:border-box; padding:10px; text-align:center; position:relative}
.view_top .count > li .like_btn {display:inline-block; padding-left:30px; background:url(../img/common/heart.png) no-repeat left center; background-size:16px auto !important; font-weight:500;}
.view_top .count > li .like_btn.on {background:url(../img/common/heart_on.png) no-repeat left center;  background-size:16px auto !important;}
.view_top .count > li > strong {padding-right:5px;}
.view_top .count > li:before {display:block; content:""; width:1px; height:16px; background:#ccc; position:absolute; left:0px; top:50%; margin-top:-8px;}
.view_top .count > li:first-child:before {display:none;}
.view_top .btns {overflow:hidden; margin:30px -4px 0px -4px;}
.view_top .btns > li {float:left; width:/* 241230 28%*/50%; box-sizing:border-box; padding:4px; text-align:center; position:relative}
.view_top .btns > li > a {display:block; border:1px solid #666666; line-height:67px; background:#fff; font-size:1.00em; border-radius:60px;}
/* 241230 .view_top .btns > li:nth-child(1) {width:44%;}
.view_top .btns > li:nth-child(1) > a {background:#fdce00; border-color:#fdce00; font-weight:500; } */
.view_top .btns.four {border-top:1px solid #e5e5e5; padding-top:50px;}
.view_top .btns.four > li:nth-child(4) {width:100%;}
.view_top .btns.four > li:nth-child(4) > a {background:#333333; border-color:#333333; color:#fff; font-weight:500; }
.view_top .bt_report {position:absolute; right:40px; top:0px; padding-left:20px;}
.view_top .bt_report:before {display:block; content:""; width:1px; height:16px; background:#ccc; position:absolute; left:0px; top:50%; margin-top:-8px;}
.view_top .bt_list {position:absolute; right:0px; top:0px;}
.view_top .area_wage {padding:50px 0px 40px 0px;}
.view_top .area_wage > li {position:relative; margin-top:5px; padding-left:70px;}
.view_top .area_wage > li .txt_t {position:absolute; left:0px; top:0px;}
.view_top .btns.new > li {width:/* 241230 25%*/ 50% !important;}
.view_top .btns.new > li:nth-child(4) > a {border:1px solid #666666; background:#fff; color:#333; font-weight:400;}

.view_with_tit {text-align:center; background:#f5f7f8; padding:20px 10px; font-size:1.5em; line-height:140%; margin-bottom:40px;}
.view_top.with {padding-left:0}
.view_top .view_box {padding:0px 35px; float:left; width:50%; max-width:580px; box-sizing:border-box; border:1px solid #ccc;}
.view_top .view_box .b_txt {font-size:17px; padding:25px 0px 5px 0px;}
.view_top .view_box .b_txt .ico {border:1px solid #000; line-height:20px; font-size:14px; color:#000; padding:0px 5px; display:inline-block; vertical-align:middle; font-weight:300; margin-left:3px;}
.view_top .view_box .type_list {overflow:hidden; margin:-2px;}
.view_top .view_box .type_list > li {float:left; display:table; min-width:85px; box-sizing:border-box; padding:2px;}
.view_top .view_box .type_list > li .cell {display:table-cell; vertical-align:middle; height:35px; text-align:center; border:1px solid #f0236e; font-size:14px; color:#f0236e; padding:0px 2px; line-height:120%;}
.view_top .view_box .type_list.four > li {width:25%;}
.view_top .view_box .date_box {min-height:105px; background:#f5f7f8; margin:20px -35px 0px -35px; padding:25px 35px 10px 35px;}
.view_top .view_box .date_box > ul > li {margin-top:10px; padding-left:60px; position:relative; font-size:15px;}
.view_top .view_box .date_box > ul > li:first-child {margin-top:0px;}
.view_top .view_box .date_box > ul > li .txt_t {position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.view_top .view_box .date_box > ul > li .box_radio > li label {cursor:initial}
.view_top .view_box .date_box .note {padding-top:10px; border-top:1px solid #e0e1e2; padding:10px 0px 0px 0px; margin-top:15px; font-size:15px; color:#666666; }

.view_info_wrap {float:left; width:50%; padding-left:50px; box-sizing:border-box;}


.report_wrap .name {background:#f5f7f8; padding:15px; font-size:1.1em; line-height:140%; text-align:center;}
.report_wrap .name > strong {font-size:24px; color:#000; font-size:1.2em;}

.view_tab_area {padding-top:70px;}
.view_tab_area .view_tabW {border-bottom:1px solid #ccc; margin-bottom:40px;}
.view_tab_area .view_tab {max-width:1200px; margin:0 auto;}
.view_tab_area .view_tab > ul {overflow:hidden; margin:0px -30px;}
.view_tab_area .view_tab > ul > li {float:left; box-sizing:border-box; text-align:center; width:17%; padding:0px 10px;}
.view_tab_area .view_tab > ul > li:nth-child(4) {width:12%;}
.view_tab_area .view_tab > ul > li:nth-child(5) {width:12%;}
.view_tab_area .view_tab > ul > li:nth-child(6) {width:12%;}
.view_tab_area .view_tab > ul > li:nth-child(7) {width:12%;}
.view_tab_area .view_tab > ul > li > a {display:inline-block; font-size:18px; color:#999999; font-weight:500; line-height:140%; position:relative;}
.view_tab_area .view_tab > ul > li > a .br {display:none;}
.view_tab_area .view_tab > ul > li > a > span {display:block; position:relative; z-index:9; padding:10px 0px; border-bottom:4px solid #fff;}
.view_tab_area .view_tab > ul > li.on > a {color:#000; font-weight:600;}
.view_tab_area .view_tab > ul > li.on > a > span {border-color:#000 }
.view_tab_area .view_tab > ul > li.on > a:after {display:inline-block; border-radius:100%; content:""; width:20px; height:20px; background:#fee101; position:absolute; right:-8px; top:0px;}

.view_tab_area .view_tab > ul.four > li {width:25% !important;}
.view_tab_area .box_radio > li label {cursor:initial;}

.tab_certify{max-width:1200px; margin:0 auto;}
.tab_certify > ul:after {display:block; content:""; clear:both;}
.tab_certify > ul {margin:0px -5px 0px 1px;}
.tab_certify > ul > li {float:left; width:20%; border:1px solid #ececec; height:125px; box-sizing:border-box; position:relative; padding:20px 5px 0px 5px; margin:-1px 0px 0px -1px; text-align:center; font-size:15px; line-height:140%;}
.tab_certify > ul > li .type {position:absolute; left:0px; top:0px; border:1px solid #000; line-height:20px; font-size:14px; color:#000; padding:0px 5px;}
.tab_certify > ul > li .type2 {border:1px solid #f0236e; color:#f0236e;}
.tab_certify > ul > li .type3 {border:1px solid #4867aa; color:#4867aa;}
.tab_certify > ul > li .ico {padding:5px 0px; display:block; text-align:center;}

.tab_day {max-width:1200px; margin:0 auto;}
.tab_day > ul:after {display:block; content:""; clear:both;}
.tab_day > ul {margin:0px -7px 0px 1px;}
.tab_day > ul > li {float:left; width:14.28%; border:1px solid #ececec; height:180px; box-sizing:border-box; position:relative; padding:20px 5px 0px 5px; margin:-1px 0px 0px -1px; text-align:center; font-size:15px; line-height:140%;}
.tab_day > ul > li .txt_t {display:block; padding:10px 0px 20px 0px; font-size:18px; font-weight:400;}
.tab_day > ul > li .ico {display:block; border:1px solid #dcdada; border-radius:30px; padding:7px 10px; margin:0 auto; text-align:center; max-width:80px; box-sizing:border-box;}
.tab_day > ul > li .night {display:inline-block; padding-left:30px; background:url(../img/common/ico_moon.png) no-repeat left center; line-height:27px;  margin-top:20px;}

.data_table_wrap  {max-width:1200px; margin:0 auto;}
.view_tab_area .data_table {margin-top:25px;}

.activity_area {max-width:1200px; margin:0 auto;}
.activity_area > ol {overflow:hidden; margin:-5px;}
.activity_area > ol > li {float:left; width:33.33%; box-sizing:border-box; padding:5px;}
.activity_area > ol > li > dl {border:1px solid #e5e5e5;}
.activity_area > ol > li > dl > dt {text-align:center; font-size:1.05em; padding:15px 5px;}
.activity_area > ol > li > dl > dt > strong {display:inline-block; padding-left:40px; background:url(../img/common/ico_point.png) no-repeat left center; color:#000; font-weight:600; line-height:37px;}
.activity_area > ol > li > dl > dd {background:#f5f7f8; display:table; width:100%;}
.activity_area > ol > li > dl > dd .cell {display:table-cell; height:80px; text-align:center; vertical-align:middle; color:#000; font-weight:500;}

.career_area  {max-width:1200px; margin:0 auto; word-break: break-all;}
.career_area > ul > li {padding:2px 0px; margin:0px -10px;}
.career_area > ul > li .ib {padding:0px 10px;}

.view_tab_area .review_wrap {max-width:1200px; margin:0 auto; padding:0px;}
.view_tab_area .review_wrap .review_section {padding:30px 0px; margin:0px; border-bottom:1px solid #e5e5e5; }
.view_tab_area .review_section .user_data {top:30px;}

.grademark {text-align:center;  line-height:25px; font-size:1.1em; padding:15px 0px;}
.grademark .txt {display:inline-block; vertical-align:top; padding:3px 5px;}
.grademark .star {overflow:hidden; display:inline-block; vertical-align:middle;}
.grademark .star > li {float:left; width:24px;}
.grademark .star > li button {display:block; outline:none; width:100%; height:23px; background:url(../img/common/star.png) no-repeat left top;}
.grademark .star > li.on button {background:url(../img/common/star_on.png) no-repeat left top;}



.prd_list > ul.with {margin:0px -12px;}
.prd_list > ul.with > li {width:50%; box-sizing:border-box; padding:12px;}
.prd_list > ul.with > li.active > .box > a:after {display:block; content:""; width:100%; height:100%; background:#000; opacity:0.5; position:absolute; left:0px; top:0px;}
.prd_list > ul.with > li.active > .box > a:before { text-shadow:1px 1px 1px #000; font-weight:600; display:flex; justify-content:center; align-items:center; z-index:15; flex-wrap:wrap; font-size:2em; color:#fff; content:"이웃케어 매칭완료"; width:100%; height:100%; position:absolute; left:0px; top:0px;}
.prd_list > ul.with > li.active .btn {z-index:8;}
.prd_list > ul.with > li > .box {text-align:left;}
.prd_list > ul.with > li > .box > a {padding:20px 20px 20px 20px; z-index:9; height:305px; box-sizing:border-box; font-size:18px;  position:relative;}
.prd_list > ul.with > li > .box > a .txt_t {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-weight:400; line-height:140%; padding-bottom:20px; border-bottom:1px solid #eee;}
.prd_list > ul.with > li > .box > a .visitor {display:block; font-weight:500; line-height:140%; padding:20px 0px 10px 0px; color:#2a2a2a;  font-size:18px;}
.prd_list > ul.with > li > .box > a .visitor > strong {display:inline-block; vertical-align:middle;}
.prd_list > ul.with > li > .box > a .visitor > .date {border:1px solid #000; line-height:20px; font-size:14px; color:#000; padding:0px 5px; display:inline-block; vertical-align:middle; font-weight:300;}
.prd_list > ul.with > li > .box > a .area {display:block; font-weight:500; line-height:140%; color:#000;  font-size:16px; padding:0px 0px 5px 0px}
.prd_list > ul.with > li > .box > a .wage {display:block; font-weight:400; line-height:140%; color:#000;  font-size:16px;}
.prd_list > ul.with > li > .box > a .wage > strong {font-weight:500; padding-left:5px;}
.prd_list > ul.with > li > .box > a .wage .view {display: inline-flex; flex-wrap: wrap; align-items: center; margin-left:10px; font-weight: 700; color: #000;}
.prd_list > ul.with > li > .box > a .wage .view > span {display: inline-flex; width: 20px; height: 20px; border-radius:100%; justify-content: center; align-items: center; line-height: 1em; background: #eff1f6; border:1px dotted #ccc; margin-right: 5px; font-size: 18px; }


.prd_list > ul.with .info_bottom {margin:20px -20px -20px -20px; height:115px; padding:15px 20px; overflow:hidden;}
.prd_list > ul.with .info_bottom > span {display:table; float:left; width:25%; box-sizing:border-box; padding:2px 5px;}
.prd_list > ul.with .info_bottom > span .cell {display:table-cell; line-height:120%; height:36px; color:#f0236e; border:1px solid #f0236e; text-align:center; color:#f0236e; font-size:14px; background:#fff; vertical-align:middle;}
.prd_list > ul.with .btn {overflow:hidden; padding:0px 10px; position:absolute; right:20px; top:80px; width:120px; z-index:11;}
.prd_list > ul.with .btn > li {box-sizing:border-box; padding:2px 0px;}
.prd_list > ul.with .btn > li > a {display:block; background:#fff; text-align:center; line-height:38px; border-radius:30px; color:#000; border:1px solid #ccc;}
.prd_list > ul.with .btn > li > a.zzim {display:block; background:#fee101; text-align:center; line-height:38px; border-radius:30px; color:#000; border:1px solid #fdce00;} /*찜하기 새롬추가*/
.prd_list > ul.with .btn > li > a > span {display:inline-block; padding-left:24px; background:url(../img/common/heart.png) no-repeat left center;  background-size:16px auto !important;}
.prd_list > ul.with .btn > li > a.on > span {background:url(../img/common/heart_on.png) no-repeat left center;  background-size:16px auto !important;}

.buy_top {margin-top:20px; background:#f5f7f8; padding:20px 20px 20px 170px; position:relative; margin-bottom:40px;}
.buy_top .ico {position:absolute; left:30px; top:50%; margin-top:-48px; }
.buy_top > strong {display:inline-block; color:#f0236e; font-size:1.05em; padding:2px 15px; background:#fee101; margin-bottom:10px;}

.coupon_list {font-size:0px; text-align:center; padding:0px 0px 0px 0px; }
.coupon_list > li {display:inline-block; vertical-align:top; padding:15px;}
.coupon_list > li .txt {font-size:14px; padding-top:10px; text-align:center;}
.coupon {width:299px; height:132px; padding-left:76px; box-sizing:border-box; position:relative; background:url(../img/common/buy_bg.png) no-repeat left top; }
.coupon .sale {width:200px; position:absolute; top:10px; right:10px; font-size:18px; font-weight:600; color:#f0236e; z-index:0; text-align:right;}
.coupon .num {width:87px; box-sizing:border-box; padding-top:20px; height:100%; position:absolute; left:0px; top:0px; color:#fff; font-size:64px; line-height:140%; text-align:center;}
.coupon .price {text-align:center; color:#000000; font-size:18px; padding-top:35px}
.coupon .price > strong {font-size:1.6em; font-weight:600; display:inline-block; vertical-align:middle; line-height:130%;}
.coupon_list > li .bt_buy {display:inline-block; width:120px; height:37px; line-height:37px; color:#000; border-radius:30px; background:#fdce00; font-size:16px; font-weight:400; margin-top:15px;}


.send_step > ul:after {display:block; content:""; clear:both;}
.send_step > ul {position:relative; margin-top:50px;}
.send_step > ul > li {float:left; box-sizing:border-box; display:table; width:33%; border:1px solid #ccc; }
.send_step > ul > li .cell {display:table-cell; overflow:hidden; vertical-align:middle; height:215px; box-sizing:border-box; padding:10px 20px;}
.send_step > ul > li:nth-child(1) {width:34%; border-left:none; border-right:none; background:#f5f6fa; position:absolute; left:50%; top:0px; transform:translateX(-50%); }
.send_step > ul > li:nth-child(3) {float:right;} 
.send_step > ul > li:nth-child(1) .cell {padding:10px 5px;}
.send_step > ul > li .cell p.ico {color:#000; margin-top:20px; font-size:1.05em; font-weight:500; padding-left:30px; background:url(../img/common/ico_note2.png) no-repeat left top; line-height:23px;}
.send_step > ul > li .cell p.ico > span {display:inline-block;}
.send_step > ul > li .cell p.ico > span.arrow {padding-right:32px; background:url(../img/common/u_arrow.png) no-repeat right 5px; margin-right:8px;}
.send_step > ul > li .cell > dl {text-align:center; float:left; width:50%; box-sizing:border-box;}
.send_step > ul > li .cell > dl > dt {font-weight:300; padding-bottom:45px; background:url(../img/common/send.png) no-repeat center bottom;}
.send_step > ul > li .cell > dl > dd > ul {overflow:hidden; padding:0px 5px;}
.send_step > ul > li .cell > dl > dd > ul > li {float:left; width:50%; box-sizing:border-box;}
.send_step > ul > li .cell > dl > dd > ul > li .ico {display:block;}
.send_step > ul > li .cell > dl:nth-child(2) > dt {background:url(../img/common/send2.png) no-repeat center bottom;}






.refund_guide {border:1px solid #ccc; padding:20px 30px; margin-top:50px;}
.refund_guide > dt {padding-bottom:10px; font-weight:600;}

.pay_top {text-align:center; background:#f5f7f8; padding:15px;}
.pay_top .type {border:1px solid #fdce00; background:#fff; font-size:16px; line-height:35px; border-radius:30px; max-width:170px; margin:0 auto; }
.pay_top .title {font-size:24px; padding:15px 0px 5px 0px; line-height:140%; font-weight:500;}

.point_use {position:relative; padding-right:200px; box-sizing:border-box;}
.point_use .input {height:40px; min-height:40px;}
.point_use .add_bt {width:190px;}
.point_use .add_bt a {display:block;}

.tit_note {border-top:1px solid #f0f0f0; margin-top:30px; padding-top:30px; background:url(../img/common/ico_note2.png) no-repeat left 32px; padding-left:35px; color:#f0236e; font-weight:500; padding-bottom:5px; font-size:1.05em;}

.age_select_bar {position:relative; margin:30px 0px 30px 0px;  height:50px;}
.age_select_bar .slider-container {width:300px !important; margin:0 auto;}
.age_select_bar .theme-green .back-bar {height:13px;background:#cccccc;}
.age_select_bar .theme-green .back-bar .pointer {width:30px; height:30px; top:-8px; border-radius:100%; background:#fff; border:1px solid #ccc;}
.age_select_bar .slider-container .scale {top:10px; font-size:17px; line-height:140%;}
.age_select_bar .slider-container .scale ins { font-size:15px; line-height:140%; color:#000; margin-left:-20px !important;width:35px;}
.age_select_bar .theme-green .back-bar .selected-bar {background:#fdce00}

.introduce_wrap {padding:30px 0px;}
.introduce_wrap .first_txt {font-size:22px; line-height:160%;}
.introduce_wrap .first_txt .big {font-size:1.5em; line-height:150%; display:block; padding-bottom:5px;}
.introduce_wrap .first_txt .big > strong {font-weight:600;}
.introduce_wrap .img {padding:30px 0px;}
.introduce_wrap > ul {overflow:hidden; margin:-10px -15px}
.introduce_wrap > ul > li {float:left; width:33.3333%; box-sizing:border-box; padding:10px 15px;}
.introduce_wrap > ul > li > dl > dt > strong {display:inline-block; background:#fdce00; border-radius:30px; line-height:37px; color:#000; font-size:1.05em; padding:0px 20px}
.introduce_wrap > ul > li > dl > dd {padding-top:10px; line-height:160%;}

.in_tit {margin:30px 0px; padding:0px 0px 0px 110px; position:relative;}
.in_tit .txt_t {display:block;line-height:140%; font-size:2em; font-weight:600;}
.in_tit .num {font-size:5em; line-height:100%; color:#f5f6fa; font-weight:700; display:inline-block; vertical-align:middle; position:absolute; left:0px; top:0px; letter-spacing:-2px; }
.in_tit .in_balloon {display:inline-block; color:#fff; padding:5px 20px; line-height:130%;  background:#f0236e; border-radius:3px; position:relative; margin-top:5px;}
.in_tit .in_balloon:after {display:block; content:""; width:8px; height:8px; background:url(../img/introduce/arrow.png) no-repeat left top;; position:absolute; right:0%; top:0px; top:-7px;}


.ico_txt .type {border:1px solid #f0236e; color:#f0236e; line-height:33px; font-size:14px; display:inline-block; vertical-align:middle; padding:0px 10px; margin-right:10px;}

.introduce_page .service_check {max-width:100%}
.introduce_page .service_check > ul {margin:-0px -10px}
.introduce_page .service_check > ul > li {width:12.5% }
.introduce_page .service_check > ul > li > button {cursor:inherit}
.introduce_page .service_check > ul > li > button .ico {background:#fdce00}
.introduce_page .more {text-align:right}
.introduce_page .more > a {display:inline-block; color:#000000; font-size:16px; line-height:33px; padding-right:55px; background:url(../img/main/more.png) no-repeat 98% center; font-weight:100;}
.introduce_page .in_tit.tr {padding-left:0px; padding-right:110px;}
.introduce_page .in_tit.tr .num {left:auto; right:0px; top:0px;}

.img_two_wrap {overflow:hidden;}
.img_two_wrap > li {float:left; width:50% !important;}

.line_tow_wrap {padding-top:50px;}
.line_tow_wrap > li > h4 {padding:30px 0px 10px 0px;}
.line_tow_wrap > li > p.line {border:1px solid #ccc; margin-left:-1px;}
.line_tow_wrap > li > .txt {text-align:right; padding:10px;}
.line_tow_wrap > li > .txt > strong {display:block;}
.line_tow_wrap > li:first-child > p.line {margin-left:0px;}
.line_tow_wrap .dis_table {display:table; width:100%}
.line_tow_wrap .dis_table .dis_cell {display:table-cell; vertical-align:middle; height:100%; vertical-align:middle; height:160px; font-size:1.2em; line-height:150%; padding-left:110px;}
.line_tow_wrap .pb100 {position:relative; padding-bottom:45.56%;}

.intro_graph {position:relative; padding-left:350px; padding-bottom:40px; }
.intro_graph .txt {position:absolute; left:0px; top:0px; font-size:2em; line-height:140%; }
.intro_graph .txt .txt_s {display:block; padding-top:5%; font-size:1.15rem }

.num_ico_wrap {overflow:hidden; padding-bottom:40px;}
.num_ico_wrap > ul {float:left; box-sizing:border-box;}
.num_ico_wrap > ul.bul_num {padding-left:110px; width:60%; font-size:1.2em;}
.num_ico_wrap > ul.ico { width:40%; overflow:hidden; max-width:437px; float:right;}
.num_ico_wrap > ul.ico > li {float:left; width:33.333%; box-sizing:border-box; text-align:center; padding:5px;}


/* 가이드 */
.guide_wrap {max-width:641px; margin:0 auto;}
.guide_wrap .guide_main > li {border-bottom:1px solid #e5e5e5; display:table; width:100%; box-sizing:border-box; padding:10px 40px 10px 60px; position:relative;}
.guide_wrap .guide_main > li > a {display:table-cell; height:75px; padding-right:20px; vertical-align:middle; background:url(../img/guide01/arrow.png) no-repeat right center;}
.guide_wrap .guide_main > li > a .num {display:block; width:40px; height:40px; background:#f5f7f8; text-align:center; line-height:40px; color:#000; font-size:18px; border-radius:100%; position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.guide_wrap .guide_main > li:hover > a {color:#000}
.guide_wrap .guide_main > li:hover > a .num {background:#fdce00; color:#000}
.guide_wrap .guide_main > li.first {padding:0px; border-bottom:none;}
.guide_wrap .guide_main > li.first .box {border-radius:10px; background:#fdce00; display:table-cell; vertical-align:middle; box-sizing:border-box;  padding:10px 40px 10px 40px; height:130px; box-sizing:border-box;}
.guide_wrap .guide_main > li.first .box > a {display:block; padding-right:20px; background:url(../img/guide01/arrow2.png) no-repeat right center; text-align:center; font-size:1.3em; line-height:150%;}
.guide_wrap .guide_main > li.first .box > a .ib {padding-left:90px; text-align:left; display:inline-block; background:url(../img/guide01/promise.png) no-repeat left center; max-width:290px; min-height:70px}


.guide_back_wrap {position:relative;}
.guide_back_wrap .s_tit {margin-top:0px;}
.guide_back {left:0px; top:0px; position:absolute; z-index:99}
.guide_back > a {display:block; color:#000000; font-size:15px; line-height:33px; padding-left:55px; background:url(../img/guide01/back.png) no-repeat left center; font-weight:300;}

.guide_wrap .top_box {border-radius:10px; box-sizing:border-box;  padding:25px 40px 0px 40px; text-align:center; font-size:1.3em; background:#fdce00; line-height:150%; position:relative;}
.guide_wrap .guide_top > li {border:1px solid #e5e5e5; display:table; width:100%; box-sizing:border-box; padding:10px 150px 10px 40px; min-height:100px;}
.guide_wrap .guide_top > li > span {display:table-cell; vertical-align:middle;}
.top_list01 {background:url(../img/guide01/top_icon01.png) no-repeat right center;}
.top_list02 {background:url(../img/guide01/top_icon02.png) no-repeat right center;}
.top_list03 {background:url(../img/guide01/top_icon03.png) no-repeat right center;}
.top_list04 {background:url(../img/guide01/top_icon04.png) no-repeat right center;}
.top_list05 {background:url(../img/guide01/top_icon05.png) no-repeat right center;}
.top_list06 {background:url(../img/guide01/top_icon06.png) no-repeat right center;}
.top_list07 {background:url(../img/guide01/top_icon07.png) no-repeat right center;}
.top_list08 {background:url(../img/guide01/top_icon08.png) no-repeat right center;}
.top_list09 {background:url(../img/guide01/top_icon09.png) no-repeat right center;}

.guide_wrap .tit_caution {padding:30px 0px 20px 35px; background:url(../img/common/ico_note3.png) no-repeat left 32px; color:#f0236e; font-weight:500; font-size:1.2em;}
.guide_wrap .caution {border-radius:10px; box-sizing:border-box;  padding:30px 30px; font-size:1.1em; background:#f6f6f6; line-height:150%; position:relative;}
.guide_wrap .caution ul li {background:url(../img/common/dot.png) no-repeat left 7px; font-size:0.9em; padding:0px 0px 10px 10px; line-height:150%;}
.guide_wrap .caution dt {padding:10px 0 0 10px; font-size:1.05em;}
.guide_wrap .caution dd {padding:10px 0 0 10px; font-size:0.9em; line-height:150%;}

.guide_wrap .tit_guide {font-size:1.5em; padding-bottom:20px; line-height:150%;}
.guide_wrap .guide_box {padding:25px; font-size:1.05em; background:#f5f6fa; line-height:150%; position:relative;}

.guide_wrap .guide_box .code_top {background:#fff; padding:30px; font-size:1em; font-weight:600; border-top-left-radius:30px; border-top-right-radius:30px; border-bottom:1px solid #fdce00;}
.guide_wrap .guide_box .code_form {min-height:80px;}
.guide_wrap .guide_box .code_form ul li .code_confirm {width:50%; height:70px; font-size:1.2em; font-weight:300; border-bottom-left-radius:30px; background:#fdce00; float:left;}
.guide_wrap .guide_box .code_form ul li .code_cancle {width:50%; height:70px; font-size:1.2em; font-weight:300; border-bottom-right-radius:30px; background:#fff; float:right;}

.guide_wrap .guide_type {display:table; width:100%; box-sizing:border-box; padding:10px 40px 10px 60px; position:relative;}
.guide_wrap .guide_type .type {display:block;  border:1px solid #f0236e; font-size:0.8em; width:50px; text-align:center;  color:#f0236e; position:absolute; left:0px; top:23px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.guide_wrap .more {text-align:right}
.guide_wrap .more > a {display:inline-block; color:#000000; font-size:16px; line-height:33px; padding-right:55px; background:url(../img/main/more.png) no-repeat 98% center; font-weight:100;}

.guide01_con {padding:25px 20px 20px 0px;}
.guide01_con > li {float:left; width:100%; box-sizing:border-box; padding:10px 15px;}
.guide01_con > li > dl > dt > strong {display:inline-block; background:#fdce00; border-radius:30px; line-height:37px; color:#000; font-size:1.05em; padding:0px 20px}
.guide01_con > li > dl > dd {padding-top:10px; line-height:160%; font-size:1em;}

.guide_wrap .guide_type .type_txt {padding-left:100px;}
.guide01_01 {clear:both; border-top:1px solid #ccc; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}

.tit_sub {clear:both; font-size:1.2em; font-weight:700; line-height:150%; padding:30px 0 10px 0;}
.guide_txt {padding:0 0 0 37px; line-height:150%;}

.tip {max-width:641px; padding:25px; border:1px solid #ccc; margin:0 auto; background:url(../img/common/ico_tip.png) no-repeat 30px 30px;}
.tip p {padding-left:60px;}

.event {max-width:641px; padding:25px; border:1px solid #ccc; margin:0 auto; background:url(../img/guide02/event.png) no-repeat 30px 27px; position:relative;}
.event p {padding-left:70px; font-size:1.5em;}
.event .reserve {background:url(../img/guide02/img04_02.png) no-repeat 450px 0px;}

.down_list {text-align:center; padding:30px 30px; border:1px solid #ccc; margin-top:40px;}
.down_list ul li {display:inline-block; vertical-align:top; padding-top:15px;}
.down_list ul li .bt_down {display:inline-block; width:150px; height:37px; line-height:37px; color:#000; border-radius:30px; background:#fdce00; font-size:16px; font-weight:400;}

.guide_wrap .guide07 > li {display:table; width:100%; box-sizing:border-box; padding:10px 40px 10px 60px; position:relative;}
.guide_wrap .guide07 > li > .num {display:block; width:40px; height:40px; background:#f5f7f8; text-align:center; line-height:40px; color:#000; font-size:18px; border-radius:100%; position:absolute; left:0px; top:30px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.review > li {background:url(../img/common/dot.png) no-repeat left 7px; font-size:0.9em; padding:0px 0px 10px 10px; line-height:150%;}


/* member */
.login_wrap {margin:0 auto; overflow:hidden; background:#fff; box-sizing:border-box;}
.login_wrap .login_bt .btn {background-color:#333; border:1px solid #fdce00; color:#fff; padding:12px; line-height:40px; display:block; font-size:22px; text-align:center;font-weight:300; width:100%; color:#000; cursor:pointer; border-radius:60px; background:#fdce00;  box-sizing:border-box; -moz-box-size:border-box;}

.signup {padding:0px 0px 15px 0px;}
.signup_or {position:relative; margin-bottom:5px; text-align:center; background:url(../img/common/line.gif) repeat-x left center;}
.signup_or_text {background-color:#fff; display:inline-block; padding:8px; font-size:14px; font-weight:500; color:#82888a;}
.signup li { margin-bottom:5px;}
.signup li input {width:100%; height:50px; padding:8px 10px; display:block; border:1px solid #cccccc; border-radius:0px; background-color:#f7f7f7; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; font-size:15px;}
.find_idpw {text-align:right; padding:10px 0px 20px 0px; font-size:0px;}
.find_idpw > li {display:inline-block; position:relative; vertical-align:top; font-size:15px; line-height:20px; padding-left:10px; margin-left:10px; }
.find_idpw > li:before {display:block; content:""; width:1px; height:14px; background:#666; position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.find_idpw > li:first-child:before {display:none;}
.find_idpw > li a {font-size:15px; color:#666666; font-weight:500;}
.find_ok {text-align:center; padding:170px 0px 20px 0px; font-size:18px; line-height:150%; background:url(../img/member/ico_mail.gif) no-repeat center top; }


/* find2 */
.find_type {font-size:20px; color:#333333; line-height:140%; padding:20px 0px 10px 0px; margin-top:10px; }
.find_type > button {display:block; font-size:20px; color:#333333; line-height:140%; padding-left:25px; font-weight:500; background:url(../../common/img/common/radio.png) no-repeat left 7px; outline:none; text-align:left;}
.find_type.on > button {background-position:left -69px;}
.find_box {padding:0px 0px 40px 25px; border-bottom:2px solid #333;}
.find_box .btn-tc {margin-top:0px; border:none;}

.find_cell {box-sizing:border-box; position:relative;}
.find_cell:after {clear:both; content:""; display:block;}
.find_cell .cell {float:left; width:50%; box-sizing:border-box;}
.find_cell .cell select {width:100%}
.find_cell .bt {position:absolute; right:0px; top:0px;}

.find_pop {font-size:15px; line-height:150%; padding-bottom:40px !important; position:relative;}


.join_txt {padding:10px 0px 10px 40px; min-height:20px; margin-top:10px; background:url(../img/common/ico_idpw.gif) no-repeat left 5px; display:inline-block;}
.join_go {padding:18px 0px 0px 0px; text-align:center; margin:18px 0px 0px 0px; border-top:1px solid #cccccc}
.join_go > a {background-color:#fff; color:#333333; padding:12px; line-height:40px; display:block; font-size:22px; text-align:center; font-weight:300; width:100%; border:1px solid #333333; cursor:pointer; box-sizing:border-box; -moz-box-size:border-box;}

.member_ok {font-size:1.15em; text-align:center; line-height:140%; padding:0px 0px 20px 0px;}
.member_ok > strong {display:block; font-size:1.2em; line-height:140%; font-weight:700; padding-bottom:10px;}
.member_ok .ico {display:block; padding-bottom:30px;}
.member_wrap {max-width:590px; margin:0 auto;}
.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;}
.add_bt {position:absolute; right:0px; top:0px;}

.join_type > ul {overflow:hidden; margin:0 auto;}
.join_type.one > ul > li {float:none; width:100%; max-width:500px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.join_type.two > ul > li {width:50%;}
.join_type > ul > li.one {float:none; width:100%; max-width:500px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.join_type > ul > li {float:left; width:25%; box-sizing:border-box; padding:30px 10px 30px 10px;  text-align:center;}

.join_type > ul > li > dl { border:1px solid #cccccc; border-radius:30px; padding:30px; }
.join_type > ul > li > dl > dt {font-size:22px; line-height:140%; padding-bottom:5px;}
.join_type > ul > li > dl > dt .ico {display:block; text-align:center; padding:0px 10px 10px 10px;}
.join_type > ul > li > dl > dt strong {display:block; min-height:55px; font-weight:700; line-height:140%;}
.join_type > ul > li > dl > dt .f_s {display:block; font-size:0.8em;  line-height:130%;}
.join_type > ul > li > dl > dd {font-size:18px; line-height:140%; font-weight:300; min-height:50px;}
.join_type > ul > li > dl > dd.txt {padding:10px 0px 30px 0px;}
.join_type > ul > li > dl > dd.input_a input {max-width:300px; height:40px; margin:0 auto; }
.join_type > ul > li > dl > dd.bt {min-height:auto;}
.join_type > ul > li > dl > dd.bt a {display:block; font-size:18px; font-weight:500; line-height:20px; padding:18px 0px; text-align:center; background:#fdce00; color:#000; border-radius:60px; min-width:120px;}
.join_type > ul > li > dl > dd.bt a.line {background:#fff; color:#000000; border:1px solid #000000; line-height:18px;}
.join_type > ul > li > dl > dd.bt.two a {min-width:110px;}

.join_type > ul > li > dl.ico05 {background:url(../img/member/type_ico05.gif) no-repeat 10px center; }
.join_complete {border:1px solid #cccccc;}
.join_complete > dl {border:none !important;}
.join_complete > dl.one {padding-left:180px; text-align:left;}
.join_complete > dl > dd {min-height:auto; font-size:1.15em; padding:10px 0px;}


.join_step {position:relative; margin:10px 0px 45px 0px;}
.join_step > ol {text-align:center; font-size:0px; position:relative; z-index:9; margin:0px -1px 0px 1px;}
.join_step > ol > li {display:inline-block; border:1px solid #cccccc; font-size:16px; color:#000000; font-weight:300; text-align:left; width:25%; box-sizing:border-box; padding:10px 35px; margin-left:-1px;}

.join_step > ol > li .num {display:block; color:#999999; font-size:17px; font-weight:100;}
.join_step > ol > li .txt {display:block; padding-top:3px; color:#999999; line-height:140%; font-weight:700; font-size:22px;}
.join_step > ol > li.on {background:url(../img/member/join_step_on.gif) no-repeat 90% center; border:1px solid #0c9aa3; z-index:99; position:relative;}
.join_step > ol > li.on .num {color:#0c9aa3;}
.join_step > ol > li.on .txt {color:#0c9aa3; }

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


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

.radio_group {margin:-5px 0px 0px -15px;}
.radio_group > li {display:inline-block; padding:5px 0px 0px 15px;}
.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;}

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

.important {padding-right:15px; position:relative; display:inline-block;}
.important:after {display:inline-block; content:"*"; vertical-align:middle; font-size:20px; color:#ec5133; position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);line-height:100%;}
.important2 {padding-left:15px; position:relative; display:inline-block; }
.important2:after {display:block; content:"*"; color:#eb444b; position:absolute; left:0px; top:50%; font-size:20px; line-height:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

/*atab*/
.atab {margin:0 auto; margin-bottom:30px; padding-top:10px; display:flex; flex-wrap:wrap; justify-content:center;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display:table; margin:0px -10px;}

.atab li a {display:table-cell; width:100%; height:70px; vertical-align:middle; background:#f5f7f8; font-size:1.05em; line-height:130%; padding:0px 20px; text-align:center; color:#999999; box-sizing:border-box; border:1px solid #cccccc; border-radius:60px;  word-break:break-all}
.atab li.on {position:relative; z-index:9;}
.atab li.on a {font-weight:500; border:1px solid #333333 !important; background:#333333; color:#fff;}
/*.atab li.on a:after {display:block; content:""; width:20px; height:20px; background:#fff; position:absolute; left:50%; bottom:-20px; transform:rotate(45deg) translateX(-50%);}*/

.atab.two {padding-left:40px;}
.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin:-1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height:50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}

.btab {padding-top:10px; margin:0 auto; margin-bottom:40px; font-size:0px; text-align:center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display:inline-block; max-width:200px; box-sizing:border-box; position:relative;}
.btab li a {display:block; width:100%; padding:10px 0px; text-align:center; border:1px solid #dddddd; color:#333333; box-sizing:border-box; font-size:15px;}
.btab li.on a {color:#fff; background:#000}

.btab.two li {width:50%;}

.ctab { margin-top:40px; padding-top:10px;}
.ctab:after {clear:both; display:block; content:"";}
.ctab li {float:left; width:33.333333%; box-sizing:border-box; position:relative; display:table; }
.ctab li a {display:table-cell; width:100%; height:70px; vertical-align:middle; background:#fff; font-size:1.15em; line-height:140%; padding:0px 3px; text-align:center; color:#333333; box-sizing:border-box; border-bottom:3px solid #fff; word-break:break-all}

.ctab li.on a {font-weight:500; border-bottom:3px solid #fdce00;}


.yak_list {padding:10px 0px 0px 10px;}
.yak_list > li {padding-top:10px; font-weight:400;}
.yak_list > li .fn {color:#999;}
.yak_list > li .bt, .yak .bt {display:inline-block; margin-left:10px; padding-right:15px; background:url(../img/introduce/arrow.png) no-repeat right center; color:#f0236e }


.of_hi .fl50 {float:left; width:48%;}
.of_hi .fr50 {float:right; width:48%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
#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 .pop_title2 {font-size:2.5em; color:#333; line-height:150%; margin-bottom:10px; padding:0px 10px; text-align:center;}
.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:25px 30px; font-size:16px; background:#fff; word-break:keep-all;}
.pop_wrap .pop_body .btns {padding-top:20px;}
.pop_wrap .pop_wrap_in {width:100%; margin:0 auto;}
.pop_wrap .x_btn {position:absolute; right:25px; top:50%; margin-top:-13px; display:inline-block; width:26px; height:26px; cursor:pointer; background:none}
.pop_wrap .pop_head {background:#fdce00; position:relative;}
.pop_wrap .pop_head .title {font-size:30px; line-height:150%; color:#000; padding:20px 45px 20px 25px; text-align:left; font-weight:500;}
.pop_wrap .pop_head .title.tc {padding-left:45px;}
.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_btn1 {position:absolute; right:10px; top:10px; cursor:pointer}
.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:20px 0px 20px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin:0px 10px;}


.pop_wrap .btn {border:1px solid #333333; background-color:#333333; color:#fff; padding:12px; display:block; font-size:15px; text-align:center;  width:100%; cursor:pointer; box-sizing:border-box; -moz-box-size:border-box;}
.pop_wrap .btn a {color:#fff;}
.pop_wrap .btn.black {border:1px solid #666666; border-bottom:1px solid #575757; background-color:#666666;}
.pop_wrap .btn button {color:#fff; background:none;  font-size:15px;}


/* 팝업 */

.popup_scroll {max-height:700px; overflow-x:hidden; overflow-y:auto;}

.layers_wrap {background:#FFF; position:relative; min-width:300px;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; 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/close3.png) 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 > img{max-width:100%;}





.print_wrap #header {display:none !important}
.print_wrap .sub_visual {display:none !important}
.print_wrap #lnb_wrap {display:none !important}
.print_wrap .title_bar {display:none !important}
.print_wrap .page_tab {display:none !important}
.print_wrap #footerW {display:none !important}
.print_wrap .print_bt {display:none !important}
.print_wrap .p_none {display:none !important}
#wrap.print_wrap {padding:0px !important}

.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff;}


.date_picker_two {overflow:hidden; position:relative}
.date_picker_two .date_picker {float:left; width:47%;}
.date_picker {position:relative; padding-right:40px; box-sizing:border-box;}
.date_picker .input {width:100%;}
.date_picker img {position:absolute; right:0px; top:50%; margin-top:-19px; width:38px; height:38px;}
.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;}





/* 200221 추가 */

.pop_close_wrap {background:#000; height:26px; padding:0px 5px; color:#fff; font-size:12px; line-height:25px;}
.pop_close_wrap .close {float:right;}
.pop_close_wrap .close a {color:#fff;}
.pop_close_wrap input[type="radio"], .pop_close_wrap input[type="checkbox"] {height:14px; width:14px; vertical-align:middle;}
.pop_close_wrap input[type="checkbox"]:checked:before {font-size:0.85em; left:0px; top:-2px; text-align:center; width:1em; height:1em;}


/* 20220217 push_list */
.push_list_ban {text-align:center;}
.push_list_ban img {width:100%;}
.push_list_navi {background:#f5f7f8}
.push_list_navi > ul {display:flex; flex-wrap:wrap; justify-content:space-around}
.push_list_navi > ul > li {display:flex; flex-wrap:wrap;}
.push_list_navi > ul > li > a {display:block; padding:15px 0px; color:#333; font-weight:600;}

.push_list_search {padding-right:80px; margin-bottom:20px; position:relative;}
.push_list_search .bt {border-radius:60px; position:absolute; right:0px; top:0px; width:78px; height:38px; line-height:38px; background:#000000; text-align:center; color:#fff;}
.push_list_search .input {border-radius:60px; background:#eeeeee; border:none; line-height:38px !important; min-height:38px !important; padding-left:10px; width:100%; }

.push_list {margin:0px -10px;}
.push_list > ul > li {border-bottom:1px solid #dddddd; width:100%; display:table; margin-top:-1px; table-layout:fixed}
.push_list > ul > li > a {display:block; position:relative; padding:19px 65px 19px 35px; box-sizing:border-box; background:url(../img/common/ico_notice.png) no-repeat 10px center; background-size:18px auto;}
.push_list > ul > li > a .date {display:block; font-size:13px; color:#666666; position:absolute; right:10px; top:19px; line-height:140%; }
.push_list > ul > li > a .txt_t {display:block; font-size:15px; line-height:130%; }





/* ------------------------------------------------------------
 * 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;}

.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}




/* 980px 이상 */
@media screen and (min-width:980px) {
	
  #lnb_menu {display:block !important;}
    
}


/* 1200px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
 
}
/* 1500px 이하 */
@media screen and (max-width:1499px) {
    .title_bar_inner {padding:0px 10px;}
    .title_bar_inner:after {left:0px;}
    
    
}
/* 1220px 이하 */
@media screen and (max-width:1219px) {
    #wrap {padding-top:80px;}
    #header {background:#fff; transition:all 0.3s 0s ease-in-out;}
    #header .w_gnb .gnb > ul > li > a > span {color:#37404e;}
    #header .w_gnb .gnb > ul > li:hover > a > span {color:#37404e;}
    #header .w_gnb .gnb > ul > li.on > a > span {color:#37404e;}

    #header .menu_btn .line-top,
    #header .menu_btn .line-middle,
    #header .menu_btn .line-bottom {background:#000 !important; }
    
    .in_header {height:79px;}
    .in_header .top_menu {display:none;}


    .m_gnb_on {display:block;}
    .w_gnb {display:none;}
	#gnb_bar {display:none !important;}
    #navigation {display:none;}


    #inner_wrap {padding:0px 10px 70px 10px;}
    #inner_wrap.no_visual {padding-top:70px;}


    .w_gnb .sub_menu {left:25px;}
    .w_gnb .gnb > ul > li > a > span {font-size:17px;}
    
    .main_visual .v_frame .v_txt {font-size:50px;}
    

    
    #footer .go_top {right:10px;}
    
    .gray_bar .box_table .box_cell br {display:none;}
  
    
}
/* 980px 이하 */


    
    .section {padding:30px 10px;}
    .inner {padding:0px 15px;}
    
    
    .main_visual .scroll_ico {display:none;}
    .main_visual .bx-controls {text-align:center; top:auto; bottom:5%; padding:0px 10px 0px 20px;}
    
    .main_quick > li {width:25%; padding:10px 5px;}
    
    .main_banner > li .box .cell .txt {font-size:45px;}
    .main_banner > li .box .cell .txt_s {font-size:29px;}
   
    #footer_navi {float:none;}
    #footer .addressW {float:none; text-align:center; padding:80px 0px 20px 0px; background-position:center top;}
    #footer_navi > ul {text-align:center; padding:15px 0px;}
    #footer_navi > ul.f_sns {text-align:center;}
    
    .sub_con {font-size:15px }
    
    #lnb_wrap {position:relative; min-height:10px; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; background:#fff; margin:0px -10px;}
    #lnb_wrap .lnbs1 {display:block;}

    #lnb_wrap .lnb {max-width:1200px; margin:0 auto; position:relative;}
    #lnb_wrap .lnb:after { clear:both; content:""; display:block;}
    #lnb_wrap .lnb .lnbs { float:left; width:196px; border-right:1px solid #e2e2e2; position:relative;}
    #lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:42px; margin:0px; width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2; display:none; background:#fff; padding:0px;}
    #lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

    #lnb_wrap .ico_home {float:left; display:block; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2}
    #lnb_wrap .ico_home a {display:block; width:49px; height:41px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat center center;}
    .lnb ul li {color:#666666; display:block; padding:0px;}
    .lnb ul li.on {display:none !important;}
    .lnb ul li a {color:#666666; font-size:13px; display:block; line-height:20px; min-height:20px; padding:10px 0px 10px 25px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:left; border-top:none }
    .lnb ul li a:hover {color:#333; border-top:none }

    .lnb ul li .three_depth a {background:#e5e5e5; border-bottom:1px solid #fff; border-top:none; color:#666666; padding:10px 30px 10px 35px;}

    #lnb_tit {font-size:14px; box-sizing:border-box; padding-left:25px; color:#333; line-height:41px; height:41px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight:300;}
    #lnb_tit2 {display:block; font-size:14px; box-sizing:border-box; padding-left:25px; color:#333; line-height:41px; height:41px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight:500;}
    #lnb_tit.on {background:url(../img/common/lnb_arrow_on.gif) no-repeat right center;}
    #lnb_tit2.on {background:url(../img/common/lnb_arrow_on.gif) no-repeat right center;}
    
    
    #lnb_wrap .lnb {padding-left:51px; position:relative;}
    #lnb_wrap .ico_home {float:none; position:absolute; left:0px; top:0px;}
    #lnb_wrap .lnb .lnbs {width:50%; box-sizing:border-box;}
    .location {display:none;}
    #sub_tit {padding-top:30px; font-size:36px;}
    .title_bar h2:after {display:none;}
    
	.title_bar .lnbW li a {font-size:15px;}
    
    .atab li a {font-size:19px;}
    
    
    .mypage_quick > ul {overflow:hidden; margin:0px -5px;}
    .mypage_quick > ul > li {padding:5px;}
    
    .mypage_box .t_my_box {padding-left:0px;}
    .mypage_box .t_my_box .photo_upload {position:relative; left:auto; top:auto; height:auto;}
    
    .prd_list > ul > li {width:33.333%;}
    .prd_list > ul.with > li.active > .box > a:after {height:calc(100% - 60px);}
	.prd_list > ul.with > li.active > .box > a:before {height:calc(100% - 60px);}
    .view_top {padding-left:0px; padding-top:50px; text-align:center}
    .view_top .pic {position:relative; left:auto; top:auto; margin:0 auto; width:auto; height:auto; max-width:50%; margin-bottom:30px;}
    .view_top .name {padding:0px;}
    .prd_list > ul.with > li > .box > a {height:365px;}
    .prd_list > ul.with .btn {top:auto; bottom:10px; width:100%; right:auto; left:0px; padding:0px 5px; box-sizing:border-box;}
    .prd_list > ul.with .btn > li {float:left; width:50%; padding:0px 5px;}
    
    
    .view_top .view_box {float:none; margin:0 auto; width:100%; margin-bottom:30px;}
    .view_info_wrap {float:none; width:100%; padding:0px;}
    .view_top .area_wage {padding:30px 0px 20px 0px;}
    .view_top .area_wage > li {text-align:left}
    
    .in_tit {padding-left:95px;}
    .introduce_page .in_tit.tr {padding-right:95px;}
	.send_step > ul > li:nth-child(1) {position:relative; left:auto; top:auto; transform:none; -webkit-transform:none;}
	.send_step > ul > li {float:none !important; border:1px solid #ccc !important; margin-top:-1px; width:100% !important;}
	.send_step > ul > li:nth-child(1) .cell {height:225px;}
	.send_step > ul > li .cell {height:135px;}

    


/* 768 이하 */

    #header .top_back {display:block;}
	#header h1 {left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
    .main_visual .v_frame .v_txt {text-align:center; width:100%; left:0px; box-sizing:border-box; padding:0px 10px; font-size:36px; word-break:keep-all;}
    .main_visual .v_frame .v_txt:before {display:none;}
    
    .main_visual .v_frame .v_txt .bt > a {margin:0 auto;}
    .main_visual .v_frame .v_txt .txt_t {font-size:62px;}
    .main_visual .v_frame .v_txt .txt_s {font-size:20px;}
    .visual_txt .txt_t img {max-width:500px; width:100%;}
    
   
    .main_banner_wrap {padding-right:60px;padding-left:60px;}
    .main_banner_wrap #pronext {right:5px;}
    .main_banner_wrap #proprev {left:5px;}
    .main_banner > li .box .cell .bg {top:0%; transform:none; -webkit-transform:none; max-width:100%; text-align:center;}
    .main_banner > li .box .cell .bg img {max-width:300px; display:inline-block;}
    .main_banner > li .box .cell {height:300px; padding:220px 10px 10px 10px; text-align:center;}
    .main_banner > li .box .cell .txt {font-size:35px;}
    .main_banner > li .box .cell .txt_s {font-size:19px;}
    .main_banner > li .box .cell .bt {line-height:55px; font-size:18px; margin:0 auto;}
    
    .main_review > li {float:none; width:100%;}
    .main_review > li .box a {-webkit-line-clamp:2; height:52px;}
    
    .notice_roll_wrap {padding:20px 100px 20px 20px;}
    .notice_roll_wrap > h3 {display:none;}
    .notice_roll_wrap:before {display:none;}
    .notice_roll_wrap .bx-wrapper .bx-prev {right:-33px}
    .notice_roll_wrap .bx-wrapper .bx-next {right:-33px}
    .notice_roll_wrap .bx-wrapper .bx-controls-auto {right:-33px}
    
    #main_s4 .inner .cell h3 {font-size:36px;}
    
    
    .port_listW {padding-top:100px; padding-bottom:0px;}
    .port_listW .owl-nav {margin-top:-75px;}
    .port_list .item .list_box .txtW {padding:10px; min-height:40px;}
    
  
    .section {padding:30px 0px;}
    #footer .copy {padding-top:10px;}
    #footer .addressW {font-size:13px;}
    #footer:after {display:none;}
    #footerW .familySite {display:none;}
    #footer .go_top {display:none;}
    #footer_navi {padding-top:0px;}
    #footer_navi .go_customer {position:relative; margin:0 auto; right:auto; top:auto;}

	#footerW {margin-bottom:70px;}
	.footer_quick {display:block;}
	.footer_quick > ul > li > a {padding:10px 5px;}
	.footer_quick > ul > li > a img {width:50px; }
	.footer_quick > ul > li > a .count {display:block; position:absolute; right:-7px; top:-7px; width:20px; height:20px; line-height:20px; border-radius:100%; text-align:center; color:#fff; font-size:11px; background:#ff5442; }

    
    .pop_wrap .pop_body {padding:15px;}
   
    .sub_visual {padding-top:0px; height:270px;}
    .sub_visual .sub_txt .cell .sub_tit_s {font-size:32px; padding:0px 0px 20px 0px;}
    
	.sub_con {word-break: break-all; font-size:15px; padding-top:30px}
	
    .title_bar {margin-bottom:0px;}
	.title_bar h2 {font-size:2.4em;}
    .title_bar .s_txt {font-size:1.8em; padding-top:30px;}
    .big_tit {font-size:2.4em; padding:30px 0px 20px 0px;}
    .s_tit {font-size:26px;}

	.b_txt {font-size:18px;}
	.bb_txt {font-size:17px;}
	.sub_title {font-size:30px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
    
    
    
    .faq_list > li .title {padding:20px 40px 21px 64px;}
    .faq_list > li .title .q {position:absolute; width:32px; height:32px; line-height:29px; left:15px; margin-top:-16px; font-size:20px;}
    .faq_list > li .answer_wrap {padding:16px 14px 16px 14px; }
    .faq_list > li .answer {min-height:22px; padding:6px 0px 6px 50px;}
    .faq_list > li .answer .a {position:absolute; width:32px; height:32px; line-height:29px;}
    .b_table.long > dl {padding-left:0px;}
    .b_table.long {padding-top:10px;}

    .b_table.long > dl > dt {position:relative; padding-bottom:0px;}
    /*atab*/

    .atab li a {font-size:15px;}
    .atab li a {height:54px;}
    .atab li.on a:after {width:16px; height:16px; bottom:-18px;}

    .btn-tc > a {margin:0px;}
    
    .find_cell {padding-right:0px !important}
    .find_cell .cell {float:left; width:50%; box-sizing:border-box;}

    .find_cell .bt {display:block; position:relative; right:auto; top:auto; width:100%; clear:both; padding-top:5px;}

    
    
    .member_ok {font-size:22px;}
    
    .join_type > ul > li {float:none; width:100% !important;}

   
    .join_step > ol > li {text-align:center; padding:5px 10px;}
    .join_step > ol > li.on {background:none;}
    
    .find_cell {padding-right:0px !important}
    .find_cell .cell {float:left; width:50%; box-sizing:border-box;}
    .find_cell .bt {display:block; position:relative; right:auto; top:auto; width:100%; clear:both; padding-top:5px;}

  
    .mb_dis {display:block;}
    .web_dis {display:none;}
    
    .service_check > ul > li > button .txt {font-size:16px;}
      
    .area_choice > li {padding-left:50px;}
    .day_sc > ul > li {width:20%;}
    .day_sc > ul > li > div h4 {font-size:17px;}
    
    .mypage_box:after {display:none;}
    .mypage_box .my_box {border-bottom:1px solid #ccc;}
    .mypage_box > div {float:none; width:100%;}    
    .mypage_quick > ul > li {width:25%}
    .mypage_box .my_box .box_in {min-height:10px;}
    .mypage_box .my_box .bt {padding-top:10px;}
    
    .review_section .con {padding-left:160px;}
    .review_section .user_data {max-width:155px;}
    
    .re_wrap {padding-left:160px;}
    .re_wrap .txt_t {width:70px; height:34px; line-height:34px;  left:25px; font-size:1em;}
    
    .prd_list > ul > li {width:50%;}
    
    .data_table > dt {float:none; display:block;}
    .data_table > dd {float:none; width:100%; -webkit-width:100%;}
    .search_wrap {font-size: 15px}
    .search_wrap .box_radio.normal > li label {font-size:14px;}
    .box_radio.four > li {width:33.333%;}
    
    .view_top .btns > li > a {line-height:57px;}
    
    .view_tab_area .view_tab > ul > li > a {font-size:16px;}
    .view_tab_area .view_tab > ul > li > a .br {display:block;}
    .tab_certify > ul > li {width:25%; font-size:14px;}
    .tab_certify > ul > li .type {font-size:13px;}
    .tab_day > ul > li {width:25%;}
    
    .box_radio.normal > li label {font-size:15px; height:50px;}
    .box_radio > li label {font-size:15px;}
    
    .prd_list > ul.with > li {float:none; width:100%;}
    .prd_list > ul.with .info_bottom {height:auto;}
    .prd_list > ul.with > li > .box > a {height:auto; padding-bottom:80px;}
    
    .img_two_wrap > li {float:none; width:100% !important; text-align:center;}
    .line_tow_wrap > li > p.line {margin-left:0px;}
    
    .introduce_wrap .first_txt {font-size:19px;}
    .introduce_page .service_check > ul > li {width:25%;}
    
    .introduce_wrap > ul > li {width:100%; float:none;}
    .introduce_wrap > ul > li br {display:none;}
    
    .intro_graph .txt {position:relative; left:auto; top:auto; text-align:center; font-size:1.7em;}
    .intro_graph .txt br {display:none;}
    .intro_graph .txt .txt_s {padding-top:2%;}
    .intro_graph {padding-left:0px;    }
    
    .line_tow_wrap .dis_table .dis_cell {height:auto; font-size:1.2em; padding-left:0px;}
    .line_tow_wrap .dis_table .dis_cell .br {display:none;}
    .num_ico_wrap > ul.ico {display:none;}
    .num_ico_wrap > ul.bul_num {width:100%;}
    .num_ico_wrap {padding-bottom:20px;}

	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:url(../img/common/png_70.png) repeat left top; zoom:1;}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}


/* 600 이하 */


    .pop_wrap .pop_head .title {font-size:19px; padding:17px 55px 18px 15px !important;}
    .pop_wrap .pop_body {padding:10px;}
    
    .section .m_tit {font-size:24px; line-height:32px; padding:20px 0px 15px 0px; margin-bottom:15px;}
	.section .m_tit_s {font-size:14px; line-height:22px; padding:5px 0 10px 0;}
   
    
    
   
	#w_lnb {display:none;}
	#m_lnb {display:block;}
    
   
    
    .layers_wrap .layers {padding:10px; font-size:0.95em;}
    .error_wrap .error_msg {font-size:26px;}

    .table_line {width:100%; overflow:auto;}
    
    /*.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;}*/

   
    
    .bt_include {padding:0px 0px 45px 0px;}
    .bt_include2 {padding:0px 0px 35px 0px;}
    .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;}


    .join_step {margin-bottom:10px;}
    .join_step > ol > li .num {font-size:14px;}
    .join_step > ol > li .txt {font-size:18px;}

    
    
    .prd_list > ul > li {width:100%; float:none;}
    .list_line_up_wrap .list_count {float:none;}
    .list_line_up_wrap .list_line_up > {margin:0px -5px;}
    .list_line_up_wrap .list_line_up > li {padding:5px;}
    .list_line_up_wrap .list_line_up > li > a {font-size:15px;}
	
	#main_s1 {padding-bottom:20px;}
	#main_s1 .inner {padding-top:0px;}
	.main_visual {background:url(../img/main/visual01_m.jpg) no-repeat center top; background-size:cover !important;}
	.main_visual .v_frame .v_txt {top:69.5%;}
	.main_visual .v_frame .v_txt:before {display:block; content:""; width:100%; height:140%; background:#fff; opacity:0.7; position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
    .main_visual .v_frame .v_txt {color:#000;}
	.main_visual .v_txt {font-size:30px;}
    .main_visual .v_frame .v_txt {font-size:26px;}
    .main_visual .v_frame img {height:480px;}
    .main_visual .v_frame .v_txt .txt_t {font-size:42px;}
    .main_visual .v_frame .v_txt .txt_s {font-size:16px; position:relative; line-height:140%}
    /*.main_visual .v_frame .v_txt .txt_s br {display:none;}*/
	.main_visual .v_frame .v_txt .txt {padding-bottom:15px;}



/* 480px 이하 */

	#wrap.main_wrap {padding-top:0;}
    #wrap.main_wrap #header {background:none;}
	#wrap.main_wrap #header.down {background:#fff;}
	#wrap {padding-top:62px;}
	
    #header h1 img {width:110px;}
    .in_header {height:62px;}

	.menu_btn {height:16px; width:24px;}
	.menu_btn .line-middle {top:7px;}
	.menu_btn .line-bottom {bottom:0px;}
	.menu_btn .line-top, .menu_btn .line-middle, .menu_btn .line-bottom {height:2px;}
	

    .pop_wrap .pop_body {font-size:14px;}
    .slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding:10px 10px 10px 5px;}
    
    
    
    
    .main_quick > li > a .txt {font-size:13px; word-break:keep-all; line-height:130%}
    
    
    .main_banner > li {background-size:cover !important;}
    .main_banner > li .box .cell > a .txt_t {font-size:26px; padding-top:0px;}
    .main_banner > li .box .cell > a {font-size:15px;}
    .main_banner > li .box .cell {height:260px; }
    .main_banner > li .box .cell > a .ico img {width:60px;}
    
    .main_banner > li .box .cell .bg img {max-width:100%}
    .main_banner > li .box .cell .txt {font-size:30px;}
    .main_banner_wrap {padding-right:30px; padding-left:30px;}
    .main_banner_wrap .s_bt {width:20px;}
    
    .main_review > li .box {padding:15px 15px;}
    .main_review > li .box a {height:40px; line-height:20px; font-size:15px;}
    #main_s4 .inner .cell {height:230px;} 
    #main_s4 .inner .cell h3 {font-size:26px;}
    #main_s4 .inner .cell > ul {max-width:70%; margin:0 auto;}
    #main_s4 .inner .cell > ul > li {float:none; width:100%;}
    #main_s4 .inner .cell > ul > li > a {font-size:18px;}
    
    .customer_quick > li {width:50%;}
    .customer_quick > li > a {font-size:14px; word-break:keep-all}
    .customer_quick > li > a > strong {font-size:1.2em;}
    .notice_roll > li > a {font-size:15px; padding-right:0px;} 
    .notice_roll > li > a > .date {display:none;}
    
    
    #footerW {padding:0px 0px 10px 0px;}
    #footer_navi > ul {padding:10px 0px;}
    #footer_navi > ul li {padding:0px 10px;}
    #footer_navi > ul li a {font-size:13px;}
    #footer .addressW {font-size:12px; padding-top:50px; background-size:139px auto; }
   
    #footer .go_top {display:none;}
    #footer .copy {font-size:12px;}
    
	#footerW {margin-bottom:30px;}

	.footer_quick > ul > li > a img {width:30px;}

    
 
    
    #position3 {padding:40px 0px 100px 0px;}
    .pop_wrap .pop_head .title {text-align:left !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
    .pop_wrap .x_btn {right:15px; }
    
    
	.mb_dis {display:block;}
    #add_date .bt .tooltip {height:36px; line-height:34px;}
    
    #sub_tit {display:none;}

    #lnb_wrap {background:url(../img/common/png_50.png) repeat left top #000; margin-top:0px; border-top:1px solid #9b9a98}
    #lnb_wrap .lnb {padding-left:0px; position:relative;}
    #lnb_wrap .lnb .lnbs:after {display:none;}
    #lnb_wrap .ico_home {display:none}
    #lnb_tit {display:none;}
    #lnb_wrap .lnb .lnbs {width:100%; border:none; box-sizing:border-box;}
    #lnb_tit2 {padding-left:0px; text-align:center; color:#fff; line-height:51px; height:51px; background:url(../img/common/lnb_arrow3.png) no-repeat right center; font-size:14px;}
    
    #lnb_tit2.on {background:url(../img/common/lnb_arrow3_on.png) no-repeat right center;}
    #lnb_wrap .lnb .lnbs .copy_menu {top:52px; border:none; box-shadow:0px 1px 3px #ccc;}
    #lnb_wrap #gnb_menu {display:none !important;}
    .lnb ul li a {font-size:14px;}
    
  
    
    

    .faq_list > li .title {padding:15px 45px 16px 60px; font-size:13px; background-position:104% center !important }
    .faq_list > li .title .q {width:30px; height:30px; line-height:27px; left:10px; margin-top:-15px; font-size:18px;}

    .faq_list > li .answer_wrap {padding:13px 10px 13px 10px; }
    .faq_list > li .answer {min-height:22px; padding:4px 0px 4px 48px; font-size:13px; }
    .faq_list > li .answer .a {width:30px; height:30px; line-height:27px; font-size:18px;}
    
	
	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}
	.paging a {width:23px;}
	.paging a.prev, .paging a.next, .paging a.first, .paging a.last {width:33px;}
    .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 {font-size:20px; padding:0px 0px 15px 15px; margin-top:30px;}
    .s_tit:before {width:3px; height:20px; top:4px;}
    .s_tit:after {left:10px; top:19px;}
    .s_titW {overflow:hidden; padding:30px 0px 15px 0px;}
    .text_in {padding-left:15px;}
    .sub_con > .s_tit:first-child {margin-top:0px}
	.ss_tit {font-size:18px; margin-top:25px; padding-bottom:0px;}
    .bb_txt {font-size:16px;}
    .b_txt {font-size:17px;}

    .s_txt_r {margin-top:-25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top:-45px;}
	#inner_wrap {padding-bottom:30px;}
    #inner_wrap.no_visual {padding-top:20px;}
    .sub_visual {height:110px;}
    .sub_visual .sub_txt .cell .sub_tit_s {font-size:20px; padding-bottom:0px;}
    .sub_con {font-size:13px; padding-top:30px;}
    .layerPop {font-size:0.95em; }
    .title_bar {margin:0px;}
	.title_bar h2 {font-size:2em; }
	.title_bar .s_txt {font-size:1.5em; padding-top:15px;}
    .title_bar .s_txt br {display:none;}
    .title_bar .s_txt2 {font-size:1.25em; padding-top:0px; margin-bottom:15px;}
    .big_tit {font-size:2em;}
    .sub_title {font-size:28px; }
    
    .view_tit {padding:10px;}
    .view_file {padding:10px;}
    .view_file .tit {padding-left:20px;}
    .view_file > ul {padding:10px 0px 0px 20px;}
    .view_file > ul > li {font-size:14px;}
    
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !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 {padding-left:0px !important; margin-left:-10px; margin-right:10px;} */
    .atab_tc {padding-left:0px !important;}
    .atab li a {font-size:13px; height:46px;}
 
    .b_table > dl {font-size:16px; padding-left:0px;}
    .ul_table > ul > li {font-size:16px;}
    .check_txt {font-size:16px;}
    .radio_group > li {font-size:13px;}
    .b_table {padding-top:10px;}
    .b_table > dl > dt {font-size:16px; padding-top:13px;}
    .b_table > dl > dd {min-height:20px; font-size:13px;}
    .b_table > dl > dt {position:relative; padding-bottom:0px;}
    .input_etc .pa {font-size:13px; line-height:36px;}
    input.input5 {height:36px; padding:0px 5px; line-height:34px; font-size:13px;}
    .textarea {padding:5px 5px; font-size:13px;}
    .b_table .btnNormalB span {padding:0px 18px; height:36px; line-height:34px; font-size:13px;}
    .security_code .code .num {height:34px; line-height:32px; font-size:14px;}
    .file_input label {height:36px;  line-height:34px; font-size:13px;}
    .radio_group {margin-top:-5px;}
    
    .join_type > ul > li {padding:10px 0px;}
    
    .find_box {padding:0px 0px 10px 0px;}
    .find_cell .bt {overflow:hidden;}
    .find_cell .bt > a {width:50%; float:left;}
    .find_cell .bt > a > span {display:block; padding:0px; margin:0px 2px; }  
    .print_bt {display:none !important}
    .gray_box {padding:5px;}
  
    .join_step > ol > li .num {font-size:13px;}
    .join_step > ol > li .txt {font-size:14px;}
    
    .member_ok {font-size:18px; padding-bottom:0px;}
    .member_ok br {display:none;}
    
    .service_check > ul > li > button .txt {font-size:14px;}
    
    .box_radio > li label {font-size:13px; height:34px; min-width:60px; word-break:keep-all; line-height:1.3em;}
    .box_radio.normal > li label {font-size:13px; height:48px;}      
    .when_service > dl {padding-left:0px;}
    .when_service > dl > dt {position:relative; left:auto; top:auto; font-size:15px; padding-bottom:5px;}
    
    .eight_service > dl > dt .small {font-size:14px;}
    .eight_service > dl > dt .small .recom {line-height:20px;}
    .eight_service > dl.certification_top {padding:5px;}
    .eight_service > dl > dt {font-size:18px;}
    .eight_service > dl > dd {font-size:14px;}
    .small_btns > li {font-size:12px; line-height:20px; padding:0px 5px;}
    .document_info {font-size:0.9em;}
    
    .join2_step1 > li > button {font-size:14px;}

    .join2_step1 > li > button .ico {font-size:13px; padding:3px 5px;}
    
    .bar_radio > ul > li > button > span {margin-top:-7px; width:26px; height:26px;}
    .bar_radio > ul > li > button {font-size:14px;}
    .bar_radio.five > ul {margin:0px -2%;}
    
    .day_sc > ul > li {width:33.3333%;}
    .day_sc > ul > li > div h4 {font-size:16px;}
    
    .mypage_box > div {padding:20px;}
    .mypage_box .my_box_info .bts {position:relative; right:auto; top:auto; bottom:auto; padding-top:10px;}
    .mypage_box .my_box_info > h4 .bt {float:none; display:block;text-align:center; margin-top:10px;}
    .mypage_quick > ul > li > a {min-height:150px;}
    
    .re_wrap {padding:10px 10px 10px 80px; margin-top:5px;}
    .re_wrap .txt_t {width:55px; height:28px; left:10px; line-height:28px; }
    
    .review_section .user_data {max-width:100%; position:relative; left:auto; top:auto !important; padding-bottom:10px;}
    .review_section .con {padding-left:0px;}
    .re_wrap .input_area {padding-right:70px;}
    .re_wrap .input_area .btn {width:65px;}
    .view_tab_area .review_wrap .review_section {padding:15px 0px;}
    
    .report_list_wrap > .report_list > ul {padding:15px;}
    .report_list_wrap > .report_list > ul > li {padding-left:65px;}
    .admin_re .txt_t {width:106px;}
    .admin_re {padding:15px}
    .admin_re .txt_t {margin-top:0px;}
    
    .leave_cu > li {float:none !important;}
    .price_wrap > li {font-size:18px; border:1px solid #ccc; border-top:none; display:block; height:auto; padding:30px 0px 20px 0px; width:100%;}
    .price_wrap > li:first-child {border-top:1px solid #ccc; }
    .price_wrap > li .ico {display:block; width:28px; height:28px; line-height:28px; left:50%; top:0px; margin:-14px 0px 0px -14px;}

    .list_line_up_wrap .list_count {padding-bottom:10px;}
    .list_line_up_wrap .list_line_up {margin:0px}
    .list_line_up_wrap .list_line_up > li {padding:4px;}
    .list_line_up_wrap .list_line_up > li > a {font-size:13px; letter-spacing:-1px;}
    .search_wrap .search_aera.no_wrap {padding:20px;}
    .search_wrap .search_aera {padding:20px 20px 80px 20px;}
    .search_wrap .search_aera .reset_bt {right:20px; bottom:20px;}
    
    .view_with_tit {margin-bottom:20px;}
    .view_tab_area .view_tabW {margin-bottom:20px;}
    .view_tab_area .view_tab > ul > li {display:none;}
    .view_tab_area .view_tab > ul > li.on {display:block; float:none; width:100% !important;}
    .view_tab_area .view_tab > ul > li > a .br {display:none;}
    .view_tab_area {padding-top:30px;}
    
    .view_top {font-size:15px;}
    .view_top .count > li {padding:5px;}
    .view_top .btns > li > a {line-height:44px;}
    .view_top .btns.four {padding-top:30px;}
    
    .view_tab_area .view_tab > ul > li > a {font-size:18px;}
    .tab_certify > ul {margin:0px -3px 0px 1px;}
    .tab_certify > ul > li {width:33.33%;}
    .tab_certify > ul > li {font-size:13px;}
    .tab_day > ul > li {font-size:14px; }
    .tab_day > ul > li .txt_t {font-size:16px;}
    .tab_day > ul > li .night {padding-left:20px;background-size:20px auto;}
    
    .prd_list > ul.with .info_bottom > span .cell {font-size:13px;}
    .prd_list > ul.with .info_bottom {padding:15px 10px;}
    .prd_list > ul.with .info_bottom > span {padding:2px;}
    
    .search_wrap {padding:20px 0px ;}
    
    .coupon_list > li {padding:10px 0px;}
    .buy_top {padding:20px;}
    .buy_top .ico {display:none;}
    .refund_guide {padding:15px 20px; margin-top:30px;}
    
    .view_tit .re_wrap {padding:5px 15px 0px 60px;}
    .view_tit.tl {padding-left:15px;}
    .view_tit .re_wrap .txt_t {width:50px; height:23px; line-height:23px;}
    
    .important_ico {padding:10px;}
    .important_ico > p {padding-left:25px;}
    .important_ico > p:before {width:20px; height:20px;}
    .important_ico > p:after {font-size:15px; left:8px; top:0px;}
    .doc_list .file_upload label {height:60px; line-height:59px; font-size:18px;}
    .doc_list .bt .bt_a {height:60px; line-height:59px; font-size:18px;}
    
    .doc_list > h4 {padding-left:23px; text-indent:-23px;}
    
    .doc_list .doc_input {padding:10px;}
    .icon_note2 {background-size:20px auto !important; padding-left:25px }
    .buy_list {font-size:1.2em;}
    .buy_list > li .txt_t {padding-left:35px;}
    .buy_list > li .txt_t .ico {width:30px; top:5px;}
    .buy_total {margin-bottom:20px; padding:20px 15px;}
    .buy_total > dt {line-height:30px; font-size:18px;}
    .buy_total > dd {font-size:16px; font-weight:400;}
    .buy_total > dd > strong {font-size:25px; padding-left:30px; background-size:28px auto; min-height:30px; line-height:30px;}
    
    .ico_txt .type {line-height:22px;}
    
    .introduce_wrap .first_txt .big {font-size:1.4em;}
    .in_tit {margin:20px 0px;}
    .ctab {margin-top:20px;}
    .ctab li a {font-size:1.05em;}
    .in_tit .txt_t br {display:none;}
    .num_ico_wrap > ul.bul_num {padding-left:0px;}
    .in_tit .txt_t {font-size:1.8em;}
    .in_tit .num {font-size:4.5em}
    .introduce_page .in_tit {padding-left:75px}
    .introduce_page .in_tit.tr {padding-right:75px}
	
	.guide_wrap .guide_main > li {padding:5px 10px 5px 40px;}
    .guide_wrap .guide_main > li > a {height:50px; background-size:auto 14px;}
	.guide_wrap .guide_main > li > a .num {width:30px; height:30px; line-height:30px; font-size:14px;}

	.guide_wrap .guide_main > li.first .box {padding:5px 10px 5px 20px; height:100px;}
	.guide_wrap .guide_main > li.first .box > a {background-size:auto 14px;}
	.guide_wrap .guide_main > li.first .box > a .ib {background-size:50px auto; padding-left:64px; min-height:50px;}

	.guide_back_wrap {padding-top:40px;} 
	.down_list ul li {width:100%;}
	.down_list ul li .bt_down {display:inline-block; width:100%; height:37px; line-height:37px; color:#000; border-radius:30px; background:#fdce00; font-size:0.9em; font-weight:100;}


	.guide_wrap .guide_top > li {padding:10px 150px 10px 20px; font-size:1.2em;}
	.guide_wrap .caution {padding:20px 20px; font-size:1.2em; line-height:130%;}
	.guide_wrap .caution ul li {background:url(../img/common/dot.png) no-repeat left 7px;}
	.guide_wrap .guide_type .txt {left:50px;}
	.guide_txt {padding:0 0 0 30px; line-height:150%;}

}




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

    
    .atab li a {font-size:12px;}
    .title_bar .s_txt {padding-left:10px;}
    .bt_application a {padding:0px 18px;}
    .bt_application a span {text-align:center;}
  
    
    .btns > li {width:100%; float:none; padding:2px 0px;}
    .btn-tc {padding:20px 0px;}
   
}
/* 2023 new main,sub */
.main_tit {color:#000; line-height:1.4em; font-weight:700; font-size:20px;}
.main_txt {color:#666666;}

.wrap2023 .section {font-size:14px; line-height:1.5em; padding:20px 0px; word-break:keep-all}
.wrap2023 .main_visual img {width:100%}
.wrap2023 .main_visual {overflow:hidden; border-radius:18px; margin-left:15px; margin-right:15px; box-sizing:border-box; width:auto; background:none;}
.wrap2023 .main_visual .swiper-horizontal>.swiper-scrollbar {bottom:20px; width:90%; left:50%; transform:translateX(-50%)}
.wrap2023 .main_visual .swiper-button {display:flex; flex-wrap:wrap; background:rgba(0, 0, 0, 30%); border-radius:8px; position:absolute; right:10px; bottom:30px; z-index:9; padding:0px 5px; border:1px solid rgba(255, 255, 255, 70%); overflow:hidden}
.wrap2023 .main_visual .swiper-button > div {text-indent:-9999px; position:relative; height:28px; cursor:pointer; width:30px; box-sizing:border-box; padding:0px;}
.wrap2023 .main_visual .swiper-button > div.pause:after {display:block; content:""; width:6px; border-left:2px solid #fff; border-right:2px solid #fff; height:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.wrap2023 .main_visual .swiper-button > div.play:after {display:block; content:""; border-left:8px solid #fff; border-top:7px solid transparent; border-bottom:7px solid transparent; position:absolute; left:50%; top:50%; transform:translateY(-50%);}
.wrap2023 .main_quick {margin:-10px;}
.wrap2023 .main_quick > li {padding:10px;}
.wrap2023 .main_quick > li > a .ico {border-radius:1.3rem; background:#f0f4f9; border:2px solid #ededed;}
.wrap2023 .main_quick > li > a .txt {font-size:14px}
.wrap2023 #main_s1 {background:#fff;}
.wrap2023 .main_banner_wrap {padding:0px 15px;}
.wrap2023 .main_banner {display:flex; margin:0px -5px; padding-top:10px;}
.wrap2023 .main_banner > li {width:50%; box-sizing:border-box; padding:5px;}
.wrap2023 .main_banner > li > a {display:block; border:2px solid #999999; border-radius:14px; overflow:hidden; height:100%; box-sizing:border-box;}
.wrap2023 .main_banner > li > a > dl {height:100%}
.wrap2023 .main_banner > li > a > dl > dt {display:flex; align-items:center; min-height:44px; padding:0px 15px; justify-content:space-between; font-size:17px; font-weight:700;}
.wrap2023 .main_banner > li:nth-child(1) > a > dl > dt {background:#ffe000; color:#000;}
.wrap2023 .main_banner > li:nth-child(2) > a > dl > dt {background:#ff3030; color:#fff;}
.wrap2023 .main_banner > li > a > dl > dt i {width:30px; height:30px; border-radius:100%; background:#fff; display:flex; justify-content:center; align-items:center;}
.wrap2023 .main_banner > li > a > dl > dt i:after  {content:''; width:7px; height:7px; border-top:3px solid #000; border-right:3px solid #000; display:inline-block; transform:rotate(45deg); margin-left:-2px;}
.wrap2023 .main_banner > li > a > dl > dd  {padding:15px; font-size:13px; min-height:calc(100% - 45px); box-sizing:border-box}
.wrap2023 #main_s3 {background:#fff;}
.wrap2023 #main_s4 {background:#fff;}
.wrap2023 #main_s5 {background:#fff; padding:20px 0px; border-top:8px solid #eff1f6;}


.main_new_review {padding-bottom:20px;}
.main_new_review > li {padding:10px 0px; border-bottom:1px solid #f5f5f5}
.main_new_review .box {align-items:flex-start; display:flex; flex-wrap:wrap;}
.main_new_review .box .cate {width:95px; font-size:15px; color:#efa752; font-weight:500;}
.main_new_review .box .con {flex:1; overflow:hidden; }
.main_new_review .box .con .txt {width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:block; height:21px; line-height:21px;}
.main_new_review .box .star_wrap {width:81px; margin-bottom:20px; vertical-align:top;}

.main_quick_menu > li {padding:15px 0px; border-top:1px solid #f5f5f5}
.main_quick_menu > li:first-child {border-top:none; padding-top:0px;}
.main_quick_menu > li > a {display:flex; flex-wrap:wrap; color:#999999; font-size:13px; position:relative;}
.main_quick_menu > li > a:after {content:''; width:10px; height:10px; border-top:2px solid #999999; border-right:2px solid #999999;  display:inline-block; transform:rotate(45deg) translateY(-50%); position:absolute; right:5px; top:50%;}
.main_quick_menu > li > a > p {flex:1;}
.main_quick_menu > li > a > p > strong {display:block; color:#000; font-size:1.2em; font-weight:700; line-height:1.3em;}
.main_quick_menu > li > a .ico {width:50px;}
.main_quick_menu > li > a .ico img {width:34px;}

.notice_slide_wrap {position:relative; padding:0px 0px 0px 0px; margin-top:10px;}
.notice_slide_wrap .bx-wrapper {padding-right:40px !important; box-sizing:border-box;}
.notice_slide_wrap .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; transform:translateY(-50%); outline:0; width:20px; height:20px; text-indent:-9999px; z-index:999; background:none; margin:0px;}
.notice_slide_wrap .bx-wrapper .bx-controls-direction a:after {display:block; content:""; width:10px; height:10px; border-top:2px solid #999999; border-right:2px solid #999999; display:inline-block; transform:rotate(45deg) translate(-50%, -50%); position:absolute; left:50%; top:50%;}
.notice_slide_wrap .bx-wrapper .bx-prev {left:auto; right:25px; }
.notice_slide_wrap .bx-wrapper .bx-prev:after {transform:rotate(-45deg) translate(-50%, -50%) !important; margin:-5px 0px 0px 3px;}
.notice_slide_wrap .bx-wrapper .bx-next {left:auto; right:0px;}
.notice_slide_wrap .bx-wrapper .bx-next:after {transform:rotate(135deg) translate(-50%, -50%) !important; margin:-10px 0px 0px -14px;}
#search_p {position:absolute}

#footerW.footer2023 {background:#ffffff; padding:0px 15px;  border-top:8px solid #eff1f6; color:#999}
#footerW.footer2023 #footer_navi > ul {border-bottom:1px solid #f5f5f5; display:flex;}
#footerW.footer2023 #footer_navi > ul > li {width:50%; box-sizing:border-box; background:none}
#footerW.footer2023 #footer_navi > ul > li > a {position:relative; display:block; color:#999999; text-align:left;}
#footerW.footer2023 #footer_navi > ul > li > a:After {content:''; width:8px; height:8px; border-top:2px solid #999999; border-right:2px solid #999999; display:inline-block; transform:rotate(45deg) translateY(-50%); position:absolute; right:5px; top:50%; opacity:0.5;}
#footerW.footer2023 #footer .addressW {background:none; text-align:left; color:#999; padding-top:20px;}
#footerW.footer2023 #footer .addressW address .f_logo {display:block; color:#999999; font-size:18px; font-weight:700; padding-bottom:10px;}
#footerW.footer2023 #footer .addressW address {color:#999999; }
#footerW.footer2023 #footer .addressW address a {color:#999999; }
#footerW.footer2023 #footer .copy {margin-top:10px;}

.search_wrap2023 {padding-bottom:8px;}
.search_wrap2023 .detail_search {margin-top:10px;}
.search_wrap2023 .detail_search > a{display:flex; height:30px; border-radius:60px; justify-content:center; align-items:center; color:#fff; background:#fdb514; font-size:15px;}
.search_wrap2023 .search_aera {border-radius:20px 20px 0px 0px; padding:20px; font-size:14px;}

.search_aera_pop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; height: 100%; /*height:calc(100vh - 117px); top:117px;*/ position:fixed; left:0; top: 0px; right:0; background:#fff; border-radius:20px 20px 0px 0px;  z-index:99998; zoom:1;}
.search_aera_pop .search_aera {padding:0px 20px 20px 20px;}
.search_aera_pop .close a {position:absolute; right:10px; top:10px; display:block; cursor:pointer; background:none; width:40px; height:40px; font-size:0px;}
.search_aera_pop .close a:after {display:block; content:""; width:20px; height:2px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.search_aera_pop .close a:before {display:block; content:""; width:20px; height:2px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.search_aera_pop .reset_bt {text-align:right; margin-top:15px;}
.search_aera_pop .reset_bt > button {display:inline-flex; outline:none; color:#000000; background:url(../img/common/ico_reset.png) no-repeat left center; height:20px; align-items:center; padding:0px 0px 0px 20px; font-size:15px;}
.search_aera_pop .detail_view {margin-top:15px;}
.search_aera_pop .detail_view > button{outline:none; width:100%; display:flex; height:30px; border-radius:60px; justify-content:center; align-items:center; color:#fff; background:#fdb514; font-size:15px;}

.pop_title {text-align:center; padding:20px 0px; font-size:18px; font-weight:600; color:#333;}
.fnc_q {display:inline-flex; width:19px; height:19px; border-radius:2px; background:#ff2b2b; justify-content:center; align-items:center; font-size:14px; color:#fff; vertical-align:middle; cursor:pointer; font-style:initial;}

.data_table.line {padding-top:15px; border-top:1px solid #ccc;}

.prd_list > ul > li > .new-box {border:1px solid #ccc; overflow:hidden; text-align:center; position:relative;}
.prd_list > ul > li > .new-box .new-box-in {display:flex; flex-wrap:wrap; padding:20px 10px 20px 10px; box-sizing:border-box; position:relative; font-size:13px;}
.prd_list > ul > li.active > .new-box .new-box-in:after {display:block; content:""; width:100%; height:100%; background:#000; opacity:0.5; position:absolute; left:0px; top:0px;}
.prd_list > ul > li.active > .new-box .new-box-in:before { text-shadow:1px 1px 1px #000; font-weight:600; display:flex; justify-content:center; align-items:center; z-index:10; flex-wrap:wrap; font-size:2em; color:#fff; content:"이웃케어 매칭완료"; width:100%; height:100%; position:absolute; left:0px; top:0px;}
.prd_list > ul.with > li > .new-box {text-align:left;}
.prd_list > ul > li > .new-box .new-box-in .mark {width:59px; height:66px; text-align:center; color:#fff; font-size:15px; line-height:140%; box-sizing:border-box; padding-top:5px; position:absolute; right:0px; top:0px; background:url(../img/common/mark.png) no-repeat right top; background-size:cover}
.prd_list > ul > li > .new-box .new-box-in .user_wrap {width:125px;}
.prd_list > ul > li > .new-box .new-box-in .user_wrap .review {padding-top:10px;}
.prd_list > ul > li > .new-box .new-box-in .user_wrap .review > strong {font-weight:700;}
.prd_list > ul > li > .new-box .new-box-in .user {display:block; width:96px; height:96px; border-radius:100%; position:relative; margin:0 auto; overflow:hidden;}
.prd_list > ul > li > .new-box .new-box-in .user img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:100%;}
.prd_list > ul > li > .new-box .new-box-in .info_wrap {flex:1; padding:0px 0px 0px 15px; text-align:left; color: #666666}
.prd_list > ul > li > .new-box .new-box-in .user_info {display: flex; flex-wrap: wrap; padding: 10px 0px; margin-left: -10px; color: #000000;}
.prd_list > ul > li > .new-box .new-box-in .user_info > span {line-height: 1.3em; vertical-align:top; padding:0px 10px; border-left:1px solid #ccc; }
.prd_list > ul > li > .new-box .new-box-in .user_info > span:first-child {border:none;}
.prd_list > ul > li > .new-box .new-box-in .user_info > span:last-child {padding-right: 0px;}
.prd_list > ul > li > .new-box .new-box-in .type {display:inline-block; color: #000000; background: #fee101; padding: 0px 10px;}
.prd_list > ul > li > .new-box .new-box-in .address {display:block; color:#666666; line-height:140%; padding-bottom: 10px; }
.prd_list > ul > li > .new-box .new-box-in .btn {overflow: hidden; margin-top: 5px;}
.prd_list > ul > li > .new-box .new-box-in .btn > li {float:left; margin-left: 10px;}
.prd_list > ul > li > .new-box .new-box-in .btn > li:first-child {margin-left: 0px;}
.prd_list > ul > li > .new-box .new-box-in .btn > li .zzim_btn {height:21px; line-height:1.3em; display: flex; border: 1px solid #cccccc; border-radius:60px; justify-content: center; align-items: center; padding: 0px 15px; background: #fff; color: #000}
.prd_list > ul > li > .new-box .new-box-in .btn > li .view {display: flex; flex-wrap: wrap; align-items: center; font-weight: 700; color: #000;}
.prd_list > ul > li > .new-box .new-box-in .btn > li .view > span {display: inline-flex; width: 20px; height: 20px; border-radius:100%; justify-content: center; align-items: center; line-height: 1em; background: #eff1f6; border:1px dotted #ccc; margin-right: 5px; font-size: 18px; }
.prd_list > ul > li > .new-box .new-box-in .btn > li .zzim {line-height:1.2em; background:#fee101; border-color:#fdce00; color:#000;}

.prd_list > ul .btn > li > a.zzim {display:block; background:#fee101; text-align:center; line-height:38px; border-radius:30px; color:#000; border:1px solid #fdce00;} /*찜하기 새롬추가*/
.prd_list > ul > li > .new-box:hover {border-color:#f0236e;}
.prd_list > ul > li > .new-box .like_btn {line-height: 1em; display: block;}
.prd_list > ul > li > .new-box .like_btn > span {display:inline-block; vertical-align: top; height: 14px; padding-left:24px; background:url(../img/common/heart.png?ver=1) no-repeat left center; background-size: 16px auto !important; font-weight: 700;}
.prd_list > ul > li > .new-box .like_btn.on > span {background:url(../img/common/heart_on.png?ver=1) no-repeat left center; background-size: 16px auto !important;}
.prd_list .star_wrap {width:100px;}