@charset "utf-8";
@import url(https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

@font-face {
	font-family:"Cafe24Dangdanghae";
	src:local('※'),
		url('/views/_layout/addto_new/font/Cafe24Dangdanghae.otf') format('opentype'),
		url('/views/_layout/addto_new/font/Cafe24Dangdanghae.woff') format('woff'),
		url('/views/_layout/addto_new/font/Cafe24Dangdanghae.woff2') format('woff2');
}
@font-face {
	font-family:"CooperBlackStd";
	src:local('※'),
		url('/views/_layout/addto_new/font/CooperBlackStd.otf') format('opentype'),
		url('/views/_layout/addto_new/font/CooperBlackStd.woff') format('woff'),
		url('/views/_layout/addto_new/font/CooperBlackStd.woff2') format('woff2');
}

/* Nanum Gothic */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
.nanumgothic * {
 font-family: 'Nanum Gothic', sans-serif;
}

@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
.nanummyeongjo * {
 font-family: 'Nanum Myeongjo', serif;
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}

@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MaruBuri-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Daheng';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_02@1.0/Daheng.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bujangnim_nunchi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_02@1.0/Bujangnim_nunchi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {padding:0; margin:0; font-family: 'Spoqa Han Sans Neo', sans-serif;box-sizing: border-box; letter-spacing: -0.8px }
body {background-color:#fff;} 
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,p{margin:0;padding:0;font-style:normal; font-family: 'Spoqa Han Sans Neo', sans-serif;}

/* input 기본 스타일 초기화 */
input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

/* Select box 스타일 초기화 */ 
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}


input[type=submit] {-webkit-appearance:none;}


#wrap a:link {font-family: 'Spoqa Han Sans Neo', sans-serif;text-decoration:none;transition: all 0.1s ease;}
#wrap a:visited {font-family: 'Spoqa Han Sans Neo', sans-serif;text-decoration:none;}
#wrap a:hover {font-family: 'Spoqa Han Sans Neo', sans-serif;text-decoration:none;transition: all 0.1s ease;}
#wrap a:active {font-family: 'Spoqa Han Sans Neo', sans-serif;text-decoration:none;}
#wrap strong, #wrap h3 { font-weight:500;}
#wrap button {line-height: 1;  background: none; border: 0; margin: 0; padding: 0; width: auto;cursor: pointer; overflow: hidden;}
#wrap button > span {position: relative;}

img, fieldset {border:none; vertical-align:top;}
legend,caption {position:absolute; left: 0; top:-5000px; font-size:0; line-height:0;}
iframe {border:none;border-collapse:collapse;}
ul,ol{list-style:none;margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;font-family: 'Spoqa Han Sans Neo', sans-serif; }
hr {overflow:hidden; display: block; height:1px; border:none; border-top:1px solid #dadada}
.inner {position: relative; max-width:1200px; margin: 0 auto;}
.inner2 {position: relative; max-width:1200px; margin: 0 auto;}
#wrap input:focus {outline: none;}

/* HEADER */
#wrap{position:relative; width:100%;}
/*#header {position:fixed; top:0; left:0; margin: 0; width:100%;  padding:0; z-index:3; transition: all 0.1s ease;background:#fff}*/
#header {position:relative; margin: 0; width:100%;  padding:0; z-index:3; transition: all 0.1s ease;background:#fff}
#header .head {position:relative;; z-index:1;  border-bottom: 1px solid #e5e5e5;}
#header .head .inner {padding: 27px 0; display: -webkit-box;  display: -ms-flexbox;  display: flex;    -webkit-box-pack: justify; -ms-flex-pack: justify;  justify-content: space-between;}
#header .head .inner > a img {max-width:100% }
.top_line {width: 100%; height: 38px; border-bottom: 1px solid #ddd; background: #fff;}
.top_line .left a {display: inline-block; padding:0 20px; font-size:13px; line-height:38px; color:#777}
.top_line .left a img {vertical-align: -3px; margin:0 5px 0 0;}
.top_line .right {position: absolute; top: 0; right: 0;}
.top_line .right a {position: relative; display: inline-block; margin:0 22px 0 0; font-size:13px; line-height:38px; color:#777}
.top_line .right a:hover {color:#023591}
.top_line .right .after-bar::after {content: ''; width: 1px; height: 10px; position: absolute; right: -13px; top:14px; background:#ddd}
.top_line .right a:last-child {margin:0}
.top_line .right a:last-child::after {display: none;}
.top_line .right .after-none::after {display: none;}
.top_line .right .after-sm {margin:0 12px 0 0 !important;}
.top_line .right .after-sm::after {content: ''; width: 1px; height: 10px; position: absolute; right: -20px; top:14px; background:#ddd;margin:0 12px 0 0 !important;}
.top_line .right a img {vertical-align: middle;}
.top_line .right a .bal {display: inline-block; margin:0 0 0 2px; vertical-align: 2px; width: 15px; height: 15px;font-size:8px; line-height:15px; color:#fff; text-align: center; border-radius: 50%;background:#023591 }
#header h1 { overflow:hidden;  width:157px; height:46px; margin:0; } 
#header h1 a {display:block; height: 100%; text-indent:-99999px;  background:url("../image/common/logo.png") no-repeat left top/cover; }
#header .all_menu {display:block; margin:28px 0 0 0}
#header.fix .all_menu {display:block; }
#wrap .bn_top_left .slick-list  {width: 256px; height: 46px; overflow: hidden;}
#wrap .bn_top_left > ul {text-align: center; margin:0;}
#wrap .bn_top_left ul ul {text-align: center; margin:10px 0 0;}
#wrap .bn_top_left .slick-dots li {width: auto; height:auto; margin:auto; display: inline-block;}
#wrap .bn_top_left .slick-dots li button {vertical-align: top;width:10px; height: 10px; margin:0 0 0 7px; border-radius: 50%; opacity: 1; text-indent: -999px; background: #dadada;}
#wrap .bn_top_left .slick-dots li.slick-active button { background: #000;}

#header .bn_top_right {position: relative; overflow:hidden;  width: 359px; height: 67px;}
#header .bn_top_right .slide01 .slick-prev {left:0; background: url(../image/common/bt_prev.png) no-repeat 0 0;}
#header .bn_top_right .slide01 .slick-next {right:0; background: url(../image/common/bt_next.png) no-repeat 0 0;}
#header .bn_top_right .slide01 button {width:11px; height: 18px;margin-top: -9px;position: absolute; top: 50%; z-index:1; text-indent: -9999px;}


.cus-mn {cursor:pointer;color:#fff;font-size:12px;border-radius:3px;padding:6px 8px;background-color:#023591;display:inline-bolck;margin-right:5px;}
.cus-over-menu {display:none;list-style:none;margin:0;padding:0;border:solid 2px #023591;width:76px;position:absolute;top:32px;right:0;z-index:2;background-color:#fff; }
.cus-over-menu.on {display:block;}
.cus-over-menu li {width:100%;display:block;}
.cus-over-menu li a {padding-left:12px;}
.cus-over-menu.on::after {content: ''; z-index: 10; position: absolute; top: -8px; left: 50%;display: block; margin-left:-6px; width:12px; height:8px;background:url("../image/sub/trg.gif") no-repeat left top/cover;transition: all 0.1s ease;}

.nav_menu {display:none;}
.go_menu {display:none;}
.pc_block {display:block;}
.m_block {display:inline;}
.emp01 {color:#19468e !important}
.emp02 {color:#061b29 !important}
.emp03 {color:#637079 !important;}
.emp04 {color:#ff4800 !important;}
.emp05 {color:#d31f21 !important;}
.emp06 {color:#333 !important;}
.emp07 {color:#fb4e00 !important;}

.pc_show {display:block;}
.m_show,
.etc_m_menu {display: none}

#header .head_bot {position:relative; overflow: visible !important; height: 45px; z-index:1;}
#header .head_bot::before { content:""; z-index:1; display:block; clear:both; position: absolute; top:45px; left: 0; width:100%; height:1px; background:#023591;}
#header .head_bot .inner { padding:0;}
#header .head_bot::after { display:none; }
#header .head_bot.on::after { content:""; z-index:0; display:block; clear:both; position: absolute; top:45px; left: 0; width:100%; background:#fff; border-bottom: 1px solid #e5e5e5; }

/* GNB */
#header .head_bot .gnb { margin: 0 0 0 0;  padding:0; z-index:1;}

/* 1뎁스 */
#header .head_bot .gnb>ul {display: -webkit-box;  display: -ms-flexbox;  display: flex;    -webkit-box-pack: justify; -ms-flex-pack: justify;  justify-content: space-between;}
#header .head_bot .gnb>ul>li { width:100%; border-left: 1px solid #ddd; position:relative; } 
#header .head_bot .gnb>ul>li:last-child { border-right: 1px solid #ddd}
#header .head_bot .gnb>ul>li h2 a {position: relative; display:block; height:46px; margin:0; font-weight: 400; text-align: center; font-size:18px; line-height:46px; color:#333 }

#header .head_bot .gnb>ul>li:nth-child(4) h2 a::after {content: '';display:block; position: absolute; top:-10px; left: 50%; width:44px; height:22px; margin-left:-22px;background:url("../image/common/ttip.png") no-repeat left top/cover;}
#header .head_bot .gnb>ul>li:hover h2 a, 
#header .head_bot .gnb>ul>li.ov h2 a,
#header .head_bot .gnb>ul>li.on h2 a  {color:#fff; background:#023591;}
#header .head_bot .gnb>ul>li h2 a::after {transition: all 0.1s ease;}
#header .head_bot .gnb>ul>li:hover h2 a::after {content: ''; z-index: 10; position: absolute; top: 40px; left: 50%;display: block; margin-left:-6px; width:12px; height:8px;background:url("../image/sub/trg.gif") no-repeat left top/cover;transition: all 0.1s ease;}

/* 2뎁스 */
/* #header .head_bot .gnb>ul>li .dep2 {overflow:hidden; display:none; position:absolute; top:43px; left:0; width:100%; padding:25px 0 0 0; text-align:left;z-index:2}
#header .head_bot .gnb>ul>li.on .dep2 {display:block; }
#header .head_bot .gnb>ul>li .dep2 li { display:block; margin:0;}
#header .head_bot .gnb>ul>li .dep2 li a {display:inline-block;vertical-align: top; margin:0 25px 0 0; font-size:16px; line-height:22px; color:#666; font-weight:400;}
#header .head_bot .gnb>ul>li .dep2 li a.on, #header .head_bot .gnb>ul>li .dep2 li a:hover {color: #19468e; }
#header .head_bot .gnb>ul>li .dep2 li dl {display: block; margin:0 0 6px;}
#header .head_bot .gnb>ul>li .dep2 li dt {display: inline-block; vertical-align: top; margin:0 10px 0 0; width: 79px; height: 22px;text-align:center; font-size:14px; line-height:22px;color:#fff; border-radius: 20px; font-weight: 400; background:#5c6676}
#header .head_bot .gnb>ul>li .dep2 li dd {display: inline-block; vertical-align: top;} */

#header .head_bot .gnb_new>ul>li .dep2 {overflow:hidden; display:none; position:absolute; top:45px; width:100%; padding:29px 0 0 0; text-align:left;z-index:2;border:solid 2px #023591;min-width:190px;}
#header .head_bot .gnb_new>ul>li.on .dep2 {display:block; background:#fff;}
#header .head_bot .gnb_new>ul>li .dep2 li {overflow: hidden;  margin:0;}
#header .head_bot .gnb_new>ul>li .dep2 li a {display:block; margin:0 0 13px 0; font-size:16px; line-height:22px; color:#666; font-weight:400;}
#header .head_bot .gnb_new>ul>li .dep2 li a.on, #header .head_bot .gnb_new>ul>li .dep2 li a:hover {color: #19468e; }
#header .head_bot .gnb_new>ul>li .dep2 li dl {float: left; width: 170px; margin:0;margin-left:20px;}
#header .head_bot .gnb_new>ul>li .dep2 li dt {display:block; margin:0 0 17px 0;  padding: 0 0 0 20px; width:131px; height: 25px;text-align:left; font-size:14px; line-height:25px;color:#fff; border-radius: 20px; font-weight: 400; background:#5c6676}
#header .head_bot .gnb_new>ul>li .dep2 li dd {display:block;}


/* 컨텐츠 */
/*#body {position: relative; float:left; width:100%; padding:205px 0 80px 0;}*/
#body {position: relative; float:left; width:100%; padding:0 0 80px 0;}
#body:after{display:block;clear:both;content:'';}

.bn_quick {position: fixed; top: 334px; left:50%; margin-left:620px; z-index: 1;}

/* FOOTER */
#footer {clear:both; width:100%; margin:0; padding:0 0 95px;  background:#f5f5f5}
#footer h2 {position: absolute; top:90px; left: 0;}

#footer .foot_link {margin:0 0 40px; padding:0; background:#333}
#footer .foot_link .inner > a {position:relative; display:inline-block; margin:0 32px 0 0; font-size:14px; line-height:49px; color:#fff;font-weight:300}
#footer .foot_link .inner > a::after {content: ''; width: 1px; height: 8px; position: absolute; right: -19px; top:22px; background:#ddd}
#footer .foot_link .inner > a:last-child::after {display: none;}
#footer .foot_link .inner > a img {vertical-align: middle}

#footer address { position:relative; max-width: 1200px; margin: 0 auto; padding: 0 0 0 144px;font-size:14px; line-height:24px; color:#9e9e9e;}
#footer address strong { display: block; margin:0 0 20px; font-size:18px; line-height:20px; color:#777; font-weight:500}
#footer address span {display:inline-block; margin:0 17px 0 0; position:relative; font-size:14px; line-height:24px; color:#637079;font-weight:400}
#footer address span::after {content: ''; width: 1px; height: 8px; position: absolute; right: -10px; top:6px; background:#637079}
#footer address p span:last-child::after {display: none;}

#footer .ft_sns {position: absolute; top:-89px; right: 0}
#footer .ft_sns > a.bb {position: relative; display: inline-block;width: 100px; padding:0 0 0 7px;  font-size:14px; line-height:47px; color:#fff; background:#333 }
#footer .ft_sns > a.pp {position: relative; display: inline-block;width: 168px; padding:0 0 0 17px;  font-size:14px; line-height:47px; color:#fff; background:#333 }
#footer .ft_sns > a.pp::after {content: ''; position: absolute; top:19px; left: 90%; display: block; width:10px; height:6px;background: url('../image/sub/arrow03.png') no-repeat 0 0/ 10px 6px;transform: rotate(-180deg); transition: all 0.2s; }
#footer .ft_sns > a.pp.on::after {transform: rotate(0);}
#footer .ft_sns ul {display: none;position: absolute; bottom:47px;left:0;  width:168px;   border:1px solid #ddd; background:#f8f8f8; }
#footer .ft_sns li a {display: block;  margin:0;padding:0 0 0 17px; font-size:14px; line-height:36px; color:#637079}
#footer .ft_sns li a:hover {color:#fff; background:#696969}

/* select::-ms-expand { display: none; }
select {position:relative;border: 1px solid #dedede; -webkit-appearance: none;-moz-appearance: none;	-ms-appearance: none;	appearance: none; background:url("../image/sub/arrow.png") no-repeat 94% center;}
select * { background: #fff}
.pdl5 {padding-left:5px !important;} */


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #c4c4c4;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c4c4c4 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #c4c4c4;
}
@media all and (max-width:1200px) {
    #header .head_bot .gnb>ul>li h2 a {font-size: 14px;}
    #header .head_bot .gnb>ul>li .dep2 li a {font-size: 14px;}
    #footer .inner {padding:10px 10px 0; }
    #footer .ft_sns {position: absolute; top: -91px; right: 10px;}
    #footer h2 {position: static}
    #footer address {padding:0 10px; margin:0 0 35px;}
}


/* 
{// 플렉스 컨테이너에 적용. 플렉스 컨테이너 생성.
  display: -webkit-box;  display: -ms-flexbox;  display: flex;
}
{ // 플렉스 컨테이너에 적용. 아이템 주축 center 정렬.
 display: -webkit-box;  display: -ms-flexbox;  display: flex;    -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
}
{ // 플렉스 컨테이너에 적용. 아이템 주축 space-between 정렬.
 display: -webkit-box;  display: -ms-flexbox;  display: flex;    -webkit-box-pack: justify; -ms-flex-pack: justify;  justify-content: space-between;
}
{ // 플렉스 컨테이너에 적용. 아이템 교차축 center 정렬.
 display: -webkit-box;  display: -ms-flexbox;  display: flex;    -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;
}
{ // 플렉스 컨테이너에 적용. 주축 column 설정.
  display: -webkit-box;  display: -ms-flexbox;  display: flex;   -webkit-box-orient: vertical;  -ms-flex-direction: column;  flex-direction: column;
}
{ // 플렉스 아이템에 적용. 확장 지수 설정.
  -webkit-box-flex: 1;  -ms-flex: 1;  flex-grow: 1;
}
{ // 플렉스 컨테이너에 적용. 주축 row 설정.
  -webkit-box-orient: horizontal;  -ms-flex-direction: row;  flex-direction: row;
}
{ // 플렉스 컨테이너에 적용. 주축 row-reverse 설정.
  -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;  -ms-flex-direction: row-reverse;  flex-direction: row-reverse;
}
{ // 플렉스 컨테이너에 적용. 주축 column-reverse 설정.
  -webkit-box-orient: vertical;  -webkit-box-direction: reverse;  -ms-flex-direction: column-reverse;  flex-direction: column-reverse;
}
{ // 플렉스 컨테이너에 적용. 감싸기(줄바꿈) 금지 설정.
  -webkit-box-lines: single;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap;
}
{ // 플렉스 컨테이너에 적용. 아이템 주축 start 정렬.
  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;
}
{ // 플렉스 컨테이너에 적용. 아이템 주축 end 정렬.
  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end;
}
{ // 플렉스 컨테이너에 적용. 아이템 교차축 start 정렬.
  -webkit-box-align: start;  -ms-flex-align: start;  align-items: flex-start;
}
{ // 플렉스 컨테이너에 적용. 아이템 교차축 end 정렬.
  -webkit-box-align: end; -ms-flex-align: end;  align-items: flex-end;
}
{ // 플렉스 컨테이너에 적용. 아이템 교차축 stretch 정렬.
  -webkit-box-align: stretch;  -ms-flex-align: stretch;  align-items: stretch;
}
{ // 플렉스 컨테이너에 적용. 아이템 교차축 baseline 정렬.
  -webkit-box-align: baseline;  -ms-flex-align: baseline;  align-items: baseline;
} */


/*
Naver Login
*/

.MyView-module__link_login___HpHMW {
    display: block;
    margin-top: 10px;
    padding: 14px 0 9px 0;
    border: 1px solid rgba(0,0,0,.06);
    background-color: #03c75a;
    -webkit-box-shadow: 0 2px 4px 0 rgba(3,199,90,.12);
    box-shadow: 0 2px 4px 0 rgba(3,199,90,.12);
    text-decoration: none;
    color: #fff;
	text-align:center;
}

.MyView-module__link_login___HpHMW:hover {
    background-color: #17b75e;
    -webkit-box-shadow: 0 2px 4px 0 rgba(3,199,90,.24);
    box-shadow: 0 2px 4px 0 rgba(3,199,90,.24);
    color: #fff
}

.MyView-module__naver_logo____Y442 {
    background-image: url(https://pm.pstatic.net/resources/asset/sp_main.8d370390.png);
    background-size: 422px 405px;
    background-position: -120px -166px;
    background-repeat: no-repeat;
    width: 72px;
    height: 14px;
    display: inline-block;
    margin: 3px 8px 0 0;
    vertical-align: top
}


.MyView-module__link_login___HpHMW .blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden
}

.naver-talktalk {
    background-image: url(https://www.addto.co.kr/views/_layout/addto_new/image/common/naver_talktalk_head.png) !important;
    background-size: 20px 20px !important;
    background-position: 10% 50% !important;
    background-repeat: no-repeat !important;
	padding-left:20px;
	color:#03c75a !important;
	border-color:#03c75a !important;
}

.subject a img {vertical-align:middle !important;}

.dhtmleditor {height:380px !important;}


/*popup*/
.popup_layer {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
/*팝업 박스*/
.popup_box{position: relative;top:50%;left:50%; overflow: auto; height: 600px; width:375px;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
/*컨텐츠 영역*/
.popup_box .popup_cont {padding:50px;line-height:1.4rem;font-size:14px; }
.popup_box .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
.popup_box .popup_cont p{ border-top: 1px solid #666;padding-top: 30px;}
/*버튼영역*/
.popup_box .popup_btn {display:table;table-layout: fixed;width:100%;height:70px;background:#ECECEC;word-break: break-word;}
.popup_box .popup_btn a {position: relative; display: table-cell; height:70px;  font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:#ECECEC;}
.popup_box .popup_btn a:before{content:'';display:block;position:absolute;top:26px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.popup_box .popup_btn a:after{content:'';display:block;position:absolute;top:26px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.popup_box .popup_btn a.close_day {background:#5d5d5d;}
.popup_box .popup_btn a.close_day:before, .popup_box .popup_btn a.close_day:after{display:none;}
/*오버레이 뒷배경*/
.popup_overlay{position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;;background:rgba(0,0,0,0.5);}
/*popup*/