@charset "utf-8";
/* 나눔스퀘어 */
@font-face{
  font-family: 'NanumS';
  font-weight: 400;
  src:url('/common/font/NanumSquareR.eot');
  src:url('/common/font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
  url('/common/font/NanumSquareR.woff') format('woff');
}
@font-face{
  font-family:'NanumS';
  font-weight: 600;
  src:url('/common/font/NanumSquareB.eot');
  src:url('/common/font/NanumSquareB.eot?#iefix') format('embedded-opentype'),
  url('/common/font/NanumSquareB.woff') format('woff');
}
.disN{display: none;} /* 대체텍스트나 텍스트를 숨겨야 하는 상황이 아닌 그냥 객체자체를 노출 시키고 싶지 않을 때 사용 */
/* reset */
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;}
html,body,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,blockquote,pre,button,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td,iframe,article,aside,canvas,details,embed,figure,figcaption,header,footer,menu,nav,section,summary,audio,video{margin:0;padding:0;border:0;}
* { -webkit-text-size-adjust: none; }
b,strong{font-weight:600;}
em,dfn,cite,address,i{font-style:normal;}
mark{background-color:#ff0;color:#000;}
small{font-size:90%;}
sup,sub{position:relative;font-size:0.9em;line-height:0;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
del{text-decoration:line-through;}
label{cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
/* form reset */
input{font-size:inherit;font-family:inherit;color:inherit;vertical-align:middle;}
input[type="file"]{border:none;}
input[type="image"]{height:auto;margin:0;border:none;padding:0;line-height:inherit;}
input[type="radio"],input[type="checkbox"]{border:none;}
button{margin:0;padding:0;background:none;border:none;text-transform:none;vertical-align:middle;}
button,[type="button"],[type="reset"],[type="submit"]{margin:0;padding:0;background:none;border:none;cursor:pointer;}
select{font-size:inherit;font-family:inherit;color:inherit;text-transform:none;vertical-align:middle;}
textarea{font-size:inherit;font-family:inherit;color:inherit;vertical-align:middle;resize:none;}
input[disabled="disabled"]{background:#ebebeb;color:#959595;}
select[disabled="disabled"]{background:#ebebeb;color:#959595;}
/* form base style */
input{margin:1px;padding:1px 3px;border:solid 1px #dedede;}
/* input[type="submit"]{height:28px;line-height:24px; background: #000;} */
input[type="radio"],input[type="checkbox"]{width:14px;height:14px;}
input[type="text"],input[type="password"] { height:26px; line-height:22px;}
select{/* height:28px; padding:1px 0 1px 3px;*/border:solid 1px #dedede;background:#fff;/* line-height:24px; */}
textarea{min-height:80px;padding:1px 3px;border:solid 1px #dedede;line-height:25px;}

/* link style */
a {color:#404040; text-decoration: none;}
a:visited{color:#636363;text-decoration:none;}
a:hover,
a:active{color:#000;}
/* jump menu */
#jump_menu{height:0px;position:relative;z-index:100000;}
#jump_menu > ul > li{text-align:center;}
#jump_menu > h1{ width:0; height:0; overflow:hidden; white-space:nowrap; }
#jump_menu > ul > li > a { position:absolute; display: block; color:#fff; font-size:1.5em; top:-10000px; left:0px;
box-sizing: border-box; border:2px solid #262626; z-index:10000; font-weight: 600; }
#jump_menu > ul > li > a:hover,
#jump_menu > ul > li > a:focus,
#jump_menu > ul > li > a:active {position:absolute; top:0px; height:7px; padding:12px 0 31px; background:#2f3a70; z-index:10000; width:100%; overflow: hidden; }

/* common */
html, body { position: relative; }

/*font
body{color:#222; font-size:87.5%; font-weight:normal; font-family:'NanumS', 'Dotum', '돋움', 'sans-serif'; letter-spacing:-0.5px; line-height: 1.5em;}
 */
/* reset */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
hr{display:none;}
ul, ol, li{list-style:none;}
img, fieldset{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-family:'NanumS', 'Dotum', '돋움', 'sans-serif';}
table{border-collapse:collapse; font-size:100%;}
address, em, optgroup{font-style:normal;}
object{vertical-align:top;}
input, button, select{vertical-align:middle;}

input, select, textarea{color:#222; background:#fff; font-family:'NanumS', 'Dotum', '돋움', 'sans-serif'; border-radius:0;}
body {font-family:'NanumS','나눔고딕','NanumGothicWeb','Nanum Gothic','돋움',"Arial","Helvetica","AppleGothic","Sans-serif"; font-size:14px; color:#555; line-height: 1.5em;letter-spacing:-0.5pt;}
input[type="text"],textarea{
-webkit-ime-mode:active;
-moz-ime-mode:active;
-ms-ime-mode:active;
ime-mode:active;
}

/* skip */
.hide,.skip,legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

#wrap { position:relative; width:100%; min-height:100%; box-sizing:border-box; }
#m_conts{width: 100%}

.blank{display:inline-block;width:13px;height:11px;margin:0 0 0 5px;background:url(../img/common/icon_blank.png) no-repeat left top;vertical-align:middle;}
.hidden { position:absolute; top:99999999em; font-size:0 !important; line-height:0 !important; overflow:hidden;  text-indent:-9999px; padding:0px !important; margin:0px !important; }
.txt_hidden { left:-9999px; top:auto; width: 1px; height: 1px; overflow:hidden; position: absolute; }

/* margin */
.mT0    {margin-top:0 !important;}
.mT5	{margin-top:5px !important;}
.mT10	{margin-top:10px !important;}
.mT15	{margin-top:15px !important;}
.mT20	{margin-top:20px !important;}
.mT30	{margin-top:30px !important;}
.mT40	{margin-top:40px !important;}

.mR5	{margin-right:5px !important;}
.mR10	{margin-right:10px !important;}
.mR15	{margin-right:15px !important;}
.mR20	{margin-right:20px !important;}
.mR30	{margin-right:30px !important;}
.mR40	{margin-right:40px !important;}

.mB0	{margin-bottom:0px !important;}
.mB5	{margin-bottom:5px !important;}
.mB10	{margin-bottom:10px !important;}
.mB15	{margin-bottom:15px !important;}
.mB20	{margin-bottom:20px !important;}
.mB30	{margin-bottom:30px !important;}
.mB40	{margin-bottom:40px !important;}

.mL0	{margin-left:0px !important;}
.mL5	{margin-left:5px !important;}
.mL10	{margin-left:10px !important;}
.mL15	{margin-left:15px !important;}
.mL20	{margin-left:20px !important;}
.mL30	{margin-left:30px !important;}
.mL33	{margin-left:33px !important;}
.mL36	{margin-left:36px !important;}
.mL40	{margin-left:40px !important;}

/* padding */
.pT0	{padding-top:0px !important;}
.pT5	{padding-top:5px !important;}
.pT10	{padding-top:10px !important;}
.pT15	{padding-top:15px !important;}
.pT20	{padding-top:20px !important;}
.pT30	{padding-top:30px !important;}
.pT40	{padding-top:40px !important;}

.pR0    {padding-right:0px !important;}
.pR5    {padding-right:5px !important;}
.pR10   {padding-right:10px !important;}
.pR15   {padding-right:15px !important;}
.pR20   {padding-right:20px !important;}
.pR30   {padding-right:30px !important;}
.pR40   {padding-right:40px !important;}

.pB0    {padding-bottom:0px !important;}
.pB5    {padding-bottom:5px !important;}
.pB10   {padding-bottom:10px !important;}
.pB15   {padding-bottom:15px !important;}
.pB20   {padding-bottom:20px !important;}
.pB30   {padding-bottom:30px !important;}
.pB40   {padding-bottom:40px !important;}

.pL0    {padding-left:0px !important;}
.pL5    {padding-left:5px !important;}
.pL10   {padding-left:10px !important;}
.pL15   {padding-left:15px !important;}
.pL20   {padding-left:20px !important;}
.pL30   {padding-left:30px !important;}
.pL40   {padding-left:40px !important;}

/* position */
.posR	{position:relative;}
.posA	{position:absolute;}

/* align */
.taC	{text-align:center !important;}
.taL	{text-align:left !important;}
.taR	{text-align:right !important;}
.vaT {vertical-align: top !important;}

/* float */
.fL		{float:left;}
.fR		{float:right;}
.cleB	{clear:both;}
.cB:after {content: ''; display: block; clear:both;}

/* font color */
.black	{color:#000000;}
.white	{color:#ffffff;}
.gray	{color:#999999;}
.blue	{color:#186dc4;}
.red	{color:#d32532;}
.em {color: #02abaf; font-weight:600;}

/* width */
.w3 { width: 3% !important }
.w4 { width: 4% !important }
.w5 { width: 5% !important; }
.w6 { width: 6% !important; }
.w7 { width: 7% !important; }
.w8 { width: 8% !important; }
.w9 { width: 9% !important; }
.w10 { width: 10% !important; }
.w11 { width: 11% !important; }
.w12 { width: 12% !important; }
.w13 { width: 13% !important; }
.w14 { width: 14% !important; }
.w15 { width: 15% !important; }
.w16 { width: 16% !important; }
.w17 { width: 17% !important; }
.w18 { width: 18% !important; }
.w19 { width: 19% !important; }
.w20 { width: 20% !important; }
.w21 { width: 21% !important; }
.w22 { width: 22% !important; }
.w23 { width: 23% !important; }
.w24 { width: 24% !important; }
.w25 { width: 25% !important; }
.w26 { width: 26% !important; }
.w27 { width: 27% !important; }
.w28 { width: 28% !important; }
.w29 { width: 29% !important; }
.w30 { width: 30% !important; }
.w31 { width: 31% !important; }
.w32 { width: 32% !important; }
.w33 { width: 33% !important; }
.w34 { width: 34% !important; }
.w35 { width: 35% !important; }
.w36 { width: 36% !important; }
.w37 { width: 37% !important; }
.w38 { width: 38% !important; }
.w39 { width: 39% !important; }
.w40 { width: 40% !important; }
.w45 { width: 45% !important; }
.w50 { width: 50% !important; }
.w60 { width: 60% !important; }
.w70 { width: 70% !important; }
.w80 { width: 80% !important; }
.w90 { width: 90% !important; }
.w100 { width: 100% !important; }

/* base_style 블릿 등 */
/* head tag */
.conts h4, .conts h5, .conts h6 {position: relative; text-align: left; font-weight:bold; letter-spacing:-0.5pt;}
.conts h4, #pop_container h4 {font-size:25px; padding-left:35px; margin-top:50px; line-height: 1em;}
.conts h4:before, #pop_container h4:before {content: ''; position: absolute; left: 0; top: -1px; width: 27px; height: 27px; background:url('../img/common/spr_bu.png') no-repeat 0 0;}
.conts h5, #pop_container h5 {font-size:20px; padding-left:27px; margin:30px 0 0 8px;line-height: 130%;}
.conts h5:before, #pop_container h5:before {content: ''; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; background:url('../img/common/spr_bu.png') no-repeat 0 -37px;}
.conts h6, #pop_container h6 {font-size:18px; padding-left:17px; margin:30px 0 0 18px;}
.conts h6:before, #pop_container h6:before {content: ''; position: absolute; left: 0; top: 2px; width: 11px; height: 15px; background:url('../img/common/spr_bu.png') no-repeat 0 -67px;}
.conts h4:first-of-type, #pop_container h4:first-of-type {margin-top:0;}
.conts ul:first-child {margin-top: 0;}
.conts li > ul:first-child {margin-top: 10px;}

h4 + .tbl_wrap{margin-left: 35px;}

/* box_text */
p[class^="box_h"], div[class^="box_h"] {background: #ecf1f7; margin-top:15px; padding:15px; font-size: 15px; border-bottom: 2px solid #d7dee8; border-right:  2px solid #d7dee8;box-sizing: border-box;}
p[class^="p_h"], div[class^="box_h"] {margin-top:15px;}
p[class^="p_h"] {line-height: 180%;}
.box_h4, .p_h4, .tbl_h4, h4 + .tbl_wrap, .h4{margin-left:36px;}
.box_h5, .p_h5, .tbl_h5, h5 + .tbl_wrap, .h5{margin-left:33px;}
.box_h6, .p_h6, .tbl_h6, h6 + .tbl_wrap, .h6{margin-left:35px;}

@media all and (max-width:768px) {
	.box_h4, .p_h4, .tbl_h4, h4 + .tbl_wrap,
	.box_h5, .p_h5, .tbl_h5, h5 + .tbl_wrap,
	.box_h6, .p_h6, .tbl_h6, h6 + .tbl_wrap,
	.h4, .h5, .h6{margin-left:23px;}
}
@media all and (max-width:767px) {
	.box_h4, .p_h4, .tbl_h4, h4 + .tbl_wrap,
	.box_h5, .p_h5, .tbl_h5, h5 + .tbl_wrap,
	.box_h6, .p_h6, .tbl_h6, h6 + .tbl_wrap,
	.h4, .h5, .h6{margin-left: 0;}
}

/* img box */
.box_img.box_line{border:1px solid #ddd;}
.box_img { margin-top:20px; text-align:center; }
.box_img img { max-width: 100%;}
.box_line {border:1px solid #ddd; padding: 10px; margin-top: 10px; margin-bottom: 10px;}

/* list */
ul[class^="list_ul"], ol[class^="list_num"]{margin:20px 0 0;}
.list_ul_h4, .list_num_h4 {margin-left:36px !important;}
.list_ul_h5, .list_num_h5 {margin-left:33px !important;}
.list_ul_h6, .list_num_h6 {margin-left:35px !important;}
ul[class^="list_ul"] li, ol[class^="list_num"] li {line-height:21px; position: relative;}
ul[class^="list_ul"] >li, ol[class^="list_num"] li ul li {padding-left:14px; margin-top:11px;}
ul[class^="list_ul"] >li:before, ol[class^="list_num"] li ul li:before, .tbl td >ul >li:before  {content: ''; position: absolute; width: 8px; height: 8px; left: 0; top: 6px; background:url('../img/common/spr_bu.png') no-repeat 0 -92px;}
ul[class^="list_ul"] >li:first-child{margin-top:0;}
ul[class^="list_ul"] >li >ul {margin-top:14px;}
ul[class^="list_ul"] li >ul >li{padding-left:18px; margin-top:11px;}
ul[class^="list_ul"] >li >ul >li:before{content: ''; position: absolute; width: 11px; height: 11px; left: 0; top: 4px; background:url('../img/common/spr_bu.png') no-repeat 0 -109px;}
ul[class^="list_ul"] >li >ul >li:first-child{margin-top:0;}
ul[class^="list_ul"] ul ul {margin-top:10px; background:#eff2f7; padding:15px; box-sizing: border-box;}
ul[class^="list_ul"] >li >ul >li >ul >li {padding-left:8px; margin-top:9px;}
ul[class^="list_ul"] >li >ul >li >ul >li:before, td >ul >li >ul >li:before {content: ''; position: absolute; width: 3px; height: 3px; left: 0; top: 8px; background:#afc4db;}
ul[class^="list_ul"] >li >ul >li >ul >li:first-child {margin-top:0;}
ul[class^="list_ul"] li p, ol[class^="list_num"] li p {margin-top:10px;}
.list_ul_h6 >li {padding-left:10px; margin-top:5px;}
.list_ul_h6 >li:first-child {margin-top:0;}
.list_ul_h6 > li > ul {margin-top:10px; background:#f3f4fa; padding:15px; box-sizing: border-box;}
.list_ul_h6 > li > ul >li {padding-left:15px; margin-top:5px;}
.list_ul_h6 > li > ul >li:first-child {margin-top:0;}
ol[class^="list_num"] li{padding-left:27px; margin-top:15px;}
ol[class^="list_num"] >li:before {content: ''; position: absolute; left: 0; top: -1px; width: 22px; height: 22px; line-height: 22px; background: #008baa;
text-align: center; color: #fff; font-size: 13px; font-weight: 600; border-radius: 7px 0 7px 0px;}
ol[class^="list_num"] >li:nth-child(1):before {content: '1';}
ol[class^="list_num"] >li:nth-child(2):before {content: '2';}
ol[class^="list_num"] >li:nth-child(3):before {content: '3';}
ol[class^="list_num"] >li:nth-child(4):before {content: '4';}
ol[class^="list_num"] >li:nth-child(5):before {content: '5';}
ol[class^="list_num"] >li:nth-child(6):before {content: '6';}
ol[class^="list_num"] >li:nth-child(7):before {content: '7';}
ol[class^="list_num"] >li:nth-child(8):before {content: '8';}
ol[class^="list_num"] >li:nth-child(9):before {content: '9';}
ol[class^="list_num"] >li:nth-child(10):before {content: '10';}
ol[class^="list_num"] >li:nth-child(11):before {content: '11';}
ol[class^="list_num"] >li:nth-child(12):before {content: '12';}
ol[class^="list_num"] >li:nth-child(13):before {content: '13';}
ol[class^="list_num"] >li:nth-child(14):before {content: '14';}
ol[class^="list_num"] >li:nth-child(15):before {content: '15';}
ol[class^="list_num"] >li:nth-child(16):before {content: '16';}
ol[class^="list_num"] >li:nth-child(17):before {content: '17';}
ol[class^="list_num"] >li:nth-child(18):before {content: '18';}
ol[class^="list_num"] >li:nth-child(19):before {content: '19';}
ol[class^="list_num"] >li:nth-child(20):before {content: '20';}
ol[class^="list_num"] >li:nth-child(21):before {content: '21';}
ol[class^="list_num"] >li:nth-child(22):before {content: '22';}
ol[class^="list_num"] >li:nth-child(23):before {content: '23';}
ol[class^="list_num"] >li:nth-child(24):before {content: '24';}
ol[class^="list_num"] >li:nth-child(25):before {content: '25';}
ol[class^="list_num"] >li:nth-child(26):before {content: '26';}
ol[class^="list_num"] >li:nth-child(27):before {content: '27';}
ol[class^="list_num"] >li:nth-child(28):before {content: '28';}
ol[class^="list_num"] li:first-child{margin-top:0;}
ol[class^="list_num"] >li >ul {margin-top: 14px;background: #f3f4fa; padding: 15px;box-sizing: border-box;}
ol[class^="list_num"] >li >ul li {padding-left: 12px;}
ol[class^="list_num"] >li >ul li:before {top: 7px;}
ol[class^="list_num"] > li > ul > li > ul > li { position:relative; padding-left:18px; }
ol[class^="list_num"] > li > ul > li > ul > li:before { content:''; position:absolute; width:11px; height:11px; left:0; top:4px; background:url(../img/common/spr_bu.png) no-repeat 0 -109px; }
/* ol[class^="list_num"] >li >li:first-child{margin-top: 0;} */

@media screen and (max-width:667px){
	.list_ul_h4, .list_num_h4 {margin-left: 9px !important;}
}

/* ol - step */
.ol_step {margin-top: 20px;}
.ol_step >li {position: relative; float: left; box-sizing: border-box; padding-right: 49px; margin-bottom: 10px;background: url('/common/img/common/bg_step_arrow04.gif') right center no-repeat; }
.ol_step.step3 li {width: 34.7%; }
.ol_step.step3 li:last-child {width: 30.5%;}
.ol_step.step4 li {width: 26%;}
.ol_step.step4 li:last-child { width: 22%;}
.ol_step.step5 li {width: 20.9%; }
.ol_step.step5 li:last-child {width: 16.4%;}
.ol_step >li:last-child {background: none; padding: 0;}
.ol_step li p {border: 2px dashed #0394d8; padding: 20px 20px; box-sizing: border-box; background: #f1f9fb url('/common/img/common/pt_left_titbg.png'); font-size: 17px; font-weight: 600; color: #333; letter-spacing: -1pt;}
.ol_step li:nth-child(even) p {border-color:#0d66d5; background-color: #f3f9fd;}

/* table */
.tbl {margin-top:20px;}
.tbl:first-child{margin-top: 5px;}
.tbl th {text-align:center; font-weight:bold;}
.tbl td, .tbl th {padding:12px 10px; border:1px solid #e2e2e4; line-height:18px; vertical-align: middle; box-sizing: border-box; font-size: 15px;}
.tbl thead tr:first-child th {border-top:2px solid #848cd6; background:#e7f1f7;}
.tbl thead th {background:#e7f1f7; color:#000; border-bottom: none;}
.tbl tbody th {background:#f2f6f9; font-weight: normal;}
.tbl tfoot th {background:#e7f1f7; color:#333;}
.tbl td {font-size: 14px;}

/* table > align */
table.taC td {text-align:center;}
td.taC {text-align:center !important;}
table.taL td {text-align:left;}
td.taL {text-align:left !important;}
table.taR td {text-align:right;}
td.taR {text-align:right  !important;}
.Thead tbody tr:first-child td,.Thead tbody tr:first-child th {border-top:2px solid  #848cd6;}
td li {position: relative;}
td >ul >li {padding-left:15px; margin-top:10px; line-height:22px; text-align:left !important;}
td >ul >li:first-child {margin-top:0;}
td >ul >li >ul {margin-top:10px;}
td >ul >li >ul >li {padding-left:10px; margin-top:6px; line-height:18px; text-align:left !important;}
td >ul >li >ul >li:first-child {margin-top:0;}
table.tbl ol[class^="list_num"] li{text-align: left !important;}
table.tbl ol[class^="list_num"] li:before{top: 0; width: 20px; height: 20px; line-height: 18px; background: #6996ce; border-radius:0px;}
table.tbl ol[class^="list_num"]:FIRST-CHILD{margin-top: 0px;}

/* link */
a.link {color: #07a6c8;}
a.link:hover {color: #fc8408; border-bottom: 1px dashed #fc8408;}
a.none {background: transparent !important; padding-right: 0 !important;}
.conts a[target="_blank"] {position: relative; padding-right:15px;}
.conts a[target="_blank"]:after {content: ''; position: absolute; right: -1px; top: 0; width: 12px; height: 12px; background:url('../img/common/spr_bu.png') 0 -130px no-repeat; text-indent:-9999px;}
.open_license a[target="_blank"]:after{display: none;}

/* button */
.btn {background-color: #fff; border: 2px solid #ddd; padding: 10px 15px; display: inline-block; font-weight:bold; font-size: 15px; letter-spacing: -1pt;
box-sizing: border-box; transition:0.5s; font: 15px "NanumS"; vertical-align: middle; line-height: 1.2em; margin-bottom: 5px;}
.btn:hover {border: 2px solid #59bddb;}
.btn.down {background: #fff url('../img/common/spr_btn.png') right 6px no-repeat; padding-right: 40px;}
.btn.image {background: #fff url('../img/common/spr_btn.png') right -45px no-repeat; padding-right: 40px;}
.btn.excel {background: #fff url('../img/common/spr_btn.png') right -98px no-repeat; padding-right: 40px;}
.btn.hwp {background: #fff url('../img/common/spr_btn.png') right -150px no-repeat; padding-right: 40px;}
.btn.word {background: #fff url('../img/common/spr_btn.png') right -327px no-repeat; padding-right: 40px;}
.btn.print {background: #fff url('../img/common/spr_btn.png') right -391px no-repeat; padding-right: 40px;}
/* .btn.skip {background: #fff url('../img/common/spr_btn.png') right -209px no-repeat; padding-right: 40px;} */
/* skip 동명 클래스때문에 버튼 안보이는 현상 수정 */
.btn.skip {background: #fff url('../img/common/spr_btn.png') right -209px no-repeat; padding-right: 40px; position: relative; left: 0; top: 0; width: auto; height: auto;}
.btn.go {background: #fff url('../img/common/spr_btn.png') right -263px no-repeat !important; padding-right: 40px !important;}
.btn.go:after {background:none !important;}
.btn.small {padding: 4px 15px 2px; background-color:#fafbfc; font-weight: normal; position: relative; display: inline-block;}
li>.btn.small{display: inline;}
.btn.small[target="_blank"] {padding-right: 30px !important; }
.btn.small[target="_blank"]:after {margin-right: 20px !important; top: 7px !important; right: -9px !important;}
input[type="button"] {cursor: pointer;}
a[target="_blank"].btn.blank{padding-right: 30px;}
a[target="_blank"].btn.blank:after{top: 14px; right: 13px;}
.btn.small.down{background: #fff url('../img/common/spr_btn_small.png') right 6px no-repeat; padding: 5px 30px 4px 10px;}
.btn.small.go{background: #fff url('../img/common/spr_btn_small.png') right -153px no-repeat !important; padding: 5px 30px 4px 10px !important;}
.btn.small.image{background: #fff url('../img/common/spr_btn_small.png') right -25px no-repeat; padding: 5px 30px 4px 10px;}
.btn.small.excel{background: #fff url('../img/common/spr_btn_small.png') right -56px no-repeat; padding: 5px 30px 4px 10px;}
.btn.small.hwp{background: #fff url('../img/common/spr_btn_small.png') right -86px no-repeat; padding: 5px 30px 4px 10px;}
.btn.small.skip{background: #fff url('../img/common/spr_btn_small.png') right -122px no-repeat; padding: 5px 30px 4px 10px;}
.btn.small.word{background: #fff url('../img/common/spr_btn_small.png') right -187px no-repeat; padding: 5px 30px 4px 10px;}
.btn.down.blank:after{display: none !important;}
.btn.down.blank{padding-right: 40px !important; display: inline;}

/* 인풋 옆에 오는 버튼일 때 여백조정 */
input ~ .btn{margin-bottom: 0;}

/* button box */
.btnboxR {text-align: right; margin-top: 20px;}
.btnboxL {text-align: left; margin-top: 20px;}
.btnboxC {text-align: center; margin-top: 20px;}
#pop_container div[class^="btnbox"] {margin: 20px 10px; display: inline-block; float: right;}
#pop_container div[class^="btn_check"] {display: inline-block; margin-top: 20px;}

/* image */
.conts img { max-width:100%; height:auto; }

/* 절차 */
h4+.step{margin-left: 35px;}
.step{margin-top: 10px;}
.step>li{float: left; margin-bottom:15px;}
ul .step>li{margin-top: 0 !important; padding-left: 0 !important;}
.step.li3>li{width: 33%;}
.step.li4>li{width: 25%;}
.step.li5>li{width: 20%;}

.step>li:after,
.step>li.first:before {background: url(/common/img/common/ico_step_next.png) no-repeat center center; width: 28px; height: 30px; display: inline-block; content: '';
vertical-align: middle;}
.step.li5>li:after{width: 20px;}
.step>li div{background: #fff;border: 2px solid #56bdde; text-align: center; display: inline-block; width: 87%; padding: 10px; box-sizing:border-box; vertical-align: middle;}
.step>li.first div	{ width: 76%; }
.step>li:last-child:after, .step>li.last:after{display: none;}
.step>li:last-child div, .step>li.last div{width: 100%;}
.step:after{content: ''; display: block; clear: both;}
.step>li .txt01{background: #0394d8; padding: 5px; color: #fff; font-weight:bold; border-radius: 20px}
.step>li .txt02{padding-top: 10px;min-height: 20px;}
.step.li5>li:after { width:21px; }

.step li:nth-child(even) div{border: 2px solid #0d64d2;}
.step li:nth-child(even) .txt01{background: #0d64d2;}

.step>li:before{display: none;}

@media all and (max-width: 1010px) {
	.step>li div{width: 80%;}
}
@media all and (max-width: 720px) {
	.step>li{width: 50% !important; margin-bottom: 10px;}
}
@media all and (max-width: 500px) {
	.step>li{width: 100% !important;}
	.step>li.first:before,
	.step>li:after{background: url(/common/img/common/ico_step_bottom.png) no-repeat center center; width: 22px; height: 22px; content: ''; display: block; margin: 10px auto 0;}
	.step>li.first:before	{ margin: 0 auto 10px; }
	.step>li div,
	.step>li.first div	{width: 100%;}
}
#pop_container div[class^="btnbox"] {
	margin: 20px 10px;
	display: inline-block;
	float: right;
}

#pop_container div[class^="btn_check"] {
	display: inline-block;
	margin-top: 20px;
}

/* 임의반응형 - 모바일에서 이미지크게보기 링크 */
.img_respon{position: relative;}
.link_imgview{display: none;}
@media all and (max-width:768px){
	.link_imgview{position: absolute; bottom: 0; right: 0; background: rgba(0,0,0,0.7); color: #fff; font-weight: 600; padding: 5px 10px; display: block;}
	.link_imgview:visited{color: #fff;}
}


/** 캘린더 선택 */
#ui-datepicker-div {
	display: none;
}
a.ui-datepicker-prev, a.ui-datepicker-next {
	display: none;
}


/* date picker J.Ryeon Lee */
a.ui-datepicker-prev, a.ui-datepicker-next {
	display: none;
}

	
/* 지도 */
.map_box {
	border: 1px solid #dedede;
	border-radius:5px;
	margin-top: 10px;
	width: 790px;
	height:450px;
	}
.map_con {
	position: relative;
	width: 300px;
	}
.map_con .box {
	background: #ffffff;
	padding: 10px;
	}
.map_con .big_box{
	background: #ffffff;
	height: 260px;
	padding: 10px;
}
.map_con .box .title {
	display: block;
	font-size: 18px;
	padding-bottom: 7px;
	font-weight: 600;
	border-bottom: 2px solid #7e9db7;
	color:#1d507b;
	}
	
	.map_con .box{
	padding: 10px 5px;
	border: 1px solid #eee;
	border-radius: 10px;
	}
.map_con .box .title:after{
	display:inline-block;
	width: 1px;
	height: 6px;
	background: #ddd;
	padding-right: 5px;
}
.map_con .big_box .title {
	display: block;
	font-size: 18px;
	padding-bottom: 7px;
	font-weight: 600;
	border-bottom: 2px solid #333333;
	color:#333333;
	}
.map_con .box .body {
	font-size: 13px;
	display: block;
	padding-top: 10px;
	}
.map_con .big_box .body {
	color: #666666;
	font-size: 13px;
	display: block;
	padding-top: 10px;
	}

.modal{
position: absolute; top: 134px;background-color: #fff;
left: 50%;
  transform: translateX(-50%);
z-index: 999999;
  border-radius: 14px 14px 12px 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  line-height: 1.6;
  margin: auto;width: 460px;text-align: center;
}
.make{
width: 100%;
    height: 100%;
    background: #00000070;
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    top:0px;
}

@media (max-width: 500px) {
.modal{
position: absolute; top: 136px;background-color: #fff;
left: 50%;
  transform: translateX(-50%);
z-index: 999999;
  border-radius: 14px 14px 12px 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  line-height: 1.6;
  margin: auto;width: 360px;text-align: center;
}
.make{
height:1000px;
}
}

@media (max-width: 360px) {
.modal{
position: absolute; top: 124px;background-color: #fff;
left: 50%;
  transform: translateX(-50%);
z-index: 999999;
  border-radius: 14px 14px 12px 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  line-height: 1.6;
  margin: auto;width: 340px;text-align: center;
}
.make{
height:1000px;
}
}