@charset "utf-8";


/*
 * date : 2018.03.22
 * 사용영역 : 전체 화면 ui기본폼(현, 다이렉트샵 메인만 해당)
 *
 */


body{letter-spacing: -0.5px !important;}
body.noScroll {position:absolute; top:0; overflow:hidden;}
/****************************************
# 공통
****************************************/
.bg_ly {opacity:0; position:absolute; top:0; left:50%; margin-left:-550px;}
#wrapper #header {min-width:1100px;}
#wrapper #container {min-width:1100px; margin:0 auto;}
#wrapper #container:after {content:''; display:block; clear:both;}

#container.container {width:1100px; margin:0 auto; padding:50px 0 80px 0;}
#container.container > h3 {padding-bottom:32px; font-size:34px; font-weight:600;}
#container .main_tit {width:1100px; margin:0 auto; padding:50px 0 25px 0;}
#container .main_tit > p {padding-bottom:25px; font-size:36px; font-weight:500;}
.container > h3 + .tit_desc {margin-top:15px; padding:15px 0 50px; font-weight:400; font-size:17px; color:#555; border-top:2px solid #191919;}
#container > h4 {position:relative; margin-bottom:16px; font-weight:500; font-size:24px;}
#container > h4 > .desc-right {position:absolute; right:0; bottom:0; font-weight:400; font-size:16px; color:#797979;}

/* 마스크 */
#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:101; opacity:0.5; background:#000;} /* 마스크 */
.z-up {z-index:111 !important;}
.top_box {margin-bottom:40px;}

input.inputbox {width:250px;}
.input-xs {width:97px !important;}
.input-s {width:176px !important;}
.input-m {width:206px !important;}
.input-l {width:320px !important;}


.cont-inner {position:relative; max-width:1100px; margin:0 auto; width: 100%;}
.cont-inner::after {content:""; display:block; clear:both;}
.cont-inner > h3 {padding-top:50px; padding-bottom:25px; font-size:36px; font-weight:500;}


@media only screen and (max-width:1024px) {
	#wrapper #container,
	#container.container {width:100%; min-width:100%;}
}


/****************************************
# header
****************************************/
#gogoHeader {position:fixed; top:0; left:0; width:100%; height:90px; line-height:90px; min-width:1100px; background-color:#fff; z-index:9999; border-bottom:1px solid #e2e2e2;}
#gogoHeader .inner {position:relative; width:1100px; height:90px; margin:0 auto; overflow:hidden;}
#gogoHeader #logo > a {position:relative; display:inline-block; margin:0 16px; line-height:90px;}
#gogoHeader #logo > a:first-child {margin:0; padding-right:16px;}
#gogoHeader #logo > a:first-child:after {content:''; display:inline-block; position:absolute; top:50%; right:0; width:1px; height:24px; margin-top:-12px; background-color:#ccc;}
#gogoHeader #logo > a > img {vertical-align:middle;}

#header {position:relative; width:100%; min-width:1100px; border-bottom:1px solid #e5e5e5; background-color:#fff; z-index:110;}

/* header top */
#header #h_top {width:100%; height:62px; border-bottom:1px solid #e5e5e5;}
#header #h_top .inner {position:relative; width:1100px; height:100%; margin:0 auto; overflow:hidden;}
#header #h_top:after {content:''; display:block; clear:both;}

/* logo */
#header #h_top #logo {float:left; display:inline-block;}
#header #h_top #logo > a {display:block; padding-top:15px;}
#header #h_top #logo > a > img {vertical-align:middle;}

/* util */
#header #h_top .alliance {position:absolute; right:0; bottom:16px;}
#header #h_top .alliance > p {float:left; position:relative; display:inline-block; width:140px; height:28px; margin-left:7px; border-radius:15px; cursor:pointer; text-indent:-9999px;}
#header #h_top .alliance > p:last-child {margin-right:0;}
#header #h_top .alliance > .post {background:#f39801 url(../images/common/alli_post_txt.png) no-repeat center center;}
#header #h_top .alliance > .gssuper {background:#35acb2 url(../images/common/alli_gssuper_txt.png) no-repeat center center;}
#header #h_top .alliance > .post:hover {background-color:#f37200;}
#header #h_top .alliance > .gssuper:hover {background-color:#008095;}
#header #h_top .alliance > .prepay {width:170px; height:28px; background:#4d80c9 url(../images/common/eyagi_pre_txt.png?20200103) no-repeat center center;}
#header #h_top .alliance > .prepay:hover {background-color:#1f67cc;}

/* gnb */
#gnb {width:1100px; margin:0 auto;}
#gnb:after {content:''; display:block; clear:both;}
#gnb .nav > ul > li {float:left;}
#gnb .nav > ul > li > a {position:relative; display:block; padding:18px 0; font-weight:600; color:#222;}
#gnb .nav > ul > li:hover > a {color:#e6000b;}
#gnb .nav > .nav_left {float:left;}
#gnb .nav > .nav_left > li  {margin:0 12px; line-height:normal;}
#gnb .nav > .nav_left > li:first-child  {margin-left:0;}
#gnb .nav > .nav_left > li:last-child  {margin-right:0;}
#gnb .nav > .nav_left > li > a {font-size:20px;}
#gnb .nav > .nav_left > li.on > a:after {content:''; position:absolute; bottom:-28px; left:50%; margin-left:-3px; border-bottom:6px solid #8d00e6; border-left:6px solid transparent; border-right:6px solid transparent;}
#gnb .nav > .nav_left .prepay {position:relative;}
#gnb .nav > .nav_left .prepay a {width:130px; height:56px; margin-top:9px; padding-top:8px; font-weight:500; font-size:17px; color:#e6000b; text-align:center; line-height:1.27; border:2px solid #e6000b; border-bottom:0; border-radius:10px 10px 0 0;}
#gnb .nav > .nav_left .prepay a > span {display:block; font-size:13px;}#gnb .nav > .nav_right {float:right;}
#gnb .nav > .nav_right > li {margin-left:20px; line-height:normal;}
#gnb .nav > .nav_right > li:first-child {margin-left:0;}
#gnb .nav > .nav_right > li > a  {font-weight:400; font-size:17px;}
#gnb .nav > ul > li.on .openMenu {display:block;}

/* open menu hover */
.openMenu {display:none; position:absolute; top:123px; left:0; width:100%; height:442px; line-height:initial; border-top:1px solid #e2e2e2; background:#fff; border-bottom:1px solid #DDD; z-index:9999;}
.openMenu .inner {position:relative; width:1100px; height:336px; margin:0 auto;}
.openMenu .inner:after {content:''; display:block; clear:both;}

.left_area {float:left; margin-top:45px;}
.left_area .info {float:left; width:200px; margin-right:80px;}
.left_area .info .bg_img {margin-bottom:15px;}
.left_area .info .tit {font-size:32px; line-height:1.47;}
.left_area .info .tit > span {display:block; margin-top:10px; font-size:15px; line-height:21px; color:#666; word-break:keep-all;}

.left_area .lnb {float:left;}
.left_area .lnb .depth2 {position:absolute; top:20px; left:260px; width:264px; height:340px; padding-left:35px;}
.left_area .lnb .depth2 h2 > a {position:relative; display:block; position:relative; width:100%; height:50px; line-height:50px; padding:0 30px 0 24px; font-weight:400 !important; font-size:16px; color:#222; border-bottom:1px solid #e2e2e2;}
.left_area .lnb .depth2 > li {position:relative;}
.left_area .lnb .depth2 > li:hover {background-color:#e6000b;}
.left_area .lnb .depth2 > li:hover h2 > a {color:#fff;}
.left_area .lnb .depth2 > li h2 > a:after {content:''; display:block; position:absolute; top:50%; right:24px; width:10px; height:15px; margin-top:-7px; background:url(../images/common/ico_arr_gnb.png) no-repeat; background-position:0 0;}
.left_area .lnb .depth2 > li h2 > a:focus::after,
.left_area .lnb .depth2 > li h2 > a:hover::after {background-position:0 -15px;}
.left_area .lnb .depth3 {display:none; position:absolute; top:10px; left:260px; width:260px; height:260px;}
.left_area .lnb .depth3 > li {position:relative; margin-bottom:8px; line-height:normal !important;}
.left_area .lnb .depth3 > li > a {position:relative; font-size:15px; font-weight:400; color:#666;}

.left_area .lnb .depth2 > li.active h2 > a:focus::after,
.left_area .lnb .depth2 > li.active h2 > a:hover::after,
.left_area .lnb .depth2 > li.active h2 > a:after {background-position:0 -15px;}
.left_area .lnb .depth2 > li.active .depth3 {display:block;}
.left_area .lnb .depth2 > li.active .depth3 a:hover {color:#e6000b;}

.right_area {float:right;}
.right_area #fix_banner > a {display:inline-block; position:absolute; right:0; top:0;}

/* 사이트맵 */
#gnb .nav .btn {margin:0 10px 0 0 !important;}
#gnb .nav .btn_menu {background:url(../images/common/btn_main_menu.png) no-repeat center center;}
#gnb .nav .btn_menu:hover {background:url(../images/common/btn_main_menu_on.png) no-repeat center center;}
#gnb .nav .btn_menu.close {background:url(../images/common/btn_main_close.png) no-repeat center center;}
#gnb .nav .btn_menu.close:hover {background:url(../images/common/btn_main_close_on.png) no-repeat center center;}
#gnb .nav .btn a {display:inline-block; width:33px; height:auto; text-indent:-9999px;}

#sitemap {display:none; position:absolute; top:122px; left:0; width:100%; height:440px; border-top:1px solid #e2e2e2; background:#fff; z-index:10000;}
#sitemap .inner {content:''; width:1100px; height:100%; margin:0 auto; overflow:hidden; border-right:1px solid #eee;}
#sitemap .inner .submap::after {content:''; display:block; clear:both;}
#sitemap .inner .submap > li {position:relative; float:left; width:16.66%; height:auto; padding:25px 20px 35px;}
#sitemap .inner .submap > li::after {content:''; position:absolute; top:0; left:0; width:1px; height:440px; background:#f0f0f0;}
#sitemap .inner .submap > li > h2 {padding-bottom:20px; font-size:18px; font-weight:500;}
#sitemap .inner .submap > li > dl {margin-top:16px; line-height:26px;}
#sitemap .inner .submap > li > dl:after {content:''; display:block; position:absolute; bottom:0; width:24px; height:2px; background:#e3464c;}
#sitemap .inner .submap > li > dl dt {font-size:14px; color:#555;}
#sitemap .inner .submap > li > dl dd {font-size:18px; font-weight:500; color:#333; letter-spacing:0;}
#sitemap .inner .submap ul ul {margin-top:16px;}
#sitemap .inner .submap ul > li {margin-bottom:10px;}
#sitemap .inner .submap ul > li a {font-size:15px; font-weight:400; color:#555;}
#sitemap .inner .submap ul > li a:hover {color:#d6141b;}
#sitemap .bg_shadow {position:absolute; bottom:-10px; width:100%; height: 10px; background: url(../images/common/bg_sitemap.png);}

/* 최상단 띠배너 */
#event_topbn {z-index:110;}
#event_topbn ul {width:100%; min-width:1100px; height:80px;}
#event_topbn ul li a {position:relative; display:block; width:1100px; margin:0 auto;;}
#event_topbn ul li.topbn1 {background:rgb(27,136,228);
	background:-webkit-linear-gradient(90deg, rgba(27,136,228,1) 0%, rgba(220,244,251,1) 100%) !important;
	background:linear-gradient(90deg, rgba(27,136,228,1) 0%, rgba(220,244,251,1) 100%) !important;
}
#event_topbn ul li.topbn2 {
	background:-webkit-linear-gradient(90deg, #1D2331 0%, #3e34a5 100%) !important;
	background:linear-gradient(90deg, #1D2331 0%, #3e34a5 100%) !important;
}
#event_topbn ul li.topbn2 {background:#fff;}
#event_topbn .swiper-button {opacity:1; width:25px; height:25px; background:url(../images/btn/topbn_control.png) no-repeat 0 0; cursor:pointer; text-indent:-9999px;}
#event_topbn .swiper-button-prev {top:45%; left:50%; margin-left:492px; background-position:0 0; background-size:50px 25px;}
#event_topbn .swiper-button-next {top:45%; left:50%; margin-left:516px; background-position:-25px 0; background-size:50px 25px;}
#event_topbn .btn_close {z-index:1; position:absolute; top:75%; left:50%; margin-top:-13px; margin-left:420px; padding-left:18px; font-weight:200; font-size:14px; color:#fff;}
#event_topbn .btn_close:after {content:""; display:block; position:absolute; width:12px; height:12px; left:0; top:50%; margin-top:-6px; background:url(../images/btn/btn_pop_close2.png); background-size:contain;}



/****************************************
# sidebar
****************************************/
/* #sidebar {position:fixed; top:0; right:0; width:100px; height:100%; min-height:800px; background:#fff; z-index:9999;}
#sidebar:before {content:''; display:block; position:absolute; top:0; bottom:0; left:-8px; width:8px; background:url('../images/common/bg_sidebar.png') repeat-y 0 0;}

사이드바 버튼 
#sidebar .sidebar_ctrl {display:block; position:absolute; top:105px; left:-18px; width:22px; height:36px; font-size:0; background:url('../images/btn/btn_sidebar.png') no-repeat; text-indent:-9999px;}
#sidebar .btn_open {background-position:0 0;}
#sidebar .btn_close {background-position:0 -36px;}

사이드바 리스트
#sidebar .sidebar_list ul li {position:relative; border-bottom:1px solid #e2e2e2;} */



/****************************************
# footer
****************************************/
.short_cut_wrap {width:1100px;}
.short_cut_wrap .inner {position:fixed; left:50%; bottom:160px; margin-left:590px; z-index:100;}
.short_cut_wrap .top_btn {display:none; position:relative; width:60px; height:60px; padding-top:25px; background:rgba(255,255,255,0.8); border-radius:100%; font-size:15px; font-weight:500; text-align:center; color:#666; border:1px solid #e2e2e2;}
.short_cut_wrap .top_btn:after {content:''; display:block; position:absolute; top:10px; left:50%; width:20px; height:21px; margin-left:-10px; background:url(../images/common/btn_top.png); background-size:contain;}

.floating .short_cut {position:fixed; left:50%; bottom:12px; z-index:99999; margin-left:560px;}
.floating .short_cut .top_btn {display:block; position:absolute; width:60px; height:60px; margin-left:16px; padding-top:30px; background:rgba(255,255,255,0.8); border-radius:100%; font-size:15px; font-weight:500; text-align:center; color:#666; border:1px solid #e2e2e2; cursor:pointer; opacity:0; transition:opacity .2s;}
.floating .short_cut .top_btn:after {content:''; display:block; position:absolute; top:10px; left:50%; width:20px; height:21px; margin-left:-10px; background:url(../images/common/btn_top.png); background-size:contain;}
.floating .short_cut .top_btn.on {opacity:1;}
.floating .short_cut .quick_list {transition:opacity .1s;}
.floating .short_cut .quick_list > li {margin-top:6px;}
.floating .short_cut .quick_list > li a {display:block;}

.float_pre {width:1100px;}
.float_pre a {position:fixed; left:50%; bottom:10px; margin-left:404px; z-index:100;}

#footer {position:relative; width:100%; min-width:1100px; background-color:#333;}
#footer .inner {width:1100px; margin:0 auto; padding:20px 0 60px 0;}
#footer .menus {position:relative; width:100%; padding-bottom:15px; border-bottom:1px solid #777;}
#footer .menus:after {content:''; display:block; clear:both;}
#footer .menus > ul > li {float:left; position:relative; margin-top:10px;}
#footer .menus > ul > li > a {display:block; margin-right:23px; font-size:15px; color:#bbb;}
#footer .menus > ul > li > a:after {content:'│'; display:inline-block; position:absolute; top:3px; right:0; padding-right:7px; font-size:10px;}
#footer .menus > ul > li:last-child > a:after {display:none;}
#footer .menus > .family {position:relative; float:right;}
#footer .menus > .family > .slBox > label {color:#ddd !important;}
#footer .menus > .family > .slBox > label:after {background:url('../images/icon/ico_select_down_wh.png') no-repeat center center;}
#footer .menus > .family > .slBox > select {width:160px;}
#footer .info {position:relative; margin-top:27px;}
#footer .info:after {content:''; display:block; clear:both;}
#footer .info .logo {float:left; width:228px;}
#footer .info .logo > a {display:block; width:169px; height:24px; text-indent:-9999px; background:url('../images/common/logo_ghs_wh.png') no-repeat 0 0; background-size:contain;}
#footer .info .company {float:left; position:relative; width:872px; font-size:15px; color:#aaa; line-height:25px;}
#footer .info .company span {display:inline-block; margin-right:12px;}
#footer .info .company span > b {letter-spacing:0.5px;}
#footer .info .company .copyright {padding:5px 0 30px 0; color:#888; line-height:25px;}
#footer .info .company .sns {position:absolute; top:0; right:0;}
#footer .info .company .sns a {margin-right:2px;}
#footer .info .company .certification {float:left;}
#footer .info .company .certification a {display:inline-block; cursor:inherit;}
#footer .info .company .certification a > img {width:100%; height:100%;}
#footer .info .company .certification .hiseoul {width:86px; height:65px;}
#footer .info .company .certification .gangso {width:60px; height:56px; margin-left:10px;}



/****************************************
# 카카오톡 flowing
****************************************/
.floating {width:1100px; z-index:999;}
.floating .kakao {position:fixed; left:50%; z-index:99; margin-left:560px; bottom:0;}
.floating .kakao img {height:auto; vertical-align:middle;}



/****************************************
** table-group
****************************************/
/* table */
.table-wrap {position:relative; max-width:1100px; margin-bottom:60px; width:100%;}
.table-wrap:last-child {margin-bottom:0;}
.table-wrap > .table-head {position:relative; padding:0 0 8px;}
.table-wrap > .table-head:after {content:''; display:block; clear:both;}
.table-wrap > .table-head .title {display:inline-block; padding-bottom:4px; font-weight:500; font-size:21px; color:#222;}
.table-wrap > .table-head .title > span {padding-left:6px; font-weight:400; font-size:16px;}
.table-wrap > .table-head .tit-m {font-size:21px; margin-top:25px; padding-bottom:5px;}
.table-wrap > .table-head .mark {position:absolute; right:0; bottom:-4px;}
.table-wrap > .table-head .mark > .star {font-size:14px;}

.table-group {width:100%; border-top:2px solid #000; border-bottom:1px solid #ccc;}
.table-group > li {z-index:1; display:table; position:relative; width:100%; border-bottom:1px solid #e2e2e2;}
.table-group > li:last-child {border-bottom:0 none;}
.table-group > li:after {content:''; display:block; clear:both;}
.table-group > li > div {display:table-cell; position:relative; padding:12px 10px; vertical-align:top;}
.table-group > li > div:nth-of-type(1) {width:25%; z-index:1;}
.table-group > li > div:nth-of-type(1) .h5 {position:relative; padding:6px 0 6px 10px; font-weight:500; font-size:16px;}
.table-group > li > div:nth-of-type(1) .h5  > .star {padding-left:4px; color:#ea493e; font-weight:600; font-size:16px;}
.table-group > li > div:nth-of-type(2) {width:75%; font-size:16px; vertical-align:middle;}

.table-group.bg_h5 {position:relative;}
.table-group.bg_h5:after {content:''; position:absolute; top:0; left:0; width:24.5%; height:100%; background-color:#f9f9f9;}

/*-- 1row */
.table-group .bx_inline > div:nth-of-type(1) {width:25%;}
.table-group .bx_inline > div:nth-of-type(2) {width:75%;}

/*-- 1row + btn */
.table-group .bx_inline_btn > div:nth-of-type(1) {width:25%;}
.table-group .bx_inline_btn > div:nth-of-type(2) {width:75%;}

/*-- 휴대전화 */
.table-group .phone div {float:left; position:relative; width:136px; padding-left:10px; line-height:35px;}
.table-group .phone div:nth-of-type(1) {padding-left:0; width:112px !important;}
.table-group .phone div .dash {position:absolute; right:-7px; top:0;}
.table-group .phone .msg {clear:left; display:block; width:100%; padding-left:0; line-height:inherit;}

/* 이메일 */
.table-group .email div {float:left; position:relative;}
.table-group .email div:nth-of-type(1) {padding-right:12px;}
.table-group .email div:nth-of-type(1) >.at {display:inline-block; width:10px; height:10px; position:absolute; right:-3px; top:6px;}
.table-group .email div:nth-of-type(2) {padding-left:12px;}
.table-group .email div:nth-of-type(3) {padding-left:12px; width:200px;}
.table-group .email > .btn {margin-left:12px;}

/* 주소 */
.table-group .addr div:nth-of-type(1) {float:left; width:50%;}
.table-group .addr div:nth-of-type(2) {float:left; width:50%; padding-left:10px;}
.table-group .addr div:nth-of-type(2) > button {width:100%; margin:0;}
.table-group .addr div:nth-of-type(3),
.table-group .addr div:nth-of-type(4) {clear:left; width:100%; padding-top:5px;}

/* 셀렉트박스 */
.table-group .select::after {content:''; display:block; clear:both;}
.table-group .select div {float:left; position:relative; padding-left:10px; width:206px;}
.table-group .select div:first-child {padding-left:0 !important;}
.table-group .select.sel2 div {width:auto;}
.table-group .select.sel3 div {width:33.33%; padding-left:10px;}

/* 공통 */
.table-wrap .result,
.table_default .result {margin-top:8px; color:#e6141b;}
.table-wrap .msg,
.table_default .msg  {clear:both; padding-top:5px; font-weight:400; font-size:15px; color:#666;}
.table-wrap .msg.bg,
.table_default .msg.bg  {margin-top:8px; padding:4px; background-color:#e9e9e9; color:#222;}
.table-wrap .msg > p,
.table_default .msg > p  {margin-bottom:3px;font-weight:400; font-size:15px; color:#666;}
.table-wrap .msg > p:last-child,
.table_default .msg > p:last-child {margin-bottom:0;}
.table-wrap .ex {font-weight:400; font-size:14px; color:#0f4c9c;}
.table-wrap .failMsg {clear:left; padding-top:3px; color:#e6000b; font-size:14px; font-weight:400; text-align:left;}
.table-wrap .sync {margin-left:10px;}
.table-wrap .descript-em {font-weight:500; font-size:20px; color:#000;}

.table-group .btn {display:inline-block; width:auto; height:45px; min-width:110px; line-height:45px; margin-left:5px; padding:0 20px; font-weight:400; font-size:15px; vertical-align:top; border-radius:3px;}
.table-group .btn.btn_chk {color:#666; border:1px solid #808080;}
.table-group .btn.btn_bk_chk {background-color:#333; color:#fff;}

/* 완료페이지 */
.comp_box {margin-bottom:40px; text-align:center; }
.comp_box .contxt_box {margin:0 0 30px; padding:60px 40px 80px; background-color:#f6f6f6; border-radius:10px;}
.comp_box .contxt_box .title {margin-top:50px; font-weight:600; font-size:28px; line-height:1.4;}
.comp_box .contxt_box .refer,
.comp_box .contxt_box .refer2 {margin-top:10px; font-weight:400; font-size:18px; line-height:1.4; color:#797979;}
.comp_box .contxt_box .refer2 {margin-top:40px;}
.comp_box .contxt_box .refer {margin-top:30px;}
.comp_box .contxt_box .refer + .refer {margin-top:5px;}
.comp_box .contxt_box .info_txt {margin-top:40px; padding-top:40px; font-size:18px; color:#797979; font-weight:400; line-height:1.6; border-top:1px dashed #ccc;}
.comp_box .contxt_box.ic_comp {margin-top:0; padding-top:160px;}
.comp_box .contxt_box.ic_comp:after {top:80px;}
.comp_box .alert_txt {margin-top:15px; color:#555; font-weight:400; word-break:keep-all;}
.comp_box .btn_box {margin-top:40px; padding-top:0;}
.comp_box .btn_box .btn  {width:280px;}

.comp_box .table_default {margin:40px auto;}
.comp_box .table_default table tr th {background:#f0f0f0;}
.comp_box .table_default table tr td {background:#fff;}

.comp_box .list_box {margin-top:10px; text-align:left;}
.comp_box .list_box ul li {position:relative; padding-left:16px; font-weight:400; font-size:18px; color:#444;}
.comp_box .list_box ul li::before {content:""; position:absolute; left:0; top:8px; width:4px; height:4px; background:#000;}
.comp_box .list_box ul li+li {margin-top:10px}
.comp_box .list_box ul li > p {position:relative; padding-left:12px; margin-bottom:4px; font-weight:400; font-size:18px; color:#444; line-height:1.5;}
.comp_box .list_box ul li > p::before {content:""; position:absolute; left:0; top:14px; width:6px; height:1px; background:#000;}
.comp_box .list_box ul li > p:first-child {margin-top:4px;}


/* icon */
.ic_calendar {position:relative; display:block; background:url(../images/icon/ic_calendar.png) no-repeat 95% center;  background-size:20px auto;}
.ic_comp {position:relative; margin-top:30px; padding-top:75px;}
.ic_comp:after {content:''; display:block; position:absolute; left:50%; top:0; width:58px; height:58px; margin-left:-29px; background:url(../images/icon/ic_comp.png) no-repeat center; background-size:contain;}
.ico-warning {position:relative; padding-left:24px;}
.ico-warning::before {content:""; display:inline-block; position:absolute; left:0; top:2px; width:16px; height:16px; background:url('../images/icon/ico_warning_red.png') no-repeat center;}
.ico-warning.grey {padding-left:30px;}
.ico-warning.grey::before {top:0; width:22px; height:22px; background:url('../images/icon/ico_warning_grey.png') no-repeat center; background-size: contain;}
/* .hyphen {position:relative; padding-left:12px;}
.hyphen::before {content:""; display:inline-block; position:absolute; left:0; top:3px; width:6px; height:1px; margin:8px 8px 8px 0; background:#acacac;}
 */

/* 결과 출력 */
.output_box {width:100%; padding:24px 0; border-bottom:1px solid #ccc;}
.output_box > .output_msg_title {line-height:1.6; font-weight:500; font-size:32px; text-align:center;}
.output_box > .output_msg_sub {line-height:1.6; font-weight:400; font-size:18px; text-align:center; color:#666;}
.output_box > .output_msg_title + .output_msg_sub {margin-top:4px;}
.output_box .text {position:relative;font-weight:400; color:#898989;}
.output_box .warning-text {color:#ee002f;}
.output_box .warning-text .text {margin-top:6px;}

/* number/부호 */
.after-dash,
.after-at,
.after-bar {position:relative;}
.after-dash:after {content:""; display:block; position:absolute; top:50%; right:-6px; width:4px; height:1px; background-color:#898989;}
.after-at:after {content:"@"; display:block; position:absolute; top:50%; right:-5px; margin-top:-10px; font-size:13px;}
.after-bar:after {content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:19px; margin-top:-9px; background-color:#f1f1f1;}


/* form */
.form-box {position:relative; width:100%; font-size:0; background-color:#fff; border-top:2px solid #000; border-bottom:1px solid #000}
.form-box.border-none {}
.form-box > li {z-index:1; position:relative; width:100%; padding:14px 0 14px 25%; border-bottom:1px solid #dcdcdc}
.form-box > li:last-child {border-bottom:0;}
.form-box > li .label-tit {position:absolute; left:0; top:0; max-width:210px; padding-top:14px; font-weight:500; font-size:16px; vertical-align:top;}
.form-box > li .label-tit > .ic-require {padding:0 4px; color:#d5151c; font-weight:700; font-size:16px;}
.form-box > li .put-in {display:inline-block; position: relative; width:100%; font-size:initial;}
.form-box > li .put-in + .ex-img {margin-top:12px;}
.form-box > li .put-in .col-group {display:flex; width:calc(100% + 12px); margin-left: -6px; margin-right: -6px;}
.form-box > li .put-in .col-group + .col-group {margin-top:12px;}
.form-box > li .put-in .col-group .col-item {max-width:100%; padding:0 6px;}
.form-box > li .put-in .ref_status_list li {color:#666;}
.form-box > li .put-in .ref_status_list li + li {margin-top:8px;}
.form-box > li .sub-put-in {position:relative; padding-left:28%; font-size:16px;}
.form-box > li .sub-put-in + .sub-put-in,
.form-box > li .sub-put-in + .desc-box {margin-top:12px;}
.form-box > li .sub-put-in .sub-tit {position:absolute; left:0; top:0; width:auto; padding-top:6px; font-size:16px;}
.form-box > li .sub-put-in .sub-cont {padding:5px 0;}
.form-box > li .sub-put-in.col-group {margin-left: 0 !important; margin-right: 0 !important;}
.form-box > li .sub-put-in.col-group .col-item:nth-of-type(1) {padding-left:0 !important;}
.form-box .msg-txt {margin-top:8px; font-weight: 300; font-size:15px; color:#666; line-height:1.5}
.form-box .msg-txt.inline {display:inline-block; margin-left:16px}
.form-box .top-msg-txt {font-weight: 500; color:#444;}
.form-box input[type="text"] + [class*=btn-],
.form-box input[type="text"] + [type="checkbox"] {margin-left:12px;}

.form-box > li .put-in .after-dash:after {right:-2px;}

.panel {margin-top:12px;}
.panel > .put-in {position: relative;}
.panel > .put-in > :first-child  {display: inline-block; margin-bottom:8px;}
.panel > .put-in > label {margin-right:8px;}
.panel .tooltip {position:relative; margin-top:16px; padding:16px 24px; background-color: #f0f0f2; border-radius:8px; transform:inherit;}
.panel .tooltip::after {content:""; display: block; position: absolute; bottom:100%; left:10%; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #f0f0f2;}
.panel .tooltip.bg-none {padding:0; background-color:inherit; box-shadow:none;}
.panel .tooltip.bg-none::after {display:none;}
.panel .tooltip .title {margin-bottom:12px; padding-bottom:12px; font-weight: 500; font-size:15px; border-bottom:1px solid #e2e2e2;}
.panel .tooltip .num {display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; margin-right:4px; font-size:12px; background-color: #666; color:#fff; border-radius: 50%;}
.panel .tooltip .cont {width:100%;}
.panel .tooltip .cont .ex-img {width:240px; height:auto; margin-bottom:20px;}
.panel .tooltip .cont .ex-img:last-of-type {margin-bottom:0;}
.panel .tooltip .cont .ex-img > strong {display:block; margin-bottom:8px; font-weight:500;}
.panel .tooltip .cont .ex-img > img {max-width:100%; max-height:100%;}
.panel .tooltip .cont .desc-box {font-size:0;}
.panel .tooltip .cont .desc-box li {position:relative; margin-bottom:6px; font-weight:400; font-size:15px; color:#666;}
.panel .tooltip .cont .desc-box li:last-child {margin-bottom:0;}
.panel .tooltip .cont .desc-box.refer-mark li {padding-left:20px;}
.panel .tooltip .cont .desc-box.refer-mark li::before { content: '※';  display:block;  position: absolute;  top: 0;  left: 0; color:#666;}
.panel .tooltip .cont .text {margin-bottom:6px;}
.panel .tooltip .cont .desc-box,
.panel .tooltip .cont .desc-box {clear: both;}
.panel .tooltip .cont .ex-img + .desc-box,
.panel .tooltip .cont .put-in + .desc-box {padding-top:12px;}

/*  form input width & space */
.group-drive > .col-item {width:calc(25% + -2px)}
.group-delivery {flex-wrap: wrap;}
.group-delivery .col-item {width:100% !important; margin-bottom:6px;}
.group-delivery .col-item .btn-small-line {margin-left:12px;}
.group-card-no {display:flex;}
.group-card-no > input[type="number"] {margin-right:12px;}
.group-card-no > input[type="number"]:last-child {margin-right:0;}
.group-hp-no > .col-item {width:130px;}

.group-phone > .col-item {width:33.33%;}
.group-addr1 > .col-item {width:50%;}
.group-addr2 {flex-wrap:wrap;}
.group-addr2 > .col-item {width:100%;}
.group-addr2 > .col-item + .col-item {margin-top:12px;}


/****************************************
** 약관 및 이용동의
****************************************/
/* 약관 및 이용동의 */
.agree_wrap {width:100%; border:1px solid #ccc;}
.agree_wrap .title {font-weight:500;}
.agree_wrap .all_agree {padding:15px 20px; font-size:18px; text-align:left; background-color:#f9f9f9; border-bottom:1px solid #ccc;}
.agree_wrap .all_agree label {color:#222 !important;}
.agree_wrap .all_agree.active label {color:#e6141b !important;}
.agree_wrap .agree_box {position:relative; padding:20px; border-bottom:0 none;}
.agree_wrap .agree_box .agree_list {position:relative;}
.agree_wrap .agree_box .agree_list > li {position:relative; width:100%; border-bottom:1px solid #e2e2e2;}
.agree_wrap .agree_box .agree_list > li:last-child {border-bottom:0;}
.agree_wrap .agree_box .agree_list > li .row1 {padding:20px;}
.agree_wrap .agree_box .agree_list > li .row1:after {content:''; display:block; clear:both;}
.agree_wrap .agree_box .agree_list > li .row1 > .col1 {float:left; position:relative; width:70%; font-size:15px; font-weight:400; line-height:1.5; color:#444;}
.agree_wrap .agree_box .agree_list > li .row1 > .col1 .star {padding-left:4px; color:#ea493e; font-weight:600; font-size:18px;}
.agree_wrap .agree_box .agree_list > li .row1 > .col1 label {font-weight:normal; font-size:16px; color:#444;}
.agree_wrap .agree_box .agree_list > li .row1 > .col2 {float:left; width:20%; text-align:right;}
.agree_wrap .agree_box .agree_list > li .row1 > .col2 .btn_terms {font-size:15px; color:#797979; cursor:pointer;}
.agree_wrap .agree_box .agree_list > li .row1 > .col2 .btn_terms:after {content:''; display:inline-block; width:18px; height:8px; margin-bottom:0; margin-left:5px; background:url('../images/icon/ico_arrow02.png') no-repeat 0 0;}
.agree_wrap .agree_box .agree_list > li .row1 > .col2 .btn_terms.on:after {background-position:0 -11px}
.agree_wrap .agree_box .agree_list > li .row1 > .col3 {float:right; width:auto; text-align:right; font-size:16px;}
.agree_wrap .agree_box .agree_list > li .row2 {height:auto; padding:20px; overflow-y:auto; border-top:1px solid #ccc;}

.board_wrap .agree_box {margin-top:40px;}
.board_wrap .agree_box .row1 {padding-bottom:10px; font-weight:500; font-size:18px;}
.board_wrap .agree_box .row2 {overflow:auto; max-height:160px; padding:10px 20px; border:1px solid #ddd;}
.board_wrap .agree_box .row3 {padding:15px 0; font-size:18px; text-align:right; color:#444;}
.board_wrap .terms_box .article ul li {font-size:16px;}

.table-wrap + .agree_wrap,
.btn_box + .agree_wrap {margin-top:60px;}

/* 약관 순서도 */
/* 여기부터 */
.terms_box {position:relative;}
.terms_box .article {position:relative; font-size:13px; margin-bottom:10px;}
.terms_box .article h1 {margin-top:15px; font-size:17px; font-weight:500;}
.terms_box .article h1.tit:first-child {margin-top:0;}
.terms_box .article h2 {margin-top:15px; font-size:16px; font-weight:500;}
.terms_box .article h2.tit:first-child {margin-top:0;}
.terms_box .article h3 {margin-top:15px; font-size:15px; font-weight:500;}
.terms_box .article h3:first-child {margin-top:0;}

.terms_box .article p {position:relative; font-size:14px; line-height:1.5;}
.terms_box .article ul {position:relative; margin-top:5px;}
.terms_box .article ul .num {padding:0 0 5px 10px; line-height:1.5; color:#333; font-size:14px;}
.terms_box .article ul .num > span {display:block; float:left; margin-left:-12px;}
.terms_box .article ul .dotNum {padding:0 0 5px 10px; line-height:1.5; color:#333; font-size:14px; background:url('../images/icon/ico_dot.png') no-repeat 0 8px;}
.terms_box .article ul .hyphenNum {padding:0 0 5px 10px; line-height:1.5; color:#333; font-size:14px; background:url('../images/icon/ico_hyphen.png') no-repeat 0 8px;}
.terms_box .article ul ul {position:relative; margin-top:5px;}
.terms_box .article ul ul > .num {padding:0 0 5px 10px; line-height:1.5; color:#333; font-size:14px;}
.terms_box .article ul ul > .num > span {display:block; float:left; margin-left:-12px;}
.terms_box .article ul ul > .dotNum {padding:0 0 5px 10px; line-height:1.5; color:#333; font-size:14px; background:url('../images/icon/ico_dot.png') no-repeat 0 8px;}
.terms_box .article ul ul > .hyphenNum {padding:0 0 5px 10px; line-height:1.5; color:#333; font-size:14px; background:url('../images/icon/ico_hyphen.png') no-repeat 0 10px;}

.terms_box .article .confirm {background:#f5f5f5; padding:5px 8px;}
.terms_box .article .confirm p {font-size:14px;}
.terms_box .article .hr:before {content:''; display:inline-block; position:absolute; top:5px; left:0; width:100%; height:1px; border-top:1px dashed #ccc;}

.terms_box .article .table_caption {margin-top:10px; font-size:14px;}
.terms_box .article .table_caption +  table {margin-top:5px !important;}
.terms_box .article table {position:relative; width:100%; margin-top:10px; border-collapse:collapse !important; border-spacing:0;}
.terms_box .article table th {padding:10px 5px 10px; border:1px solid #ddd; color:#333; font-size:14px; font-weight:500; line-height:1.5; background-color:#f6f6f6; text-align:center;}
.terms_box .article table td {padding:10px 5px 10px; border:1px solid #e2e2e2; color:#333; font-size:14px; line-height:1.5; text-align:left;}
.terms_box .article table:after {position:absolute; top:0; left:0; width:100%; height:2px; background:#aaa; content:'';}
.terms_box .article table + .table_caption {margin-top:15px;}
/* 여기까지 */

/* 이용정보 */
.prvs_wrap {width:1100px; padding:55px 70px; border:1px solid #e2e2e2;}
.btn_prvs_down {display:inline-block; padding-bottom:10px; font-size:17px; font-weight:400; text-align:right; color:#808080;}
.btn_prvs_down > span {padding-left:20px; background:url(../images/icon/ico_download.png) no-repeat 0 50%; background-size:16px 14px;}




/****************************************
# btns
****************************************/
.btn {position:relative;}
.btn_line_def {display:inline-block; height:40px; line-height:40px; padding:0 20px; font-weight:400; border:1px solid #000;}
.btn_line_def.report{background-color: #f7d5dc; border:2px solid #f4bdcd; color:#db2b51; border-radius: 15px; padding: 10px 30px; line-height: inherit; height: auto}
.btn_line_def.report img{width:22px; display: inline-block; vertical-align:middle; margin-right: 5px;}
.btn_pick {display:inline-block; height:46px; line-height:46px; padding:0 12px; text-align:center; background-color:#222944; color:#fff;}
.btn_search {background-color:#666;}
.btn_search2 {display:inline-block; width:auto; height:45px; line-height:45px; padding:0 20px; font-weight:400; font-size:16px; color:#fff; background-color:#666;}
.btn_cancel {background-color:#a0a0a0;}
.btn_copy {position:absolute; right:0; top:0; width:80px; height:45px; background-color:#666; color:#fff;}
.btn-round {border-radius:45px;}
.btn_apply {position:relative; display:inline-block; margin-top:12px; padding:6px 30px 6px 25px; font-weight:400; font-size:15px; border:2px solid #ddd; border-radius:45px;}
.btn_apply:after {content:""; display:block; position:absolute; right:15px; top:50%; width:6px; height:6px; margin-top:-3px; border-bottom:1px solid #000; border-right:1px solid #000; transform: rotate(-45deg);}
.btn-delivery {display:inline-block; padding:4px 16px; background-color:#666; color:#fff; cursor:pointer;}
.btn-middle-grey {padding:12px 30px; background:#898989; color:#fff;}
.btn-round {border-radius:30px;}


.btn_down {display:inline-block; height:38px; padding:8px 15px; font-size:15px; font-weight:400; color:#222; border:1px solid #ccc;}
.btn_down > span {padding-left:20px; background:url(../images/icon/ico_download.png) no-repeat 0 50%; background-size:14px 12px;}


/* 1btn */
.btn_box {position:relative; padding-top:40px; text-align:center;}
.btn_box:after {content:''; display:block; clear:both;}
.btn_box.bg {background-color:#fff;}
.btn_box .btn {display:inline-block; width:230px; height:60px; line-height:60px; padding:0 16px; font-weight:500; font-size:20px; border-radius:3px;}
.btn_box .btn+.btn {margin-left:5px;}
.btn_box .btn_list {background-color:#ddd; color:#222;}
.btn_box .btn_join {background-color:#e6000b; color:#fff;}
.btn_box .btn.btn01 {background:#e6000b; color:#fff;}
.btn_box .btn.btn02 {background:#797979; color:#fff;}
.btn_box .btn_cancel {width:auto; min-width:220px; background-color:#a0a0a0; color:#fff;}
.btn_box .btn_regist {width:auto; min-width:220px; background-color:#e6000b; color:#fff;}

/* 2btn */
.btn_box2 {position:relative; width:100%; padding-top:20px;}
.btn_box2:after {content:''; display:block; clear:both;}
.btn_box2 .btn {width:230px; height:54px; line-height:54px; padding:0 16px; font-weight:500; font-size:20px; text-align:center; background-color:#e6000b; color:#fff; border-radius:3px;}
.btn_box2 .btn:nth-of-type(1) {float:left; width:49.5%;}
.btn_box2 .btn:nth-of-type(2) {float:right; width:49.5%;}

.btn_group {position:relative; width:100%;}
.btn_group:after {content:''; display:block; clear:both;}
.btn_group .btn {width:100%; height:54px; font-weight:400; font-size:20px; text-align:center; line-height:54px; border-radius:3px;}
.btn_group .btn.btn_half1 {float:left; width:49.5%; background-color:#a0a0a0; color:#fff; border:1px solid #ccc;}
.btn_group .btn.btn_half2 {float:right; width:49.5%; background-color:#e6000b; color:#fff;}
.btn_group .btn.btn_full {width:100%; background-color:#fff; color:#222; background-color:#797979; color:#fff;}
.btn_group .default {background-color:#797979 !important; color:#fff !important;}

.btn_box + .guide {margin-top:65px;}


/* 적용:로밍 */
.btn-group {position:relative; text-align:center;}
.btn-group:after {content:''; display:block; clear:both;}
.btn-group .btn {display:inline-block; text-align:center; vertical-align:middle; width:inherit; max-width:100%; height:45px; padding:0 20px; border:1px solid #ccc; line-height:46px; font-size:18px; color:#222;}
.btn-group .btn+.btn {margin-left:5px;}
.btn.btn-round-s {min-width:130px; height:38px; padding:0 20px; border-radius:20px; font-size:16px; line-height:37px;}
.btn.btn-round-m {min-width:140px; height:46px; padding:0 25px; border-radius:30px; font-size:17px; line-height:45px;}
.btn.btn-prmy {outline:none; z-index:1; vertical-align:middle; background-color:#fff;}
.btn.btn-prmy:hover {background-color:#f1006f; color:#fff; border:1px solid #f1006f;}



/****************************************
# layer popup
****************************************/
/* .layerPop {position:relative; width:1100px; margin:0 auto; font-size:12px; z-index:1000;;} */
.layerPop {/* display:none; */ position:fixed; top:50%; left:50%; width:580px; height:480px; margin-top:-290px; margin-left:-290px; background-color:#fff; border:2px solid #222; z-index:9999; box-sizing:content-box;}
.layerPop .head {width:100%; z-index:10;}
.layerPop .head > .btn_close {display:block; position:absolute; right:20px; top:20px; width:22px; height:22px; background:url(../images/btn/btn_pop_close2.png) no-repeat 0 0; text-indent:-9999px; background-size:22px auto;}
.layerPop .head > .title {padding:20px; font-size:21px; text-align:left; color:#fff; background:#222;}
.layerPop .body {width:100%; height:auto; padding:25px 20px; overflow-y:auto; background-color:#fff;}
.layerPop .body_img {padding:0;}
.layerPop .btns {position:relative; width:100%; border-top:1px solid #e2e2e2; font-size:0; text-align:center;}
.layerPop .half .half_btn {display:inline-block; width:50%; height:60px; line-height:60px; font-size:18px; font-weight:500;}
.layerPop .half .half_btn + .half_btn {border-left:1px solid #e2e2e2;}

.layerPop.pop_round {border-radius:20px;}
.layerPop.pop_round .body {border-radius:20px;}



/****************************************
# 게시판
****************************************/
/* 번호 페이징 */
.paginate {padding:40px 0 0; text-align:center; font-size:0;}
.paginate a,
.paginate strong {overflow:hidden; display:inline-block; width:40px; height:40px; margin-left:-1px; line-height:38px; border:1px solid #e6e6e6; font-size:16px; box-sizing:border-box; cursor:pointer;}
.paginate strong {color:#e6000b; font-weight:normal;}
.paginate a.pre_end,
.paginate a.pre,
.paginate a.next,
.paginate a.next_end {width:40px; height:40px; border:1px solid #e6e6e6; background:url('../images/btn/btn_paginate.png') no-repeat 0 0; text-indent:-9999px;}
.paginate a.pre_end {background-position:0 -40px;}
.paginate a.pre {margin-right:12px; background-position:0 0;}
.paginate a.next {margin-left:12px; background-position:-40px 0;}
.paginate a.next_end {background-position:-40px -40px;}

/* 더보기 페이징 */
#list-load li {display:none;}
#list-load li.active {display:block;}
#list-load .list-btn-wrap {position:relative; width:100%; border:2px solid #ddd; text-align:center}
#list-load .list-btn-wrap .btn_more {display:block; padding:10px 0;}
#list-load .list-btn-wrap .btn_more span{position:relative; padding-left:32px;}
#list-load .list-btn-wrap .btn_more span:before {content:''; display:block; position:absolute; left:0; top:50%; width:27px; height:18px; margin-top:-9px; background:url(../images/btn/btn_arrow_down.png) no-repeat;}

/* 게리판리스트 */
.boardView .boardTop {margin-bottom:20px;}
.boardView .boardTop .total {font-weight:400; font-size:18px; color:#666;}
.boardView .boardTop .total > .cnt {color:#e6000b;}
.boardView .boardList {/* margin-bottom:30px; */ border-top:2px solid #000;}
.boardView .boardList li {display:table; width:100%; position:relative; border-bottom:1px solid #e2e2e2;}
.boardView .boardList li:last-child {border-bottom:1px solid #000;}
.boardView .boardList li div {display:table-cell; padding:18px 10px; color:#555; font-weight:400; font-size:16px; vertical-align:middle; text-align:center;}
.boardView .boardList .head {border-bottom:1px solid #000;}
.boardView .boardList .head > div {padding:20px 10px; font-weight:500; color:#222; text-align:center !important;}
.boardView .boardList .num {width:110px;}
.boardView .boardList .num + .title {width:760px; text-align:left; color:#222;}
.boardView .boardList .num + .title + .date {width:230px;}
.boardView .boardList .flag-impo {display:inline-block; margin-right:5px; padding:5px 12px; font-size:16px; background-color:#e3464c; color:#fff; border-radius:3px;}
.boardView .boardList2 {margin-bottom:30px; border-top:2px solid #000;}
.boardView .boardList2 li {position:relative; display:table; width:100%; border-bottom:1px solid #e2e2e2; word-break:keep-all; line-height:1.4;}
.boardView .boardList2 li div {display:table-cell; position:relative; padding:18px 10px; color:#555; font-weight:400; font-size:16px; vertical-align:middle; text-align:center;}
.boardView .boardList2 .head {border-bottom:1px solid #ccc; background-color:#f9f9f9;}
.boardView .boardList2 .head > div {padding:20px 10px; font-weight:500; color:#444; text-align:center !important;}
.boardView .vertical_line li > div {border-left:1px solid #e2e2e2;}
.boardView .vertical_line li > div:first-child {border-left:0;}



.boardView .boardList.prmtwin .num {width:110px;}
.boardView .boardList.prmtwin .title {width:580px;}
.boardView .boardList.prmtwin .prmt_date {width:210px;}
.boardView .boardList.prmtwin .date {width:200px;}

.boardView .boardList.termwin .num {width:110px;}
.boardView .boardList.termwin .title {width:580px;}
.boardView .boardList.termwin .date {width:200px;}
.boardView .boardList.termwin .download {width:210px;}

/* 상세페이지 */
.view_box {position:relative;}
.view_box .view_head {position:relative; width:100%; padding:30px 20px; border-top:2px solid #e6000b; border-bottom:1px solid #ccc;}
.view_box .view_head:after {content:''; display:block; clear:both;}
.view_box .view_head .title {display:inline-block; text-align:left; font-weight:400; font-size:24px; color:#222;}
.view_box .view_head .date {float:right; font-weight:400; font-size:16px; color:#555;}
.view_box .view_body {margin:30px 0 0; padding:0 20px 30px; text-align:left; border-bottom:1px solid #e6000b;}
.view_box .view_body .thumb {text-align:center;}
.view_box+.btn_box {margin-top:20px}

.view_nav {border-top:1px solid #ccc; border-bottom:1px solid #e6000b;}
.view_nav dl {display:table; width:100%;  border-bottom:1px solid #e2e2e2;}
.view_nav dl dt, .view_nav dl dd {display:table-cell; position:relative; padding:25px 20px; vertical-align:middle; font-size:16px;}
.view_nav dl dt {width:120px; color:#222; font-weight:500;}
.view_nav dl dd {font-weight:400;}
.view_nav dl dt:after {content:''; display:inline-block; position:absolute; top:32px; right:35px; width:9px; height:5px;}
.view_nav dl.prev dt:after {background:url('../images/icon/ico_select_up.png') no-repeat;}
.view_nav dl.next dt:after {background:url('../images/icon/ico_select_down.png') no-repeat;}
.view_nav dl:last-child {border-bottom:0;}

/* event search area 2022-06-10 */
.boardEvent {position:relative;}
.boardEvent::after {content:""; display:block; clear:both;}
.boardEvent .searchArea {float:inherit; width: 100%; margin-top:30px; margin-bottom:20px; padding:24px 40px; background:#f7f7f7;}
.boardEvent .searchArea .row {display:flex; width:740px; margin: 0 auto;}
.boardEvent .searchArea .row2 {margin-top:5px;}
.boardEvent .searchArea .dash {padding:10px;}
.boardEvent .searchArea .search-key {flex-shrink:0; width:150px; margin-right:10px}
.boardEvent .searchArea .search-value {width:100%; flex: 1 auto;}
.boardEvent .searchArea .btn_search2 {width:180px}

.boardEvent .searchAreaRight {position:absolute; right:0; top:0; margin-top:-10px; margin-bottom:20px;}
.boardEvent .searchAreaRight .seearchBox {display:flex;}
.boardEvent .searchAreaRight .seearchBox .search-key {width:150px; margin-right:10px}
.boardEvent .searchAreaRight .seearchBox .search-value {width:100%; flex:1 auto;}


/* 개인정보 처리방침 */
.privacy_view .view_body * {color:#555; letter-spacing:0; line-height:1.6;}
.privacy_view .view_body a {color:#065FD4;}
.privacy_view .view_body strong {font-weight:600; color:#000;}
.privacy_view .view_body img {width:100% !important; height:auto !important;}
.privacy_view .view_body table {position:relative; width:100%; margin-top:10px; border-collapse:collapse !important; border-spacing:0;}
.privacy_view .view_body table th {padding:12px 20px; font-weight:600; font-size:15px; text-align:center; border:1px solid #ddd; background-color:#f6f6f6; line-height:1.5;}
.privacy_view .view_body table td {padding:12px 20px; font-weight:400; font-size:15px; border:1px solid #ddd; background-color:#fff; line-height:1.5;}


/* 게시판(공지사랑, 당첨자발표) */
.notice_view .view_body * {color:#555; letter-spacing:0; line-height:1.6;}
.notice_view .view_body a {color:#065FD4;}
.notice_view .view_body strong {font-weight:600; color:#000;}
.notice_view .view_body img {width:100% !important; height:auto !important;}
.notice_view .view_body table {position:relative; width:100%; margin-top:10px; border-collapse:collapse !important; border-spacing:0;}
.notice_view .view_body table th {padding:12px 20px; font-weight:600; font-size:15px; text-align:center; border:1px solid #ddd; background-color:#f6f6f6; line-height:1.5;}
.notice_view .view_body table td {padding:12px 20px; font-weight:400; font-size:15px; text-align:center; border:1px solid #ddd; background-color:#fff; line-height:1.5;}


.notice_view {position:relative;}
.notice_view::after {content:""; display:block; clear:both;}
.notice_view .searchArea {float:inherit; width: 100%; margin-top:30px; margin-bottom:20px; padding:24px 40px; background:#f7f7f7;}
.notice_view .searchArea .row {display:flex; width:740px; margin: 0 auto;}
.notice_view .searchArea .row2 {margin-top:5px;}
.notice_view .searchArea .dash {padding:10px;}
.notice_view .searchArea .search-key {flex-shrink:0; width:150px; margin-right:10px}
.notice_view .searchArea .search-value {width:100%; flex: 1 auto;}
.notice_view .searchArea .btn_search2 {width:180px}

.notice_view .searchAreaRight {position:absolute; right:0; top:0; margin-top:-10px; margin-bottom:20px;}
.notice_view .searchAreaRight .seearchBox {display:flex;}
.notice_view .searchAreaRight .seearchBox .search-key {width:150px; margin-right:10px}
.notice_view .searchAreaRight .seearchBox .search-value {width:100%; flex:1 auto;}


/****************************************
# plugin
****************************************/
/* bootstrap modal */
.modal-top-close {position:absolute; top:-40px; right:0; width:30px; height:30px; background:url(../images/btn/btn_pop_close.png) no-repeat; background-size:contain; text-indent:-9999px;}
.modal-top-close.wh {background:url(../images/btn/btn_pop_close2.png) no-repeat 0 0; background-size:contain;}
.modal-open {overflow:hidden;}
.modal {position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; display:none; overflow:hidden; outline:0; padding:0 !important;}
.modal-open .modal {overflow-x:hidden; overflow-y:auto; }
.modal-dialog {position:relative; width:auto; margin:0.5rem; pointer-events:none;}
.modal.fade .modal-dialog {transition:-webkit-transform 0.3s ease-out; transition:transform 0.3s ease-out; transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform:translate(0, -25%); transform:translate(0, -25%);}
.modal.show .modal-dialog {top:50%; transform: translateX(0%) translateY(-50%);
/* -webkit-transform:translate(0, 0); transform:translate(0, 0); */
}
.modal-dialog-centered {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-height:calc(100% - (0.5rem * 2));}
.modal-content {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:100%; pointer-events:auto; background-clip:padding-box; outline:0;}
.modal-backdrop {position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000;}
.modal-backdrop.fade {opacity:0;}
.modal-backdrop.show {opacity:0.5;}
.modal-header {position:relative;  display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; background-color:#fff; padding:1rem; border-bottom:1px solid #e9ecef;}
.modal-header .close {display:block; position:absolute; right:20px; top:50%; width:22px; height:22px; margin-top:-11px; background:url(../images/btn/btn_pop_close.png) no-repeat; background-size:contain; text-indent:-9999px;}
.modal-header .close.wh {background:url(../images/btn/btn_pop_close2.png) no-repeat 0 0; background-size:contain;}
.modal-title {margin-bottom:0; line-height:1.5; font-size:22px; font-weight:500;}
.header-bk {background-color:#222;}
.header-bk > * {color:#fff;}
.modal-body {position:relative; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; padding:1.25rem; background-color:#fff;}
.modal-footer {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; padding:1rem; border-top:1px solid #e2e2e2; background-color:#fff;}
.modal-footer > :not(:first-child) {margin-left:.25rem;}
.modal-footer > :not(:last-child) {margin-right:.25rem;}
.footer-btn {position:relative;}
.footer-btn .btn_full {display:inline-block; width:100%; font-size:18px; font-weight:500; color:#555;}
.footer-btn .btn_half {display:inline-block; font-size:18px; font-weight:500; color:#555;}
.footer-btn .btn_half.close {width:50%;}
.footer-btn .btn_half.regist {width:50%; border-left:1px solid #e2e2e2;}
.modal-scrollbar-measure {position:absolute; top:-9999px; width:50px; height:50px;  overflow:scroll;}

.modal-body .comp_box .comp_tit {font-size:20px; font-weight:500; line-height:1.4; word-break:keep-all;}
.modal-body .msg_box {padding:20px;}
.modal-body .msg_box .msg_tit {margin-bottom:30px; text-align:center; font-size:18px; line-height:1.4;}
.modal-body .msg_box .agree_wrap > .all_agree {padding:10px 0; font-size:15px;}
.modal-body .msg_box .agree_wrap > .agree_box {padding:10px 0; font-size:14px; text-align:center;}
.modal-body .msg_box .app_store {display:block; margin-top:35px; padding:12px 0; border:2px solid #000; color:#000; text-align:center; font-size:18px; font-weight:600; border-radius:1.5rem;}
.modal-body .guide.bg {padding:15px;}
.modal-body .guide.bg + .guide.bg {border-top:1px dashed #ccc !important;}
.modal-body .guide .title {padding-bottom:5px; font-size:16px;}
.modal-body .guide li {margin-bottom:5px;}
.modal-body .guide li > * {font-size:15px;}

@media (min-width:576px) {
  .modal-dialog {max-width:500px; margin:1.75rem auto;}
  .modal-dialog-centered {min-height:calc(100% - (1.75rem * 2));}
  .modal-sm {max-width:300px;}
}

@media (min-width:992px) {
  .modal-lg {max-width:800px;}
}


/****************************************
# 레이어팝업
****************************************/
.layer-popup {display:none; z-index: 9999; position: fixed; top: 0; left: 0; right: 0; bottom:0; transform:translateZ(0); overflow-y:scroll;}
.layer-popup .popup {position: relative; width:720px; margin: 70px auto; padding:32px 40px; background-color: #fff; text-align:left;}
.layer-popup .popup-title {margin-bottom:24px; padding-bottom:20px; font-weight:700; font-size: 24px; border-bottom:4px solid #000;}
.layer-popup .popup .close {z-index:1; position:absolute; top:36px; right:40px; font-size:0; width: 20px;height: 20px; text-indent:-9999px; background:url('../images/btn/btn_pop_close.png') no-repeat center center;}
.layer-popup .popup .popup-cont {position: relative; height: 100%;}
.layer-popup .popup .popup-cont .h2-tit {margin:30px 0 4px; font-weight:600; font-size:22px; border-bottom:0;}
.layer-popup .popup .popup-cont .info-box {width:100%;}
.layer-popup .popup .popup-cont .info-box + .info-box {margin-top:30px;}
.layer-popup .popup .popup-cont .info-box .title {margin-bottom:5px; font-size:18px; font-weight:500;}
.layer-popup .popup .popup-cont .info-box .text {font-size:16px; color:#666;}
.layer-popup .popup .popup-cont .info-box .img {position:relative; margin-top:10px;}
.layer-popup .popup .popup-cont .info-box .img img {width:100%;}
.layer-popup .popup .btn_box {margin-top:30px;}

/* 약관동의 */
.layer-popup .policy_box {width:100%;}
.layer-popup .policy_box .title {margin-bottom:12px; font-weight:500;}
.layer-popup .policy_box .content {overflow:auto; height:auto; padding:20px; border:1px solid #ddd;}
.layer-popup .policy_box .content .line-top {margin-top:10px; padding-top:10px; border-top:1px dashed #ddd;}
.layer-popup .policy_box .agree-check {margin-top:12px; text-align:right;}
.layer-popup .policy_box .agree-check-box {position:relative;}
.layer-popup .policy_box .agree-check-box > input[type="checkbox"] {position:absolute; left:0; top:4px;}
.layer-popup .policy_box .agree-check-box > p,
.layer-popup .policy_box .agree-check-box > label {padding-left:28px; font-weight:400; color:#666; line-height:1.5;}

.agreement {margin-top:20px;}
.agreement .title {margin-bottom:12px; font-weight:800; font-size:16px;}
.agreement > .agree-box {padding:16px 20px; line-height: 1.2; border:1px solid #ddd; border-bottom:0;}
.agreement > .agree-box:last-child { border-bottom:1px solid #ddd;}
.agreement > .agree-box .head {position:relative;  padding-right:80px; font-weight:500; font-size:15px;}
.agreement > .agree-box .head .btn-term {cursor:pointer; display:block; position:absolute; top:50%; right:4px; height:20px; margin-top:-10px; padding-right:12px; color:#999; font-size:15px; text-align:right;}
.agreement > .agree-box .head .btn-term::after {content:""; display:block; position:absolute; right:0; bottom:50%; width:4px; height:4px; margin-bottom:-2px; border-top:2px solid #464646; border-right:2px solid #464646; transform:rotate(45deg);}
.agreement > .agree-box .body {display:none; margin-top:16px; padding:16px 0; border-top:1px solid #eee;}


/* 링크 */
.hyper-list {width:100%;}
.hyper-list li {padding-bottom:16px;}
.hyper-list li div {display:flex; align-items:center; padding:28px 30px; border: 1px solid #e2e2e2;}
.hyper-list li div::after {content:""; claer:both; display:block;}
.hyper-list li div > .title {margin-right:auto; text-align:left; font-weight:600; font-size:20px;}

/* alert text */
.layer-popup .content-box .content .comp_box {margin-top:30px; margin-bottom:40px;}
.layer-popup .content-box .content .comp_box .comp_tit {font-size:20px; font-weight:500; line-height:1.4; word-break:keep-all;}
.layer-popup .content-box .content .comp_box .refer {margin-top:15px; font-weight:400; font-size:18px; word-break:keep-all; line-height:1.4; color:#666;}
.layer-popup .content-box .content .comp_box .refer + .refer {margin-top:5px}
.layer-popup .content-box .content .comp_box .counsel-number {display:inline-block; width:100%; margin:40px 0 30px; padding:20px 40px; line-height:1.5; background-color:#f5f6f6;}
.layer-popup .content-box .content .comp_box .counsel-number > strong {display:inline-block; width:100%; font-weight:400; font-size:26px; text-align:center;}
.layer-popup .content-box .content .comp_box .info-box {display:inline-block; width:100%; margin:20px 0; padding:20px; line-height:1.5; background-color:#f5f6f6;}

/* guide */
.layer-popup .guide.bg {padding:20px;}
.layer-popup .guide.bg + .guide.bg {border-top:1px dashed #ccc !important;}
.layer-popup .guide .title {padding-bottom:10px; font-weight:600; font-size:18px;}
.layer-popup .guide li {margin-bottom:3px;}
.layer-popup .guide li > * {font-size:16px;}
.layer-popup .guide2 li,
.layer-popup .guide2 li > * {font-size:17px; color:#444;}

/* breadcrumb */
#breadcrumb {margin:12px 0;}
#breadcrumb .breadcrumb-inner {margin: 0 auto; text-align: right; font-size: 15px;}
#breadcrumb .breadcrumb-inner a {position:relative; margin-right:10px; padding-right:20px;}
#breadcrumb .breadcrumb-inner a::after {content:""; display:block; position:absolute; top:50%; right:0; width:8px; height:8px; border-top:1px solid #aaa; border-right:1px solid #aaa; transform:translateY(-50%) rotate(45deg);}
#breadcrumb .breadcrumb-inner strong {font-weight:600;}