@charset "utf-8";

/* SIR 지운아빠 */

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:dotum}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:dotum}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:dotum;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#373737;text-decoration:none}
a:hover, a:focus, a:active {color:#373737;}

ul {margin:0; padding:0}
li { list-style:none;}
.text_bold {padding-top:4px; padding-left:20px; font-weight:bold;}
.text_bold2 {padding:4px 5px 0 0 ;font-weight:bold;}
.text_bold3 {padding:4px 5px 0 0 ;font-weight:bold; font-size:1.3em; color:#454545;}
.text_bold4 {padding:4px 5px 0 0 ;font-weight:bold; font-size:2.0em; color:#454545;}
.text_bold5 {padding:4px 5px 0 0 ;font-weight:bold; font-size:1.1em; color:#3e3e3e;}
.text_bold6 {padding:2px 5px 0 0 ;font-weight:bold; font-size:1.2em; color:#3e3e3e;}
.x_color {color:#f00; font-weight:bold; margin-right:2px;}



/* 버튼 */
.ego_btn {border:1px solid #bcbcbc; padding:5px 15px; background:url(/img/btn_bg.png); margin-right:5px; cursor:pointer;}
.ego_btn01 {border:1px solid #bcbcbc; padding:5px 15px; background:url(/img/btn_bg.png); margin-right:5px;cursor:pointer;}

.ego_btn02 {border:1px solid #bcbcbc; padding:5px 8px; background:linear-gradient( to bottom, #fff, #f2f1f1 ); margin-right:5px;cursor:pointer;}
.ego_btn03 {padding:5px 10px; background:#1a7fbe; color:#fff;cursor:pointer;}
.ego_btn04 {padding:5px 10px; background:#1a7fbe; border:1px solid #bcbcbc;background:url(/img/btn_bg.png);cursor:pointer;}
.ego_btn05 {padding:5px 10px; background:#1a7fbe; color:#fff;  font-weight:bold; cursor:pointer; border:0; }
.ego_btn06 {border:1px solid #bcbcbc; padding:5px 8px 4px 8px; background:linear-gradient( to bottom, #fff, #f2f1f1 ); margin-right:5px; cursor:pointer;}
.ego_btn07 {width:200px;padding:5px 20px; background:#1a7fbe; color:#fff; font-size:1.2em;cursor:pointer;}
.ego_btn08 {padding:7px 10px; background:#1a7fbe; color:#fff;  font-weight:bold;cursor:pointer;}
.ego_btn09 {border:1px solid #bcbcbc; padding:3px 2px; background:linear-gradient( to bottom, #fff, #f2f1f1 );cursor:pointer; width:300px; margin:10px auto; text-align:center;}
.ego_btn10 {border:1px solid #bcbcbc; padding:3px 2px; background:linear-gradient( to bottom, #fff, #f2f1f1 );cursor:pointer; width:100px; margin:10px auto; text-align:center;}
.ego_btn11 {border:1px solid #ff5959; padding:5px 5px; background:#ff5959;cursor:pointer; width:100px; margin:10px auto; text-align:center; color:#fff; font-weight:bold;}
.ego_btn_pink {padding:5px 10px 4px 10px; background:#1a7fbe; color:#fff; font-weight:bold; border:1px solid #1a7fbe;cursor:pointer;}
.phone_ego_btn {border:1px solid #bcbcbc; padding:3px 3px; background:url(/img/btn_bg.png); font-size:11px;cursor:pointer;}
.ego_btn_pink2 {padding:5px 10px 4px 10px; background:#ff5959; color:#fff; font-weight:bold; border:1px solid #f64343; float:right;cursor:pointer;}
.ego_btn_pink3 {padding:5px 10px; background:#1a7fbe; color:#fff; font-weight:bold; border:1px solid #1a7fbe; float:right;cursor:pointer;}
.ego_btn12 {padding:5px 17px; background:#1a7fbe; color:#fff;  font-weight:bold; cursor:pointer; margin-right:8px;}

.ego_btn13 {padding:5px 19px; background:#1a7fbe; color:#fff;  font-weight:bold;  margin-right:8px;}
.ego_btn14 {padding:7px 10px; background:#1a7fbe; color:#fff;cursor:pointer;}

.ego_btn_line {padding:5px 10px 5px 10px; background:#fff; color:#000; border:1px solid #1a7fbe; cursor:pointer; margin-right:5px; font-size:11px;}
.ego_btn_yellow {padding:5px 10px; background:#1a7fbe; color:#fff; font-weight:bold;  letter-spacing:-1px; float:right;cursor:pointer; margin-right:5px;}
.btn_color {color:#fff;}
.qqqq {padding-top:2px; cursor:pointer;}

.my_btn_pink {padding:10px 20px 10px 20px; background:#1a7fbe; color:#fff; font-weight:bold; border:1px solid #ccc;cursor:pointer; font-size:1.3em;}
.my_btn {border:1px solid #bcbcbc; padding:10px 20px 10px 20px; font-weight:bold; color:#464646; background:linear-gradient( to bottom, #fff, #f2f1f1 ); margin-right:5px; cursor:pointer; font-size:1.3em;}

.input_btn { background:#1a7fbe; color:#fff; padding:5px 10px; cursor:pointer;}




/* 팝업레이어 */
#hd_pop {z-index:5000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}


/* 금주기념일 */
.anni_pop {width:287px; height:244px; position:fixed; background:url(/img/annipop_bg.png);}
.anni_pop_title {font-size:1.4em; font-family: 'Jeju Gothic', serif; font-weight:lighter; text-align:center; margin:70px 0 0 0; color:#c61313;}
.anni_pop_text {width:230px; height:50px; margin:10px auto; text-align:center; overflow:hidden; line-height:1.5em;}


/* 상단 레이아웃 */
.hd_wrap {position:fixed; background:#fff; z-index:1000; width:100%;}
#hd {z-index:4;margin:0 auto;min-width:1000px;background:#fff; overflow:hidden; border-bottom:1px solid #ccc; }
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {margin:0 auto;padding:15px 0 ;width:1000px;zoom:1;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

.header_wrap {overflow:hidden; clear:both;}

#logo {padding:0; float:left; clear:both; font-size:32px; font-weight:700; font-family: 'Noto Sans KR', sans-serif;}
#logo img {}
/* 상단 로그인 */
.hd_login_all_wrap {
	background-color:#fff;
	width:100%;
	
}
.hd_login_wrap {overflow:hidden;border-bottom:1px solid #ccc;width:100%; padding:10px 0;  }
.hd_login {width:1000px; margin:0 auto;}


.menu_wrap {float:left; margin:18px 0 0 70px;}
.menu_wrap li {float:left; padding-right:52px; font-family: 'Jeju Gothic', serif; font-weight:lighter; font-size:1.26em; color:#222; letter-spacing:-1px;}
.menu_wrap li:last-child {padding:0}
.menu_text {color:#373737;}

/* 서브메뉴 */
/* CSS 스타일 추가 */
.menu_item.has_dropdown:hover .sub_menu {
    display: block;
}

.sub_menu {
    display: none;
    position: absolute;
    background-color: #fff; /* 드랍다운 배경색 설정 */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /* 그림자 효과 설정 */
    z-index: 1;
}

.sub_menu li {
    display: block;
}

.sub_menu li a {
    padding: 10px;
    text-decoration: none;
    color: #333; /* 서브 메뉴 텍스트 색상 설정 */
    display: block;
    font-size: 15px; /* 글자 크기 조절 */
}

.sub_menu li a:hover {
    background-color: #ddd; /* 호버 시 배경색 변경 */
}




/* 전체 검색 */
#hd_sch {float:left;margin:0 0 0 20px;padding:0;border:1px solid #c3c6ca;}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer}


/* 아웃로그인 */
.pass_lost_wrap {padding:0 20px 0px 20px;}
.id_wrap {float:left; border:1px solid #c7c7c7; width:340px;}
.pw_wrap {float:left; border:1px solid #c7c7c7; width:350px; margin-left:10px;}
.lost_wrap {padding:10px 30px;}
.lost_wrap li {margin-bottom:5px;}
.lost_title { font-family: 'Jeju Gothic', serif; font-weight:lighter; font-size:1.4em; color:#373737;}
.lost_text01 {color:#848484; font-size:11px;}
.lost_text02 {margin-top:20px; padding-top:20px; border-top:1px solid #adadad;}
.lost_text03 {margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #adadad;}
.lost_box {border-bottom:1px solid #adadad; padding-bottom:20px;}
.lost_radio {overflow:hidden;}
.lost_radio li {float:left; margin-right:10px; overflow:hidden; }


/* 공통셀렉트박스 스타일 */
.select_class {border:1px solid #a3a2a6; width:145px; height:18px;}


/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 상단 회원가입 등 링크 */
#tnb {margin:0;padding:0;list-style:none;zoom:1; float:right;}
#tnb:after {display:block;visibility:hidden;clear:both;content:"";}
#tnb li {float:left;margin:0 0 0 10px;}
#tnb .tnb_text {font-family: 'Jeju Gothic', serif; font-weight:lighter; font-size:1em; color:#828282;}
#tnb a {display:inline-block;padding:0 10px;height:28px;color:#333;letter-spacing:-0.1em;line-height:2.4em;}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}

/* 메인메뉴 */
#gnb {position:relative;margin:-1px 0 0;border-top:1px dotted #dde4e9;border-bottom:1px solid #dde4e9;background:#ecf0f7}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0 auto !important;padding:0;width:970px;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left}
.gnb_1da {display:inline-block;padding:0 40px 0 10px;height:35px;background:url('../img/gnb_bg00.gif') center right no-repeat;font-weight:bold;line-height:2.95em;text-decoration:none}
.gnb_1da:focus, .gnb_1da:hover {background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none}
.gnb_1dli_air .gnb_1da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_1da {background-color:#333;color:#fff}
.gnb_2dul {display:none;position:absolute;top:35px;width:180px}
.gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none}
.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

/* 중간 레이아웃 */

.main_phone {margin:30px 0 10px 90px; font-weight:bold; font-size:2.4em;}


.contents_wrap { width:1000px; margin:0px auto; padding-top:50px}

#wrapper {z-index:5;margin:-115px auto 0;width:1000px;zoom:1;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#aside {float:right;margin:0 0 0 -1px;width:230px;background:#fff;}
#aside .login {}
#aside .aside_box {border:1px solid #c7c7c7; margin-top:10px; overflow:hidden;}
#aside .aside_box .icon_top li {float:left; margin:5px 0 5px 5px;}
#aside .aside_box .icon_bottom li {float:left; margin:0 0 5px 5px;}
#aside .aside_box .customer_btn {overflow:hidden; width:160px; margin:0 auto;padding-bottom:10px}
#aside .aside_box .customer_btn li {float:left; padding:0 3px 0 3px}


#container {position:relative; width:1000px;min-height:500px;height:auto !important;background:#fff;font-size:1em;zoom:1;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.6em; font-family: 'Jeju Gothic', serif; font-weight:lighter; padding:30px 0 0 10px;}


/* 메인배너 */
#container .banner_wrap {width:1000px; overflow:hidden; margin:0 0 20px 0; }

.image_list { position:relative;float:left; }
.image_list #slides { height:320px; }
.image_list #slides img { display:none; }
.image_list #slides img.first { display:block; }
.image_list .button_area { position:absolute; width:660px; height:38px; top:290px; left:480px; overflow:hidden;}
.image_list .button_area li {float:left; margin:0 10px 0 0; }
.image_list .button_area img { cursor:pointer;}

.image_list_right {float:left; }


/* 하단 컨텐츠 */
.bottom_wrap {background:#7bbcff; padding:10px; }

.bottom_wrap .top {overflow:hidden; }

.bottom_wrap .top .left { width:100%;float:left;  }
.bottom_wrap .top .left li {width:24.8%; height:100px; float:left; border-right:1px solid #7bbcff !important; text-align:center; padding:10px 0 10px 0;background:#fff;}
.bottom_wrap .top .left li:last-child {border:0}
.bottom_wrap .top .left li h3 {font-size:16px; font-family:'noto sans kr', serif; margin:8px 0 0 0; font-weight:normal; line-height:17px; }
.bottom_wrap .top .left li p {font-size:12px; font-family:'noto sans kr', serif; margin:6px 0 0 0; line-height:16px; color:#333333; }
.bottom_wrap .top .left ul:first-child {
	overflow:hidden;
	border-bottom:1px solid #7bbcff;
}





.election_layers { position:fixed; top:50%; left:50%; margin-top:-250px; margin-left:-475px; width:980px; overflow:hidden; visibility:hidden; z-index:1200; background:#fff;padding: 0 20px;}
/*
.election_layers { position:fixed; top:50%; left:50%; margin-top:-300px; margin-left:-325px; width:650px; height:600px; overflow:hidden; visibility:hidden; z-index:1100; border:1px solid #ccc; background:#fafafa;}
*/
.election_layers .election_wrap {border:1px solid #8a8a8a; padding:15px;}
.election_layers .election_wrap .election_text { width:960px; height:537px; overflow:auto;}



.law_layers { position:fixed; top:50%; left:50%; margin-top:-300px; margin-left:-345px; width:690px; height:600px; overflow:hidden; visibility:hidden; z-index:1100; background:#fafafa;}
.law_wrap {border:1px solid #ccc; padding:15px;}
.law_wrap .law_text { height:450px; overflow:auto;}




/* 타이틀 */
.title_wrap {overflow:hidden; margin:30px 0 10px 0;}
.title_wrap .title_text {font-family: 'Jeju Gothic', serif; font-weight:lighter; font-size:1.8em; color:#414141; float:left;}
.navi2 {float:right; margin-top:10px;}
.title_wrap .title_line { width:100%; padding:5px 0 ;overflow:hidden;}



/* 레이어 */
.layers_c {cursor:pointer;}
.icons img { cursor:pointer; }
.text_pop span{cursor:pointer;}
.icons_pro img { cursor:pointer; }
.text_pop_pro span{cursor:pointer;}


.btn_close {width:31px; height:31px; top:0px;left:0px; z-index:25; float:right }
.btn_close img { cursor:pointer; }
.btn_close_text {cursor:pointer;}

.btn_close_two {width:31px; height:31px; top:0px;left:0px; z-index:25; float:right }
.btn_close_two img { cursor:pointer; }
.btn_close_two_text {cursor:pointer;}


.btn_detail { position:absolute; width:70px; height:50px; top:400px;left:502px; z-index:25; }

.btn_close_s {width:27px; height:20px; z-index:25; overflow:hidden; position:absolute; top:10px; left:160px; cursor:pointer;}
.btn_close_S img { cursor:pointer; }



.layers { position:fixed; top:50%; left:50%; margin-top:-250px; margin-left:-275px; width:550px; overflow:hidden; visibility:hidden; z-index:1200; background:#fff;}
.layers .title_bg {background:#313131; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}


.layers_phone {overflow:hidden; padding:10px; float:left;}
.layer_login { margin:50px ;}
.layers_phone02 {float:left; padding:30px 20px 90px 20px; bordeR:1px solid #c7c7c7; margin-top:20px; margin-bottom:30px; overflow:hidden;}
.layers_phone02_title {font-weight:bold; font-size:2em; color:#353535; text-align:center; margin:20px 0 0 0;}

.layers_phone02_wrap{ overflow:hidden;}
.layers_btn {overflow:hidden; margin-top:50px;}
.check_align {margin:2px 3px 0 0;}
.top_btn li {float:left;}
.top_btn .btn {margin-right:5px;}
.top_btn .btn02 {margin:0 8px 0 15px; }
.logo_bg { margin:50px ;}


.bottom_btn {margin:5px 0 0 0px ; overflow:hidden;}
.bottom_btn li {margin-top:5px; text-align:center; line-height:22px;}

.bottom_btn02 {margin:60px 0 0 0px ; overflow:hidden;}
.bottom_btn02 li {float:left;}

.font-color {color:#616161; padding-top:20px;}

.layer_btn_send {border:1px solid #bcbcbc; padding:10px 15px; background:linear-gradient( to bottom, #fff, #f2f1f1 ); margin:30px 0 0 20px; text-align:center; cuaur}


.use_layers { position:fixed; top:50%; left:50%; margin-top:-350px; margin-left:-300px; width:618px; height:709px; overflow:hidden; visibility:hidden; z-index:1200; border:1px solid #ccc; background:#fff;}
.use_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}

.qqqq_layers {position:fixed; top:50%; left:50%; margin-left:-200px; margin-top:-80px; width:400px; height:160px; overflow:hidden; visibility:hidden; z-index:1400; border:1px solid #c7c7c7; background:#fff;}
.qqqq_box {padding:10px; font-size:12px;  line-height:1.4em; margin-top:32px; width:350px; margin:15px auto;}

.qqqq2_layers {position:fixed; top:50%; left:50%; margin-left:-200px; margin-top:-80px; width:400px; height:140px; overflow:hidden; visibility:hidden; z-index:1400; border:1px solid #c7c7c7; background:#fff;}
.qqqq2_box {padding:10px; font-size:12px;  line-height:1.4em; margin-top:32px; width:350px; margin:15px auto;}



/* 코인현황 */
.coin_wrap {border:1px solid #f00; width:1000px; margin:0 auto;}
.coin_text {color:#fff;}

.coin01 {background:#40b77d; padding:10px; color:#fff; overflow:hidden;}
.coin01 .coin_title {float:left; margin-left:120px; font-family: 'Jeju Gothic', serif; font-weight:lighter; font-size:1.2em; color:#fff;}
.coin01 .coin_us {float:right; margin-right:20px; font-family: 'Jeju Gothic', serif; font-weight:lighter; font-size:1.2em; color:#fff;}

.coin02 {padding:13px;overflow:hidden;}
.coin_title02 {float:left; margin-left:60px; font-family: 'Jeju Gothic', serif; font-weight:lighter; font-size:1.2em; color:#000;}
.coin_us02 {float:right; margin-right:20px; font-family: 'Jeju Gothic', serif; font-weight:lighter; font-size:1.2em; color:#000;}

.navi {padding:15px 10px;}



/* short */

.text_box {border:1px solid #ccc; padding:15px; line-height:20px; margin:0 0 15px 0;  }

.phone_wrap {background:url(/img/phone_bg.jpg); width:252px; height:462px; float:left; margin-right:18px;  position:relative;}
.phone_wrap .phone_box {width:213px; border:1px solid #a3a2a6; margin:0px auto; margin-top:60px; padding:5px; }

.phone_wrap .phone_box .number_wrap {width:210px; height:27px; background:#747474; overflow:hidden; margin:0 auto; margin-top:5px;}
.phone_wrap .phone_box .number_wrap li {float:left;}
.phone_wrap .phone_box .number_wrap .number01 {margin:6px; }
.phone_wrap .phone_box .number_wrap .number02 {margin:6px; font-family: 'Jeju Gothic', serif; font-weight:lighter; font-size:1.2em; color:#fff;}
.phone_wrap .phone_box .number_wrap .number03 {float:right; padding:1px;}
.number01_layers { position:absolute; top:98px; left:20px; width:190px; height:155px; padding:10px; overflow:auto; visibility:hidden; z-index:1100; border:1px solid #ccc; background:#fafafa;}
.number01_layers li {margin:0 0 10px 0;}


.multi_btn {overflow:hidden; margin:0 auto; width:140px;}
.multi_btn li {float:left; margin:5px 2px 0 0 ;}
.phone_wrap .phone_box .area {width:200px; height:160px; border:1px solid #a3a2a6; margin:0px auto; margin-top:5px; padding:5px; background:#fff;}
.phone_wrap .phone_box .area_main {width:200px; height:210px; border:1px solid #a3a2a6; margin:0px auto; margin-top:5px; padding:5px; background:#fff;}
.phone_wrap .phone_box .area2 {overflow:auto; width:200px; height:180px; border:1px solid #a3a2a6; margin:0px auto; margin-top:10px; padding:5px; background:#fff; text-align:center;}
.phone_wrap .phone_box .area3 {overflow:auto; width:200px; height:245px; border:1px solid #a3a2a6; margin:0px auto; margin-top:10px; padding:5px; background:#fff; text-align:center;}

.phone_wrap .phone_box .send_wrap {overflow:hidden;}
.phone_wrap .phone_box .send_wrap li {float:left;}
.phone_wrap .phone_box .send_wrap .send01 {margin:5px 1px;}
.phone_wrap .phone_box .send_wrap .send02 {margin:9px 6px 0; font-size:1.0em; color:#000;}
.phone_wrap .phone_box .send_wrap .send03 {float:right; margin:5px 0;}

.phone_wrap .phone_box .people_wrap {overflow:hidden;}
.phone_wrap .phone_box .people_wrap li {float:left;}
.phone_wrap .phone_box .people_wrap .people01 {margin:5px 0; color:#3f3f3f;}
.phone_wrap .phone_box .people_wrap .people02 {padding:3px 0 3px 10px;}
.phone_wrap .phone_box .people_wrap .people03 {padding:3px 0 3px 5px;}

.list_layers {position:fixed; top:50%; left:50%; margin-left:-360px; margin-top:-195px; width:720px; height:390px; overflow:hidden; visibility:hidden; z-index:1100; border:5px solid #1a7fbe; background:#fff;}
.list_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.list_layers .qqq_box {border:1px solid #cccccc; padding:10px; width:340px; margin:10px auto; font-weight:bold; color:#eb4d5c; line-height:1.4em; background:#fff;}
.list_layers .qqq_text { padding:12px; width:340px; margin:10px auto; color:#191919; line-height:1.4em;}
.list_layers .qqq_layers_btn {background:#3cb47a; padding:3px 10px; color:#fff; font-weight:bold;}
.list_box {padding:10px; font-size:11px; border-bottom:1px solid #bcbcbc;}
.list_btn_wrap {width:100px; margin:10px auto;}
.list_btn_wrap li {float:left;}
.phone_list_wrap {padding:10px;}
.phone_list_wrap .phone_list01 {float:left; line-height:2em;}
.phone_list_wrap .phone_list02 {float:left;margin-left:50px; line-height:2em;}
.list_btn01 {clear:both; background:#1a7fbe; width:50px; border:1px solid #2c895c; color:#fff; padding:5px 10px; margin:10px auto; text-align:center;}


.sample_layers {position:fixed; top:50%; left:50%; margin-left:-235px; margin-top:-100px; width:470px; height:200px; overflow:hidden; visibility:hidden; z-index:1100; border:5px solid #1a7fbe; background:#fff;}
.sample_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em;}
.sample_layers .sample_text {}
.sample_layers .sample_text ul { border-bottom:1px solid #bcbcbc;padding:10px;}
.sample_layers .sample_text li {margin:3px;}
.sample_layers .sample_btn {width:148px; margin:10px auto; padding:10px;}



.plus_layers { position:fixed; top:50%; left:50%; margin-top:-70px; margin-left:-200px; width:400px; height:140px; overflow:hidden; visibility:hidden; z-index:1500; border:5px solid #1a7fbe; background:#fff;}
.plus_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.plus_wrap {margin:20px auto; width:300px; overflow:hidden;}
.plus_wrap li {float:left; margin-right:5px;}


/* 주소록 불러오기 */
.add_upload_layers { position:fixed; top:50%; left:50%; margin-top:-300px; margin-left:-300px; width:600px; height:600px; overflow:hidden; visibility:hidden; z-index:1100; border:5px solid #1a7fbe; background:#fff;}
.add_upload_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}

/* 수신거부관리 */
.manage_layers { position:fixed; top:50%; left:50%; margin-top:-180px; margin-left:-360px; width:720px; height:390px; overflow:hidden; visibility:hidden; z-index:1100; border:5px solid #1a7fbe; background:#fff;}
.manage_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.manage_layers .qqq_box {border:1px solid #cccccc; padding:10px; width:340px; margin:10px auto; font-weight:bold; color:#eb4d5c; line-height:1.4em; background:#fff;}
.manage_layers .qqq_text { padding:12px; width:340px; margin:10px auto; color:#191919; line-height:1.4em;}
.manage_layers .qqq_layers_btn {background:#3cb47a; padding:3px 10px; color:#fff; font-weight:bold;}
.manage_box {padding:10px; font-size:11px; border-bottom:1px solid #bcbcbc;}
.manage_btn_wrap {width:100px; margin:10px auto;}
.manage_btn_wrap li {float:left;}

.manage_layers_btn {overflow:hidden; margin:10px;}

.manage_layers_btn02 {overflow:hidden; width:500px; margin:0 auto; margin-top:10px;}
.manage_layers_btn02 li {float:left;}

.manage_layers01 {float:left;}
.manage_layers01 li {float:left;}
.manage_layers02 {float:right;}
.manage_layers02 li {float:left;}

.revise_layers { position:fixed; top:50%; left:50%; margin-top:-70px; margin-left:-150px; width:300px; height:140px; overflow:hidden; visibility:hidden;  z-index:2000; border:5px solid #1a7fbe; background:#fff;}
.revise_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.revise_wrap {}
.revise {border-left:1px solid #a3a2a6;border-top:1px solid #a3a2a6;  }
.revise td {border-right:1px solid #a3a2a6;border-bottom:1px solid #a3a2a6; padding:5px; }

/* 주소록 중복 검사 */
.add_group_wrap {position:relative;}

.overlap_layers { position:fixed; top:50%; left:50%; margin-top:-180px; margin-left:-360px; width:720px; height:390px; overflow:hidden; visibility:hidden; z-index:1100; border:5px solid #1a7fbe; background:#fff;}
.overlap_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.overlap_layers .qqq_box {border:1px solid #cccccc; padding:10px; width:340px; margin:10px auto; font-weight:bold; color:#eb4d5c; line-height:1.4em; background:#fff;}
.overlap_layers .qqq_text { padding:12px; width:340px; margin:10px auto; color:#191919; line-height:1.4em;}
.overlap_layers .qqq_layers_btn {background:#3cb47a; padding:3px 10px; color:#fff; font-weight:bold;}
.manage_box {padding:10px; font-size:11px; border-bottom:1px solid #bcbcbc;}
.manage_btn_wrap {width:100px; margin:10px auto;}
.manage_btn_wrap li {float:left;}

.overlap_layers_btn {overflow:hidden; margin:10px;}
.overlap_layers_btn li {float:left; margin-left:2px;}

/* 주소록 중복 검사 안에 주소록 정보 열람 및 수정 */
.overlap2_layers { position:absolute; top:0px; left:300px; width:400px; height:485px; overflow:hidden; visibility:hidden; z-index:1100; border:5px solid #1a7fbe; background:#fff;}
.overlap2_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.overlap2_table {padding:10px;}
.overlap2_btn {padding:15px 0 0 40px;cursor:pointer;}

.overlap2_input { border:1px solid #a3a2a6; width:115px; height:16px;}
.overlap2_input2 { border:1px solid #a3a2a6; width:40px; height:16px;}
.overlap2_input3 { border:1px solid #a3a2a6; width:260px; height:16px;}
.overlap2_line {border-bottom:1px solid #a3a2a6; padding-bottom:5px; padding-top:5px; overflow:hidden;}

/* 업로드안내 */
.upload_layers {position:fixed; top:50%; left:50%; margin-left:-360px; margin-top:-195px; width:720px; height:390px; overflow:hidden; visibility:hidden; z-index:1100; border:5px solid #1a7fbe; background:#fff;}
.upload_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}


/* add_group 테이블표 수정버튼 레이어*/
.table_modify_layers {position:fixed; top:50%; left:50%; margin-top:-240px; margin-left:-200px; width:400px; height:485px; overflow:hidden; visibility:hidden; z-index:1100; border:5px solid #1a7fbe; background:#fff;}
.table_modify_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.overlap2_table {padding:10px;}
.overlap2_btn {padding:15px 0 0 40px;cursor:pointer;}

.overlap2_input { border:1px solid #a3a2a6; width:115px; height:16px;}
.overlap2_input2 { border:1px solid #a3a2a6; width:40px; height:16px;}
.overlap2_input3 { border:1px solid #a3a2a6; width:260px; height:16px;}
.overlap2_line {border-bottom:1px solid #a3a2a6; padding-bottom:5px; padding-top:5px; overflow:hidden;}

/* 상세보기  */
.detail_modify_layers { position:absolute; top:0px; left:300px; width:400px; height:485px; overflow:hidden; visibility:hidden; z-index:1100; border:5px solid #1a7fbe; background:#fff;}
.detail_modify_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.overlap2_table {padding:10px;}
.overlap2_btn {padding:15px 0 0 40px;cursor:pointer;}

.overlap2_input { border:1px solid #a3a2a6; width:115px; height:16px;}
.overlap2_input2 { border:1px solid #a3a2a6; width:40px; height:16px;}
.overlap2_input3 { border:1px solid #a3a2a6; width:260px; height:16px;}
.overlap2_line {border-bottom:1px solid #a3a2a6; padding-bottom:5px; padding-top:5px; overflow:hidden;}



.phone_list_wrap {padding:10px;}
.phone_list_wrap .phone_list01 {float:left; line-height:2em;}
.phone_list_wrap .phone_list02 {float:left;margin-left:50px; line-height:2em;}
.list_btn01 {clear:both; background:#1a7fbe; width:50px; border:1px solid #2c895c; color:#fff; padding:5px 10px; margin:10px auto; text-align:center;}
															/*400 200 동호작업중 */
.phone_layers { position:absolute; top:40px; left:300px; width:400px; height:200px; overflow:hidden; visibility:hidden; z-index:1100; border:1px solid #ccc; background:#fafafa;}
.phone_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.phone_btn01 {clear:both; background:#1a7fbe; width:50px; border:1px solid #2c895c; color:#fff; padding:5px 10px; margin:20px auto; text-align:center;}

.list_layers2 { position:absolute; top:40px; left:300px; width:400px; height:170px; overflow:hidden; visibility:hidden; z-index:1100; border:1px solid #ccc; background:#fafafa;}
.list_layers2 .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.phone_list_wrap2 {margin:30px auto; width:260px}
.list_btn02 {clear:both; background:#1a7fbe; width:50px; border:1px solid #2c895c; color:#fff; padding:5px 10px; margin:30px auto; text-align:center;}

.list_layers3 { position:absolute; top:40px; left:300px; width:400px; height:170px; overflow:hidden; visibility:hidden; z-index:1100; border:1px solid #ccc; background:#fafafa;}
.list_layers3 .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.phone_list_wrap3 {margin:30px auto; width:370px; }
.phone_list03 {overflow:hidden; width:360px; margin:0 auto;}
.phone_list03 li {float:left; margin:0 5px;}
.phone03_select {border:1px solid #a3a2a6; width:63px; height:18px;}
.phone04_select {border:1px solid #a3a2a6; width:68px; height:18px;}

.list_btn03 {clear:both; background:#1a7fbe; width:50px; border:1px solid #2c895c; color:#fff; padding:5px 10px; margin:50px auto; text-align:center;}


.refusal_wrap01 {position:relative;}
.refusal_wrap { width:125px;}
.refusal_wrap li {float:left;}



.refusal_btn {width:450px; margin:0 auto}
.refusal_btn li {float:left;}
.refusal_btn01 {padding:5px 5px 0 15px;}

.refusal_btn02 {overflow:hidden; margin:0 0 10px 0;}
.refusal_btn02_left {float:left;}
.refusal_btn02_right {float:right;}
.refusal_btn02_right li {float:left;}

.refusal_footer {overflow:hidden; margin:10px auto; border:1px solid #a3a2a6; padding:8px 0 8px 190px;}
.refusal_footer li {float:left; margin-right:5px;}


.repeated_layers { position:fixed; top:50%; left:50%; margin-top:-75px; margin-left:-200px; width:400px; height:150px; overflow:hidden;text-align:center; visibility:hidden; z-index:1100; border:5px solid #1a7fbe; background:#fff;}
.repeated_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.repeated_box {padding:10px;}
.repeated_box li {margin:5px;}
.repeated_btn {width:120px; text-align:center; display:inline-block}


.people_layers { position:fixed; top:50%; left:50%; margin-top:-320px; margin-left:-260px; width:600px; overflow:hidden; visibility:hidden; z-index:1500; border:1px solid #ccc; background:#fafafa;}
.people_layers .title_bg {background:#1a7fbe; border:5px solid #1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.people_layers .qqq_box {border:1px solid #cccccc; padding:10px; width:340px; margin:10px auto; font-weight:bold; color:#eb4d5c; line-height:1.4em; background:#fff;}
.people_layers .qqq_text { padding:12px; width:340px; margin:10px auto; color:#191919; line-height:1.4em;}
.people_layers .qqq_layers_btn {background:#3cb47a; padding:3px 10px; color:#fff; font-weight:bold;}
.people_box {padding:10px; font-size:11px; border-bottom:1px solid #bcbcbc; margin-bottom:10px }
.people_text {margin:0 auto; border:1px solid #bcbcbc; width:250px; padding:5px; background:#fff;}
.people_padding {margin:10px auto; width:300px;}
.people_padding2 {margin:10px auto; width:500px;}
.peaple_btn_wrap {width:100px; margin:0 auto;}
.peaple_btn_wrap li {float:left;}
.people_btn01 { background:#1a7fbe; border:1px solid #2c895c; color:#fff; padding:5px 10px; margin:0 auto; text-align:center; margin-right:5px;}
.people_btn02 { background:#ededed; border:1px solid #939393; padding:5px 10px; margin:0 auto; text-align:center;}


.phone_wrap .phone_box .check_wrap {overflow:hidden; margin-top:3px;}
.phone_wrap .phone_box .check_wrap li {float:left;}
.phone_wrap .phone_box .check_wrap .check {margin:0 7px 0 1px}
.phone_wrap .phone_box .check_wrap .check_last {float:right;}

.phone_wrap .btn_wrap {margin:0 auto; padding:10px 0 0 30px;}
.phone_wrap .btn_wrap .btn_test {float:left;}
.phone_wrap .btn_wrap .qqq {float:left; margin:5px 0 0 5px;}
.phone_wrap .btn_wrap .btn_send { clear:both; padding-top:10px; cursor:pointer;}
.phone_wrap .btn_wrap .btn_send2 { clear:both; padding-top:0px; cursor:pointer;}
.qqq_layers { position:fixed; top:50%; left:50%; margin-top:-125px; margin-left:-190px; width:380px; height:250px; overflow:hidden; visibility:hidden; z-index:1500; border:1px solid #ccc; background:#fafafa;}
.qqq_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.qqq_layers .qqq_box {border:1px solid #cccccc; padding:10px; width:340px; margin:10px auto; font-weight:bold; color:#eb4d5c; line-height:1.4em; background:#fff;}
.qqq_layers .qqq_text { padding:12px; width:340px; margin:10px auto; color:#191919; line-height:1.4em;}
.qqq_layers .qqq_layers_btn {background:#3cb47a; padding:3px 10px; color:#fff; font-weight:bold;}


/* 주소록 버튼 */
.add_wrap {width:730px; height:475px; overflow:hidden; position:relative;}
.btn_wrap {overflow:hidden;}
.add_wrap .top_btn li {float:left; }
.add_wrap .top_btn .btn {margin-right:5px;}
.add_wrap .top_btn .input {margin-left:50px;}
.add_wrap .top_btn .btn_last {float:right;}

.m_title {display:inline; line-height:50px; font-weight:700; font-family: 'nanum gothic',  sans-serif;}

.add_layers { position:absolute; top:0px; left:348px; width:380px; height:250px; overflow:hidden; visibility:hidden; z-index:1100; border:1px solid #ccc; background:#fafafa;}


/* 주소록 표 */
.add_wrap .chart_wrap { height:232px; border-left:1px solid #bcbcbc; border-top:1px solid #bcbcbc; border-right:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; margin-top:10px; overflow:auto; background:#fff;}
.chart_line {border-right:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; padding:5px;}
.chart_line_last {border-bottom:1px solid #bcbcbc; padding:5px;}


.change_layers { position:absolute; top:-0px; left:160px; width:700px; overflow:hidden; visibility:hidden;z-index:1100; border:1px solid #ccc; background:#fafafa;}
.change_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}


.add_revise_layers { position:fixed; top:50%; left:50%; margin-top:-70px; margin-left:-150px; width:300px; height:170px; overflow:hidden; visibility:hidden;  z-index:2000; border:5px solid #1a7fbe; background:#fff;}
.add_revise_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.add_revise {border-left:1px solid #a3a2a6; border-top:1px solid #a3a2a6; overflow:hidden;}
.add_revise td {border-right:1px solid #a3a2a6; border-bottom:1px solid #a3a2a6; overflow:hidden; text-align:center; padding:5px;}


/* 주소록 버튼 */
.btn_wrap02 {overflow:hidden; margin-top:10px;}
.add_wrap .top_btn li {float:left;}
.add_wrap .top_btn .btn {margin-right:5px;}
.add_wrap .top_btn .btn02 {margin:0 8px 0 15px; }
.add_layers02 {position:fixed; top:50%; left:50%; margin-left:-320px; margin-top:-120px; width:640px; height:240px; overflow:hidden; visibility:hidden; z-index:1100; border:5px solid #1a7fbe; background:#fff;}
.add_layers02 .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.add_layers02_text {padding:10px;}
.add_layers02_text li {margin:3px;}

.add_layers04 {position:fixed; top:50%; left:50%; margin-left:-290px; margin-top:-50px; width:580px; height:100px; overflow:hidden; visibility:hidden; z-index:1100; border:5px solid #1a7fbe; background:#fff;}
.add_layers04 .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.add_layers04_text {padding:20px;}


.btn_wrap03 {overflow:hidden; margin-top:10px;}
.check_align {padding:3px 5px 0 0;}
.top_btn li {float:left;}
.top_btn .btn {margin-right:5px;}
.top_btn .btn02 {margin:0 8px 0 15px; }
.add_layers03 { position:absolute; top:350px; left:200px; width:380px; height:100px; overflow:hidden; visibility:hidden; z-index:1100; border:1px solid #ccc; background:#fafafa;}

.send_paging {text-align:center; padding:10px 0 3px 0;}

/* 외부파일 불러오기 */
.title_bg {background:#313131; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.local_desc01_text {padding:10px; line-height:1.3em;}
.juso_text {margin:10px 0; border:1px solid #c7c7c7;}
.juso_file {width:290px; margin:10px auto; overflow:hidden; padding-bottom:5px;}



/* 스케쥴 */
.schedule_wrap {bordeR-left:1px solid #c7c7c7; bordeR-top:1px solid #c7c7c7; position:relative;}
.schedule_wrap .month_wrap {border-bottom:1px solid #c7c7c7; overflow:hidden; background: #7ab5da; width:100%; height:124px;}
.schedule_wrap .schedule_list {bordeR-right:1px solid #c7c7c7; padding:8px 15px; font-weight:bold; font-size:1.4em; color:#ff6463; overflow:hidden;}

.schedule_wrap .month_wrap .schedule_number {overflow:hidden; padding:40px 0;}
.schedule_wrap .month_wrap .schedule_number li {float:left}
.schedule_wrap .month_wrap .schedule_number .schedule_month {font-weight:900; font-size:4.6em; color:#fff; position:absolute; top:70px; left:50%; margin-left:-50px; }
.schedule_wrap .month_wrap .schedule_number .schedule_arrow_l {float:left; margin-left:20px; cursor:pointer;}
.schedule_wrap .month_wrap .schedule_number .schedule_arrow_r {float:right; margin-right:20px; cursor:pointer;}
.schedule_wrap .schedule_table {border-bottom:1px solid #c7c7c7; }
.schedule_wrap .schedule_table th {padding:10px 0;border-right:1px solid #c7c7c7;}
.schedule_wrap .schedule_table td {border-right:1px solid #c7c7c7;border-top:1px solid #c7c7c7; height:120px;}
.schedule_wrap .schedule_table .schedule_text {height:100px; width:120px; padding:5px; overflow:hidden}


.schedule_btn { margin:10px 0;overflow:hidden;}
.schedule_btn .schedule_btn_left {float:left; padding-bottom:10px; }
.schedule_btn .schedule_btn_left li {float:left; margin-right:5px;}
.schedule_btn .schedule_btn_right {float:right}
.schedule_btn .schedule_btn_right li {float:left; margin-left:5px;}

.schedule_layers {position:fixed; top:50%; left:50%; margin-left:-350px; margin-top:-290px; width:700px; height:580px; visibility:hidden; overflow:hidden; z-index:1100; border:5px solid #1a7fbe; background:#fff;}
.schedule_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em;}
.schedule_layers_text {overflow:hidden; text-align:center; overflow:hidden; margin:15px auto; width:450px;}
.schedule_layers_text li {float:left;}


.add_phone {overflow:hidden;float:left; margin-left:10px;}
.add_contents {float:left;}

.schedule_layers_table { text-align:center; width:400px; height:393px; overflow:auto; margin:0 0 0 10px;}
.schedule_layers_table table {border-left:1px solid #c7c7c7; border-top:1px solid #c7c7c7;}
.schedule_layers_table td {border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; }

.schedule_layers_tab {border:1px solid #c7c7c7;height:200px;}
.schedule_layers_tab_btn {overflow:hidden; float:right; margin:10px 5px 0 0; }
.schedule_layers_tab_btn li {float:left;}
.schedule_layers_tab_btn_send {clear:both}


.schedulelist_wrap {border:1px solid #c7c7c7; overflow:hidden; padding:10px 0 10px 250px; margin:20px 0;}
.schedulelist_wrap li {float:left; margin-right:10px;}
.schedule_layers_int {overflow:hidden; width:400px; padding:10px 0;}


/* 계산서요청 */
.bill_table {border-left:1px solid #c7c7c7; border-top:2px solid #1a7fbe;  margin:1px 0;}
.bill_table th {border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:10px 0 10px 90px;background:#dae0e9; font-weight:bold; text-align:left; color:#404040; }
.bill_table td {border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:10px 0 10px 20px;}
.agree {overflow:auto; width:978px; height:100px;bordeR:1px solid #c7c7c7; margin-top:10px; padding:10px;}
.bill_check {text-align:center; padding:10px 0 0;}
.text_box2 {border:1px solid #c7c7c7; padding:10px; line-height:1.5em; margin-bottom:10px; color:#2c2c2c;}
.text_box2 ul {margin:10px;}
.bill_font {font-weight:bold; font-size:1.2em; margin:0 0 5px 0;}
.bill_font2 {color:#ff5959;font-weight:bold; font-size:1.1em;}
.bill_font3 {color:#ff5959;}
.bill_font4 {color:#5b5b5b; font-weight:normal; font-size:0.9em;}

/* 견적서요청 */
.estimate_wrap {position:relative;}

.esti_table {border-left:1px solid #c7c7c7; border-top:2px solid #1a7fbe;  margin:1px 0;}
.esti_table th {border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:10px; color:#404040; text-align:left; padding-left:110px;}
.esti_table td {border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:10px 0 10px 20px;} 

.esti_table2 {border-left:1px solid #c7c7c7; border-top:2px solid #1a7fbe; text-align:center;}
.esti_table2 td {border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;padding:10px; color:#404040; padding:5px;} 

.esti_table3 {border-left:1px solid #c7c7c7; border-top:2px solid #1a7fbe; text-align:center;}
.esti_table3 td {border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;padding:10px; color:#404040; padding:5px;} 

.char_padding {margin:10px 0 0;}
.esti_text {color:#ff5959;}
.char_textbox3 {border:1px solid #c7c7c7; width:300px; height:20px;}
.char_textbox4 {border:0; width:90px; height:20px;}

.estimate_layers { position:absolute; top:-203px; left:160px; width:700px; overflow:hidden; visibility:hidden;z-index:1100; border:1px solid #ccc; background:#fafafa;}
.estimate_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.estimate_text {padding:20px 20px 5px 20px;}
.estimate_text li {padding:0 0 10px 0;}

.estimate_box_wrap {padding:10px;}
.estimate_box_wrap .estimate_box {border:1px solid #1a7fbe; padding:30px; overflow:hidden;}
.estimate_box_wrap .estimate_box .estimate_logo {width:350px; overflow:hidden;float:left;}
.estimate_box_wrap .estimate_box .estimate_icons {float:right;}
.estimate_box_wrap .estimate_box .estimate_title {font-size:4.5em; clear:both; color:#3a3a3a; text-align:center; padding:20px 0 0 0; font-family: 'nanummyeongjo', serif; font-weight:bold;  }
.estimate_table {margin:50px 10px; width:620px;}
.estimate_table th {text-align:left; padding:5px;}
.estimate_table td {text-align:left; padding:5px;}
.estimate_btn {margin:0 auto; width:350px; padding:20px 0 10px 0; overflow:hidden;}
.estimate_btn li {float:left;}
.estimate_space {margin-right:5px;}

.esti_table {border-left:1px solid #c7c7c7; border-top:2px solid #1a7fbe;  margin:1px 0;}
.esti_table th {border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:10px;background:#dae0e9; font-weight:bold; text-align:center; color:#404040; }
.esti_table td {border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:10px;}
.esti_table_bg {background:#dae0e9; font-weight:bold; text-align:center}

/* tab */

.sub_tab { width:100%;  margin-top:23px; margin-bottom:20px;}

.tab2 td{
padding:0; margin:0; 
text-align:center; cursor:pointer;
font-size:14px;
letter-spacing:-1px;

}

.tab2 td a:hover{
text-decoration:none;
}

.selectBox4{
font-weight:bold;
color:#fff;
background-color:#1a7fbe;
}
.selectBox4 a{
color:#fff;
font-size:14px;
font-family:dotum;
font-weight:bold;
}
.selectBox4 a:hover{
color:#fff;
font-size:14px;
font-family:dotum;
font-weight:bold;
}

.no_select {bordeR:1px solid #333}

.noSelectBox4{


background-color:#fff;
}
.noSelectBox4 a{

color:#898989;
letter-spacing:-1px;
font:14px '돋움'
font-weight:bold;
}
.noSelectBox4 a:hover{
letter-spacing:-1px;
color:#898989;
font:14px '돋움'
font-weight:bold;
}

/*sb 탭메뉴CSS */


/* tab */

.sub_tab2 { width:100%;  margin-top:23px; margin-bottom:20px; border-bottom:1px solid #f00; }

.tab3 td{
padding:0; margin:0; 
text-align:center; cursor:pointer;
font-size:14px;
letter-spacing:-1px;

}

.tab3 td a:hover{
text-decoration:none;
}

.selectBox5{
font-weight:bold;
color:#fff;
border-left:1px solid #ff5959;border-top:1px solid #ff5959;border-right:1px solid #ff5959;
background-color:#ff5959;
}
.selectBox5 a{
color:#fff;
font-size:14px;
font-family:dotum;
font-weight:bold;
}
.selectBox5 a:hover{
color:#fff;
font-size:14px;
font-family:dotum;
font-weight:bold;
}

.no_select2 {bordeR-left:1px solid #ff5959;bordeR-top:1px solid #ff5959;bordeR-right:1px solid #ff5959;}

.noSelectBox4{


background-color:#fff;
}
.noSelectBox4 a{

color:#898989;
letter-spacing:-1px;
font:14px '돋움'
font-weight:bold;
}
.noSelectBox4 a:hover{
letter-spacing:-1px;
color:#898989;
font:14px '돋움'
font-weight:bold;
}

/*sb 탭메뉴CSS */


/* 이모티콘 저장 */
.emoticon_save_wrap {border:1px solid #c7c7c7; overflow:hidden; margin:10px 0;}
.emoticon_save_wrap .emoticon_save {overflow:hidden; padding:10px 0px 0 32px; height:500px;}
.emoticon_save_wrap .emoticon_save_page {}
.emoticon_save_wrap .emoticon_save_btn {margin:15px auto; overflow:hidden;}
.emoticon_save_wrap .emoticon_save_btn li {float:left; margin-right:10px; text-align:center;}


 

/* 달력 검색 */
.confirm_search {margin:30px auto; padding:10px; width:100%; overflow:hidden; background:#fff;}
.confirm_search_c {width:600px; overflow:hidden; margin:0 auto;}
.confirm_search li { float:left; margin:0 5px 0 0 ; }
.confirm_search_margin {padding:5px;}

.confirm_select {overflow:hidden;}
.confirm_select li {float:left; margin:0 6px 20px 0 ;}


.confirm_search2 {margin:20px auto; padding:10px; width:100%; overflow:hidden; background:#fff;}
.confirm_search2 li { float:left; margin:0 5px 0 0 ; }


/* 전송내역 상세보기 */
.send_wrap {overflow:hidden;}
.letter_wrap {border:1px solid #c7c7c7; width:250px; height:231px; margin-right:16px; float:left;overflow-x:hidden;}
.letter_wrap .letter {width:210px; padding:10px; line-height:1.5em;}
.detail_wrap {width:730px; float:left;}

.detail_board {border-left:1px solid #c7c7c7; border-top:1px solid #c7c7c7;}
.detail_th {border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:7px;}
.detail_td {border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; text-align:center; padding:7px;}

.detail_btn_wrap {overflow:hidden; margin:10px 0;}
.detail_btn_wrap .detail_search { float:left; }
.detail_btn_wrap .detail_search input.search { height:23px; border:1px solid #c0c0c0; }
.detail_btn_wrap .detail_search input.btn_search { background:#333; color:#fff; border:0; padding:5px;}
.detail_btn_wrap .datail_btn {float:right;}
.detail_btn_wrap .datail_btn li { float:left; margin-right:5px; }

.detail_tabmenu {width:447px; overflow:hidden; border-left:1px solid #c7c7c7; border-top:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; margin:10px 0;}
.detail_tabmenu li {float:left;}
.detail_tab_on {padding:10px 40px; display:block; background:#3dac76; color:#fff; font-weight:bold; font-size:1.2em;}
.detail_tab_off {padding:10px 40px; display:block; background:#fff; color:#4f4f4f; font-weight:bold; font-size:1.2em;}




/* 주소록 그룹&수신거부&기념일관리 */
.group_wrap {overflow:hidden; position:relative; margin-bottom:10px;}
.group_wrap .group01_wrap { width:500px;  margin-right:16px; float:left; }
.group_wrap .group01_wrap .group01 {border:1px solid #c7c7c7; width:498px; height:200px; background:#fff; margin-right:16px; float:left; overflow:scroll;overflow-x:hidden;}
.group_wrap .group01_wrap .group01_contents {padding:10px; line-height:1.5em;overflow:hidden;}
.group_wrap .group01_wrap .group01_contents li {float:left;margin-bottom:10px; background:#fff}
.group_wrap .group01_wrap .group01_bottom {background:#dbe0e9; overflow:hidden; border:1px solid #dbe0e9; width:498px;}
.group_wrap .group01_wrap .group01_bottom ul {overflow:hidden; width:355px; margin:0 auto; padding:10px 0;}
.group_wrap .group01_wrap .group01_bottom li {float:left; margin-right:20px;}

.group_wrap .group02 {bordeR:1px solid #c7c7c7; width:480px; float:right; height:245px; background:#f9f9f9;}
.group_wrap .group02 .group02_btn { width:280px; margin:20px auto; overflow:hidden;}
.group_wrap .group02 .group02_btn li { float:left; margin-right:10px;}
.group_wrap .group02 .group02_contents {border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:10px; overflow:hidden;margin:20px;}
.group_wrap .group02 .group02_contents li {margin:20px auto; width:250px;}

.group_wrap02 {overflow:hidden; margin-bottom:10px;}
.group_wrap02 .group01_wrap { width:500px;  margin-right:16px; float:left; }
.group_wrap02 .group01_wrap .group01 {border:1px solid #c7c7c7; width:498px; height:200px; background:#fff; margin-right:16px; float:left; overflow:scroll;overflow-x:hidden;}
.group_wrap02 .group01_wrap .group01_contents {padding:10px; line-height:1.5em;overflow:hidden;}
.group_wrap02 .group01_wrap .group01_contents li {float:left;margin-bottom:10px; background:#fff}
.group_wrap02 .group01_wrap .group01_bottom {background:#dbe0e9; overflow:hidden; border:1px solid #dbe0e9; width:498px;}
.group_wrap02 .group01_wrap .group01_bottom ul {overflow:hidden; width:355px; margin:0 auto; padding:10px 0;}
.group_wrap02 .group01_wrap .group01_bottom li {float:left; margin-right:20px;}

.group_wrap02 .group02 {bordeR:1px solid #c7c7c7; width:480px; float:right; height:245px;}
.group_wrap02 .group02 .group02_btn { width:280px; margin:20px auto; overflow:hidden;}
.group_wrap02 .group02 .group02_btn li { float:left; margin-right:10px;}
.group_wrap02 .group02 .group02_contents {border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:10px; overflow:hidden;margin:20px;}
.group_wrap02 .group02 .group02_contents li {margin:20px auto; width:250px;}


.group_board_btn {overflow:hidden;margin:20px 0; border:1px solid #c7c7c7; padding:15px; background:#f4f4f4;}
.group_board_btn ul {margin-left:280px;}
.group_board_btn li {float:left; margin-right:8px;}
.group_board_top {overflow:hidden; margin:10px 0;}
.group_board_top li {float:left; margin-right:8px;}
.group_board_top .top_btn {float:right;}
.group_board_top01 {float:left;}
.group_board_top02 {float:right;}



/* 요금안내 충전하기 */
.char_bank {font-family: 'Jeju Gothic', serif; color:#16439d; font-weight:normal;}
.char_tit {border:1px solid #ccc; background:#e7ebf2; text-align:center; padding:20px; font-size:20px;}
.char_con {width:100%;}
.char_con:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.char_con ul {width:100%; clear:both;}
.char_con li {float:left; border-bottom:1px dashed #ccc; padding:20px; box-sizing: border-box; color:#444; font-size:16px;font-family: 'Jeju Gothic', serif;}
.char_con li:first-child {width:30%;}
.char_con li:last-child {width:70%;}
.char_txt {color:#666; font-size:14px; padding:20px;}



.char_tabmenu {width:192px; overflow:hidden;margin:20px 0 0;}
.char_tabmenu li {float:left;}
.char_tab_on {padding:10px 40px; display:block; background:#ffb43d; color:#fff; font-weight:bold; font-size:1.2em;}
.char_tab_off {padding:10px 40px; display:block; background:#fff; color:#4f4f4f; font-weight:bold; font-size:1.2em;}

.char_textbox {border:1px solid #c7c7c7; padding:10px;}
.char_textbox2 {border:1px solid #c7c7c7; padding:10px; text-align:center;}
.char_textbox2 li {margin:0 0 5px 0; color:#4f4f4f;}

.char_table {border-left:1px solid #c7c7c7; border-top:2px solid #1a7fbe;  margin:5px 0;}

.char_table_line {border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; text-align:center;}
.char_table_line2 {border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; text-align:left;}
.char_td_line {border-right:1px solid #c7c7c7;}
.char_greenbold {color:#1ca160; font-weight:bold;}
.char_green {color:#092656;}
.char_pink {color:#ff5959;}
.char_pay_btn {width:200px; padding:20px; margin:30px auto; text-align:center; font-weight:normal; border-radius:5px; font-size:16px;font-family: 'Jeju Gothic', serif; background-color:#0a4985;}


/* 마이페이지 */
.my_search {overflow:hidden; margin:35px 0 20px 0;}
.my_search li { float:left; margin:0 5px 0 0 ; }
.confirm_search_margin {padding:5px;}

.confirm_select {overflow:hidden;}
.confirm_select li {float:left; margin:0 6px 7px 0 ;}

.point_title_wrap {margin:10px 0; overflow:hidden;}
.point_title_wrap li {float:left;}


/* 회원정보관리 */
.my_info {}
.my_info table {border-top:1px solid #c7c7c7; margin:10px 0;}
.my_info th {border-bottom:1px solid #c7c7c7; padding:10px 0 10px 60px;background:#efebf1; font-weight:bold; text-align:left; color:#404040; }
.my_info td {border-bottom:1px solid #c7c7c7; padding:10px 0 10px 20px;}
.my_textbox {border:1px solid #c7c7c7; width:200px; height:20px;}
.my_textbox2 {border:1px solid #c7c7c7; width:100px; height:20px;}
.my_textbox3 {border:1px solid #c7c7c7; width:500px; height:40px; overflow:auto;}
.my_title {font-weight:bold; font-size:1.5em; font-family: 'Jeju Gothic', serif; font-weight:lighter; margin:20px 0 7px 7px; color:#27332d}
.my_title02 {font-weight:bold; font-size:1.3em; font-family: 'Jeju Gothic', serif; font-weight:lighter; margin:20px 0 7px 7px;color:#484848}
.my_title03 {font-weight:bold; font-size:1.5em; font-family: 'Jeju Gothic', serif; font-weight:lighter; margin:20px 0 7px 7px; color:#27332d;}
.my_sub_wrap {border:1px solid #c7c7c7; padding:10px; background:#f8f8f8;}
.my_sub {font-size:11px; color:#6e6e6e;}
.my_sub02 {font-size:1.2em; color:#ff5959; font-weight:bold; margin-bottom:3px;}
.my_text {line-height:1.4em; color:#6e6e6e;}
.myinfo_btn {width:200px; margin:20px auto; overflow:hidden;}
.myinfo_btn li {float:left; margin-right:5px;}

.mypage03_text {font-size:0.7em; margin-left:10px; color:#ff5959;}
.mypage03_text02 {font-size:0.7em; color:#686868;}


.emoticon_wrap {
	padding:30px 0;
}
#emoticon_group_box {
	position:relative;
	top:0;
	left:0;
	right:0;
}
.emoti_allow_left {
	position:absolute;
	top:150px;
	left:-25px;
}
.emoti_allow_right {
	position:absolute;
	top:150px;
	right:-28px;
}

/* 하단 레이아웃 */
.emoticon {margin-top:0px; width:1000px;}
.emoticon_layers {  width:978px; height:540px; padding:10px; z-index:1100; border:1px solid #ccc; background:#fafafa;}


.emoticon_btn {background:url(/img/emoticon_btn_bg01.png); width:150px; height:35px; text-align:center;  background-repeat:no-repeat; font-family: 'Jeju Gothic', serif; font-weight:lighter; font-size:1.2em; cursor:pointer;}
.e_tab_wrap {border-top:1px solid #bcbcbc;border-left:1px solid #bcbcbc; background:#fff;}
.e_tab {border-right:1px solid #bcbcbc;border-bottom:1px solid #bcbcbc; text-align:center; cursor:pointer;}
.emoticon_box {background:url(/img/m_bg.png); width:160px; height:80px; background-repeat:no-repeat; padding:30px 0px; vertical-align:top;text-align:justify; line-height:1.3em;}
.page {padding:5px; font-size:1.2em; }
.emoticon_btn_bg {background:url(/img/emoticon_btn_bg.png); width:150px; height:35px; color:#fff; font-weight:bold;}
.emoticon_btn_new {background-color:#444; padding:10px 20px; border-radius:5px; color:#fff; font-size:16px; font-weight:bold;}
.emoticon_btn_new02 {background-color:#39588b; padding:10px 20px; border-radius:5px; color:#fff; font-size:16px; font-weight:bold;}

.my_emoticon_layers { position:fixed; top:50%; left:50%; margin-top:-250px; margin-left:-500px; width:978px; height:500px; padding:10px; overflow:hidden; visibility:hidden; z-index:1100; border:1px solid #ccc; background:#fafafa;}
.my_emoticon_box {width:900px; margin:0 auto; margin-left:46px;}
.my_emoticon_box ul {margin-right:20px;}



#ft {min-width:1000px;background:#fff; margin-top:10px; padding:0 0 10px 0; overflow:hidden; }
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}

#ft_catch {margin:0 auto;padding:20px 0 0;width:1000px;font-family: 'Jeju Gothic', serif; font-weight:normal; font-size:1.0em; color:#565656; line-height:18px;}
#ft_catch li {float:left; padding:0 20px 0 0;}
#logo_tail {margin:5px 0 0 0; float:left; clear:both; font-size:32px; font-weight:700; font-family: 'Noto Sans KR', sans-serif;}
#logo_tail img {width:150px;}
#ft_catch .logo_tail {margin-right:40px;}

#ft_company {text-align:center}

#ft_copy {background:#fff; color:#000;border-top:1px solid #c7c7c7;}
#ft_copy div {position:relative;margin:0 auto;padding:20px 0 10px 0;width:1000px; overflow:hidden; padding-left:30px;}
#ft_copy li {float:left;font-family: 'Jeju Gothic', serif; font-weight:normal; font-size:1.1em; margin-right:40px; color:#565656;}
#ft_copy a {display:inline-block;margin:0 10px 0 0;color:inherit}
#ft_copy #ft_totop {position:absolute;top:10px;right:0}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#1a7fbe;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #1a7fbe;background:#1a7fbe;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}



/* 쌩코딩 게시판 */
.board_wrap {border-top:3px solid #1a7fbe; border-bottom:1px solid #1a7fbe; width:100%; padding:10px 0;}
.board_wrap .board_line_top {padding:4px 0 10px 0; text-align:center; vertical-align:middle; border-bottom:1px solid #1a7fbe; font-weight: bold;}
.board_wrap .board_line_top_list {padding:4px 0 10px 0; text-align:center; vertical-align:middle; border-bottom:1px solid #1a7fbe;}

.board_wrap .board_line {padding:5px; text-align:center; vertical-align:middle; border-bottom:1px solid #c0c0c0;}
.board_wrap .board_line_bottom {padding:5px 0 0 ; text-align:center; vertical-align:middle;}
.board_page {margin-top:15px;}

.confirm_img {width:996px; border:1px solid #ccc; margin:40px 0 0 0; padding-bottom:20px;}
.confirm_img2 {margin:0px auto; width:752px; padding:40px 0 0 ;}

.spam_wrap_wrap {overflow:hidden; margin:10px 0 0 ;}
.spam_wrap {width:310px; border:1px solid #ccc; overflow:hidden; padding:10px; float:left;}
.spam_img {width:210px;overflow:hidden; margin:0 auto;}
.spam_img2 {margin:0 auto; width:180px; margin-bottom:10px;}
.spam_btn li {float:left; width:100px; margin-right:5px; }

.spam_wrap2_wrap {margin-top:20px;}
.spam_text {font-family: 'Jeju Gothic', serif; font-weight:normal; font-size:1.8em; color:#565656; }

.spam_spam {overflow:hidden;}
.spam_wrap2 {width:310px; border:1px solid #ccc; overflow:hidden; padding:10px; float:left; margin-top:5px; margin-bottom:10px;}
.spam_wrap2 .spam_img {margin:0 auto; width:221px;}


/* 기본테이블 */

.table_bg {background:#d5ebff; font-weight:bold;}

.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#dae0e9;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}






/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#e1ede7;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1100;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}



/*내가 추가했지롱 */
.group_pop_box {position:fixed; top:50%; left:50%; margin-top:-100px; margin-left:-250px; width:550px; overflow:hidden; visibility:hidden; z-index:1100; border:1px solid #ccc; background:#fff;}

.group_pop_box .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}

.group_pop_box .content_bg {height:150px;background:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px; border:1px solid #ccc;}

 .box_txt {border:0;background:transparent;word-break:break-all;resize:none;overflow:hidden ; }
 .box_square {width:100px;height:90px; margin-top:8px;}







 /* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #e03a28;background:#ea4c3b;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #e03a28;background:#ea4c3b;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}


/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#dae0e9;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:100px;padding:7px 13px;border:1px solid #e2e2e2;border-left:0;background:#dae0e9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:90px}
.grid_3 {width:140px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_default {width:60px;text-align:center}
.td_dvr {width:30px;text-align:center}
.td_group {width:100px;text-align:center}
.td_imgsmall {width:60px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_name {width:100px;text-align:left}
.td_namesmall {width:50px;text-align:left}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_mngsmall {width:50px;text-align:center}
.td_statsmall {width:50px;text-align:center}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 5px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {margin:0 20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 내용관리 */
#ctt {margin:10px 0;padding:10px;border:1px solid #e9e9e9}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1100;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:3px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current, .qa_page {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page, .qa_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
#sidx_img {margin:0 0 20px}
#sidx_img img {max-width:100%;height:auto}

/* 마이페이지 */
#smb_my {margin:10px 0 0 0; position:relative;}

#smb_my_ov {margin:0 0 20px;}
#smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#smb_my_act {margin:0 0 10px;;zoom:1}
#smb_my_act:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_act ul {float:right;margin:0;padding:0;list-style:none}
#smb_my_act li {float:left;margin:0 0 0 4px}
#smb_my_ov dl {margin:0;border:1px solid #e9e9e9;background:#e1ede7;zoom:1}
#smb_my_ov dl:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov dt {float:left;padding:7px 10px;width:100px;border-bottom:1px solid #e9e9e9;font-weight:bold}
#smb_my_ov dd {float:left;margin:0;padding:7px 10px;width:220px;border-bottom:1px solid #e9e9e9}
#smb_my_ovaddt {border-bottom:0 !important}
#smb_my_ovaddd {width:590px !important;border-bottom:0 !important}

#smb_my_od {margin:0 0 20px}
#smb_my_od h2 {margin:0 0 10px;}

#smb_my_wish h2 {margin:0 0 10px;}

.smb_my_more {text-align:right}

.smb_my_img {width:90px;text-align:center}

.out_layers { position:absolute; top:90px; left:200px; width:600px; height:170px; overflow:hidden; visibility:hidden; z-index:1100; border:1px solid #ccc; background:#fafafa;}
.out_layers .title_bg {background:#1a7fbe; color:#fff; text-align:center; font-weight:bold; font-size:1.3em; padding:7px;}
.out_layers .out_text {padding:10px 0; border:1px solid #c7c7c7;}
.out_layers .out_text li {padding:2px;}




/* 장바구니 */
#sod_bsk {}
.sod_img {width:90px;text-align:center}
.sod_opt {margin:5px 0;border:1px solid #e9e9e9;border-bottom:0;background:#f2f5f9}
.sod_opt ul {margin:0;padding:0;list-style:none}
.sod_opt li {padding:3px;border-bottom:1px solid #e9e9e9}
.sod_option_btn .mod_options {margin:0;padding:3px 0;width:100%;border:0;background:#ff882a;color:#fff;cursor:pointer}

#sit_opt_added {margin:0;padding:0;border:1px solid #e9e9e9;border-bottom:0;background:#fff;list-style:none}
#sit_opt_added li {padding:10px 20px;border-bottom:1px solid #e9e9e9}
#sit_opt_added li div {margin:5px 0 0;text-align:right}
#sit_opt_added button {margin:0 0 0 1px}

#sod_bsk_list {position:relative}
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll;overflow-x:none}

#sod_bsk_tot {margin:0 0 20px;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk_tot dt, #sod_bsk_tot dd {float:left;padding:12px 0;border-bottom:1px solid #e9e9e9}
#sod_bsk_tot dt {padding-left:2%;width:48%;font-weight:bold}
#sod_bsk_tot dd {margin:0;padding-right:2%;width:47%;text-align:right}
.sod_bsk_cnt {background:#ff3061;color:#fff}
.sod_bsk_point {border-bottom:0 !important}

#sod_bsk_act {text-align:center}
#sod_bsk_act p {margin:0 0 10px}

/* 위시리스트 */
#sod_ws {}
.sod_ws_img {width:90px;text-align:center}
#sod_ws_act {text-align:center}

/* 주문서 작성 */
.display_setup_message {margin:0 0 10px;padding:15px;border:1px solid #fccdff;background:#ffeef9}
.display_setup_message strong {display:block;margin:0 0 10px}

#sod_frm {}
#sod_frm h2 {margin:0 0 10px}

#sod_frm p {margin:0 0 10px}

#sod_list {position:relative}
#sod_list #cp_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll;overflow-x:none}

#sod_frm_orderer {margin:20px 0 40px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0}

#sod_frm_addr div {position:relative} /* FF 포지션 */
#sod_frm_addr div div {position:absolute;top:-20px;left:170px}

#sod_frm_same {margin:0 0 10px}

#sod_frm #od_memo {height:50px}

#sod_frm p#sod_frm_pt {margin:10px 0 5px}
#sod_frm #sod_frm_pt_alert {margin:0 0 10px}

#sod_frm #display_pay_process {text-align:center}
#sod_frm #display_pay_process span {display:block;margin:5px 0 0}

#sod_frm_pay {position:relative}
#sod_frm_pay h2 {margin:0 0 10px}
#sod_frm_pay .tbl_wrap th {width:auto !important;font-weight:bold;text-align:center !important}
#sod_frm_pay .tbl_wrap td {padding:8px 5px 6px !important;border-top:1px solid #e9e9e9 !important;border-bottom:1px solid #e9e9e9 !important;line-height:1.5em !important;word-break:break-all !important}
#sod_frm_pay_info {margin:0 0 10px}

#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll}

#sod_frm_paysel {margin:0 0 20px;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9;text-align:center}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#settle_bank {margin:10px 0 0}

#sod_frm_escrow {margin:30px 0 0}

#display_pay_process {padding:20px;text-align:center}

/* 배송지 목록 */
#sod_addr .td_mng button {margin:0;padding:0;border:0;background:transparent}

/* 주문내역 */
#sod_v {margin:10px 0 0 0;}
#sod_v .basic_tbl {text-align:center}
#sod_v_info {margin:0 0 10px}

/* 주문상세내역 */
#sod_fin {}

#sod_fin_no {margin:0 0 20px}

#sod_sts_wrap {margin:0 0 10px;text-align:right}
#sod_sts_explan {display:none}

#sod_fin_legend {padding:7px 5px 0;border:1px solid #e9e9e9;text-align:left;zoom:1}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''}
#sod_fin_legend dt {clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold}
#sod_fin_legend dd {float:left;margin:0}

#sod_fin #sod_bsk_tot {border-bottom:0 !important}

#request_form {position:relative}
#request_form div {display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f2f5f9;text-align:center}
#request_form .frm_input {width:300px;background:#fff !important}
#request_form .btn_frmline, #request_form .btn_cancel {vertical-align:middle !important}
#request_form .btn_frmline {padding:0 10px;line-height:1.6em}

#sod_req_btn {margin:0 0 10px}
#sod_req_btn button {background:#626870}

#sod_req_log {margin:0 0 20px}
#sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none}
#sod_req_log li {padding:10px 10px 20px;border:1px solid #e9e9e9;border-top:0}
#sod_req_log h3 {margin:20px 0 10px}
.sod_req_log_view table {margin:0}
.sod_req_log_view caption {padding:10px 0;font-size:1em;font-weight:bold;text-align:left;line-height:1em}
.sod_req_log_view caption span {color:#ff3061}
.sod_req_log_view th {border-top:1px solid #e9e9e9;background:#f7f7f7 !important;color:#000 !important;text-align:center}
.sod_req_log_view td {background:#fff;color:#000}
.sod_req_log_view p {padding:10px 15px;border-bottom:1px solid #e9e9e9;background:#fff;color:#000}
.sod_req_log_view .sod_req_it {width:270px}
.sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer}

#sod_fin_list h2 {margin:0 0 10px}
#sod_fin_list td {height:30px}

#sod_fin_view {border:1px solid #e9e9e9}
#sod_fin_view h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_view h3 {margin:0 0 10px}
#sod_fin_view .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}

#sod_fin_pay {padding:10px;border-bottom:1px solid #e9e9e9}

#sod_fin_orderer {padding:10px;border-bottom:1px solid #e9e9e9}

#sod_fin_receiver {padding:10px;border-bottom:1px solid #e9e9e9}

#sod_fin_dvr {padding:10px}
#sod_fin_dvr .dvr_link {color:#ff3061;text-decoration:underline}

#sod_fin_tot {margin:0 0 30px;padding:10px;border:1px solid #e9e9e9;border-top:0;background:#565e60;color:#fff}
#sod_fin_tot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_tot ul {margin:0;padding:0;list-style:none}
#sod_fin_tot li {padding:10px;border-bottom:1px solid #6f7a7d;zoom:1}
#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot #alrdy {border-bottom:0 !important}
#sod_fin_tot strong {float:right}

#sod_fin_cancel {text-align:center}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_cancel button {padding:10px;border:0;background:#ff3600;color:#fff}
#sod_fin_cancelfrm {display:none;margin:10px 0 0}
#sod_fin_cancelfrm .frm_input {background:#fff}

#sod_fin_test {padding:10px}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#scash_apply {padding:10px 0 20px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}

/* 공지사항 및 커뮤니티 새글 */
#sidx_lat {padding:15px 0 0;border-top:1px solid #ddd}
#sidx_lat h2 {text-align:center}

/* 배너 인덱스 출력 */
#sbn_idx {}

/* 상품검색 */
#ssch_frm {padding:20px;border:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#ssch_frm:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm div {margin:0 0 5px}
#ssch_frm strong, #ssch_frm .ssch_lbl {display:inline-block;width:100px;font-weight:bold}
#ssch_frm .frm_input {background:#fff}
#ssch_frm .btn_submit {padding:0 8px;height:24px}
#ssch_frm p {padding:10px 0;border-top:1px solid #e9e9e9;line-height:1.5em}
#ssch_frm #ssch_sort {float:left;margin:0;padding:0;list-style:none;zoom:1}
#ssch_frm #ssch_sort:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm #ssch_sort li {float:left;margin:0 1px 0 0}
#ssch_frm #ssch_ov {float:right}

#ssch_cate {}
#ssch_cate ul {margin:10px 0;padding:10px 20px 20px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
#ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_cate li {float:left;margin:0 10px 0 0;padding:0 10px 0 0;border-right:1px solid #e9e9e9}
#ssch_cate a {}
#ssch_cate a span {font-weight:bold}

/* 쇼핑몰 이벤트 */
#sev {}
.sev_admin {margin:0 0 10px;text-align:right}

/* 쿠폰 */
#coupon .td_numbig {width:150px}
#coupon .td_datetime {width:180px}


.overlap_list {overflow:auto; height:200px;}

.test4 {
background: rgba(0, 0, 0, 0.7); 
  /* 
    IE8이하는 rgba가 동작하지 않기 때문에 배경 투명도 적용을 위해 filter의 gradient을 대체 이용한다. 
    컬러값 60000000의 8자리 숫자의 의미: 앞 60 불투명도, 나머지 6자리 컬러값.
    startColorstr와 endColorstr의 색을 같게 하여 배경 투명도 처리를 하는것.
    하지만 원래는 그라데이션 처리하는 기법이기 때문에 같은 60% 투명도라고 해도 약간의 차이는 있다.
  */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#700ff000,endColorstr=#70f0000);
  zoom: 1; /* 일반적이진 않지만 ie6, 7 에서 적용 안되는경우 선언. */
background: #000; opacity: 0.7; filter: alpha(opacity=70);
}


.login_chk_layers {position:fixed; top:50%; left:50%; margin-top:-230px; margin-left:-250px; width:560px; height:250px; overflow:hidden; visibility:hidden; z-index:4200; border:1px solid #ccc; background:#fafafa;}
.login_chk_layers .login_wrap {float:left; margin:40px 0 0 30px;}
.login_chk_layers .login_wrap .input_wrap {overflow:hidden; margin-top:27px;}
.login_chk_layers .login_wrap .input_wrap .input { float:left; margin-right:5px;}
.login_chk_layers .login_wrap .input_wrap .btn_layers_login {float:left;}
.login_chk_layers .login_wrap .id_save {color:#6c6c6c; font-weight:bold; margin:10px 0 0 0 ;}
.login_chk_layers .login_wrap .login_btn {margin-top:20px; overflow:hidden; font-size:11px}
.login_chk_layers .login_wrap .login_btn li {float:left;}
.login_banner {float:left; border:1px solid #a9a9a9; margin:10px 30px 0 40px;}



/*style 배성준*/
/*버튼 온오프 스타일*/

.select_sms_style_on{
	width:120px;
	height:45px;
	display:inline;
	border:1px solid #1a7fbe;
	background: #1a7fbe;
	color: #fff;
	font-weight:bold; 
	font-size:1.0em;
}
.select_sms_style_off{
	width:120px;
	height:45px;
	display:inline;
	border:1px solid #1a7fbe;
	background:#fff; 
	color:#4f4f4f; 
	font-weight:bold; 
	font-size:1.0em;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    width: 730px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index:5000;
	margin:12px 0 0 0;
	
   
}
.dropdown-content p{
	font-size:14px;
	color:#323232;
	line-height:20px; 
}
.dropdown:hover .dropdown-content {
    display: block;
}



/* 201007 추가 */
.main_latest {padding:40px 0 10px 0;}
.main_latest:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.main_latest_tit {
    height: 60px;
	position:relative;
	margin:0 0 30px 0;
	border-bottom:1px solid #ccc;
}
.main_latest_tit.blue {
}
.main_latest_tit.yellow {
}

.main_latest_tit h2 {
	font-family: 'Jeju Gothic', serif;
    color: #222;
    font-size: 20px;
    text-align: left;
    font-weight: 500;
    line-height: 60px;
}
.main_latest_tit span {
	position:absolute;
	top:25px;
	right:20px;
	font-size:16px;
	color:#222;
	font-weight: 500;
	font-family: 'Jeju Gothic', serif;
}


.main_latest_box {}



.latest_phone {
	width:227px;
	height:210px;
	position:relative;
	top:0;
	left:0;
	float:left;
	margin:0 10px;
	border:1px solid #ccc;
}
.latest_phone div {
	line-height:1.9;
	font-size:14px;
}
.latest_phone textarea {
	width:208px;
	height:115px;
	border:0;
	background:none;
	line-height:1.9;
	font-size:14px;
}
.latest_phone_hd {border-bottom:1px solid #ccc; padding:5px;}
.latest_phone_hd .back_red {background-color:#db0000; border-radius:2px; padding:3px 5px; color:#fff;}
.latest_phone_hd .back_blue {background-color:#1f59a0; border-radius:2px; padding:3px 5px; color:#fff;}
.latest_phone_con {padding:15px; height:104px;}
.latest_phone_ft {border-top:1px solid #ccc; padding:5px; text-align:right;}


.notice_wrap {overflow:hidden; margin:20px 0; width:100%; border-top:1px solid #ccc;    padding: 20px 0 0 0; }

.notice_wrap .notice_con { width:970px; margin:0 auto;}
.notice_wrap .notice_con .left01 {width:47%; float:left; box-sizing: border-box;border-right:1px solid #ccc;}
.notice_wrap .notice_con .left01 h3 {
	font-family: 'Jeju Gothic', serif;
    font-size: 18px;
	color:#222;
	font-weight:normal;
}
.notice_wrap .notice_con .left01 div {padding:10px 0;}
.notice_wrap .notice_con .left01 li {float:left; font-size:30px; color:#0157a7; font-weight:800; line-height:28px;  font-family:'nanum gothic', serif; margin:0 0 20px 0;  }
.notice_wrap .notice_con .left01 li p {font-size:12px; line-height:20px; text-align:center; padding:0 15px; background:#fff; color:#3f95ed; margin:0 0 2px 15px; font-family:'nanum gothic', serif;     } 
.notice_wrap .notice_con .left01 p {clear:both; color:#555; font-family:'nanum gothic', serif; font-weight:bold; font-size:15px; line-height:17px; }

.notice_wrap .notice_con .left02 {width:50%; float:right; box-sizing: border-box; }
.notice_wrap .notice_con .left02 h3 {
	font-family: 'Jeju Gothic', serif;
    font-size: 18px;
	color:#222;
font-weight:normal;
}
.notice_wrap .notice_con .left02 h2 {border-bottom:1px solid #4d4d4d; width:28px; clear:both; margin:8px 0 0 0; }

.notice_wrap .right { width:277px; height:165px; float:left; background:#fff; margin:0 0 0 20px; }
.notice_wrap .right img {margin:10px auto 5px; display:block; text-align:center; }
.notice_wrap .right div {}
.notice_wrap .right h3 {font-size:18px; font-family:'noto sans kr', serif; margin:10px 0 0 5px; font-weight:normal; line-height:19px; text-align:center;  }
.notice_wrap .right p {font-size:14px; font-family:'noto sans kr', serif; margin:6px 0 0 5px; line-height:18px; color:#333333;clear:both; text-align:center; }

/* main */
.con_back {    padding-top: 115px;}
.main_banner {padding-top:143px;}

.index_bn_wrap {}
.index_bn_wrap:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.bn_box {width:25%; float:left; padding:5px; box-sizing: border-box; text-align: center;}
.bn_box div {border:1px solid #ccc; padding:40px 0; height:134px;background-color:#fff; }
.bn_box div h2 {font-size:20px; color:#444;  font-family: 'Jeju Gothic', serif; font-weight:normal; padding:0 0 10px 0; }
.bn_box div p {font-size:13px; color:#666; font-weight:normal; padding:0 0 20px 0; }