﻿
/* Reset */
html,body{width:100%;height:100%; font-family: 맑은 고딕,Malgun Gothic;letter-spacing:-.3px;overflow: auto;}
textarea{font-family: "나눔고딕","nanumGothic",serif;}
html{font-size:10px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-size:12px;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
a:hover{text-decoration:none}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#222;text-decoration:none}
button *{position:relative}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
.cf:after {
  display: block;
  content: '';
  clear: both;
}

/**/
#pop_wrap{background:#f6f6f6;width:570px;height:720px;}
#pop_wrap .header {width:100%;height:64px;background:url(../img/header_bg.gif) repeat-x}
#pop_wrap .header span {float:right;margin:23px 15px 0 0;display:block;background:url(../img/logo.png) no-repeat;width:168px;height:17px}
#pop_wrap .header h1 {float:left;color:#fff;font-size:21px;padding:17px 0 0 25px}
#pop_wrap .content h2 {font-size:16px;color:#434750;padding:25px 0 0 34px; background:url(../img/title_deco.gif) no-repeat 25px 34px}
#pop_wrap .box {width:524px;height:500px;background:#fff;margin:0 auto;border-radius:3px;box-shadow:0px 0px 8px #e2e2e2;margin-top:16px;margin-bottom:24px}
#pop_wrap .box2 {width:524px;height:457px;background:#8d98a6;margin:0 auto;margin-top:16px;margin-bottom:24px}
#pop_wrap .box2 .box {width:100%;height:99px;box-shadow:0px 0px 8px #86909e;margin-top:0;margin-bottom:8px}
#pop_wrap .box2 .box:last-child {margin-bottom:17px}
#pop_wrap .text-box{padding:15px;height:calc(100% - 30px); overflow-y:auto;color:#66676b;font-size:13px;line-height:1.8}
#pop_wrap .text-box .gray_box {background:#f6f6f6; padding:15px 20px}
#pop_wrap .text-box .b_text {font-weight:bold;color:#484848}
#pop_wrap .text-box h3{color:#ff7f00;font-size:14px}
#pop_wrap .content {border-bottom:1px solid #d8d9db}
#pop_wrap .footer {padding-top:16px;height:70px;border-top:1px solid #fff;width:100%}
#pop_wrap .footer a{text-align: center;display: block;}
#pop_wrap p.guide {padding:7px 0 0 33px;color:#5d5f65;line-height:1.5}
.list-box ul {padding:15px}
.list-box ul li {float:left;height:65px}
.list-box ul li h3 {color:#434750 !important;font-size:16px !important;}
.list-box ul li p {color:#93969f;line-height:1.3em;font-size:12px;margin-top:3px;letter-spacing:-0.4px}
.list-box ul li:last-child{padding-left:13px;border-left:1px solid #dcdcdc;}
.list-box ul li:first-child{font-size:25px;color:#fb7a05;font-weight:bold;margin-top:8px;padding-right:16px}
#pop_wrap .tabmenu ul {width:524px;height:53px;border:1px solid #c3c3c3;margin:9px auto 0 auto;border-top:2px solid #ff8b15}
#pop_wrap .tabmenu li{float:left;text-align:center;height:53px;border-right:1px solid #c3c3c3;border-left:#fbfbfb;background:url(../img/tab_bg.gif) repeat-x;color:#434750;line-height:1.2;display:table;cursor: pointer;}
#pop_wrap .tabmenu li span{display:table-cell;vertical-align:middle}
#pop_wrap .tabmenu li:last-child {border-right:none}
#pop_wrap .tabmenu li:first-child {border-left:none}
.tab_content .box {height:435px !important}
.tab_content {display: none;}
.tab_content.current {display: block;}