@charset "utf-8";

/* font setting - 프로젝트 진행 시 불필요한 폰트 삭제 */
/*@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css'); /* font-family:'나눔고딕','NanumGothicWeb','Nanum Gothic'; */
/*@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css'); /* font-family: 'Nanum Myeongjo', serif; */
/*@import url('//fonts.googleapis.com/earlyaccess/nanumpenscript.css'); /* font-family: 'Nanum Pen Script', serif; */
/*@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css'); /* font-family: 'Noto Sans KR', sans-serif; */
/* @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Nanum+Myeongjo|Nanum+Pen+Script|Noto+Sans+KR&display=swap'); */

/* 노토산스 */
@font-face {
    font-family:'NanumGothic';
    src: url(../fonts/NanumGothicR.eot);
	src: url(../fonts/NanumGothicR.eot#iefix) format('embedded-opentype'), url(../fonts/NanumGothicR.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'NanumGothic';
    src: url(../fonts/NanumGothicB.eot);
	src: url(../fonts/NanumGothicB.eot#iefix) format('embedded-opentype'), url(../fonts/NanumGothicB.woff) format('woff');
    font-weight: bold;
    font-style: normal;
}

.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; }
img,fieldset{border:none;}
b,strong,.bold{font-weight:bold;}
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;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
legend,caption,hr{text-indent:-99999px; overflow:hidden;position:absolute;width:0;height:0;font-size:0;}
/* 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="radio"],input[type="checkbox"]{width:14px;height:14px;}
input[type="text"],input[type="passward"] { height:24px; line-height:26px;}
select{/* height:28px; padding:1px 0 1px 3px;*/border:solid 1px #dedede;background:#fff;}
textarea{min-height:80px;padding:1px 3px;border:solid 1px #dedede;line-height:25px;}
/* link style */
a {color:#444; 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:0; box-sizing: border-box; border:2px solid #262626; z-index:10000; font-weight:bold;}
#jump_menu >ul >li >a:hover, #jump_menu >ul >li >a:focus, #jump_menu >ul >li >a:active
{position:absolute; top:0; height:7px; padding:12px 0 31px; background:#2f3a70; z-index:10000; width:100%; overflow: hidden; border-style:solid; border-width: 4px; border-color:red;}

#jump_menu >ul >li.egci a {color:#fff; font-size:inherit;}
#jump_menu >ul >li.egci img {display:inline-block;width:40px;vertical-align:text-top;}


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

#wrap {position:relative; width:100%; min-height:100%; box-sizing:border-box; min-width:1400px;}
#m_conts{width:100%; min-height: 900px;}
@media (max-width: 1024px){
	#wrap{min-width:100%;}
}

.txt_hidden { left:-9999px; top:auto; width: 1px; height: 1px; overflow:hidden; position: absolute; }

/* 20171019 정은정 추가 시작 -----> */
/* 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:1em; font-family:'Open Sans',Helvetica, 'Apple SD Gothic Neo','Microsoft JhengHei','맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,Arial,sans-serif;}
table{border-collapse:collapse; font-size:1em;}
address, em, optgroup{font-style:normal;}
object{vertical-align:top;}
input, button, select{vertical-align:middle;}
body {font-size:14px; font-family:'Open Sans',Helvetica, 'Apple SD Gothic Neo', 'Microsoft JhengHei', '맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum, Arial,sans-serif; color:#3a3a3a; line-height:1.5em; letter-spacing:-1px;}
/* body{color:#555; line-height:1.5em; font-size:87.5%; font-weight:normal; font-family:'NanumS', 'Dotum', '돋움', 'sans-serif'; letter-spacing:-0.5px;} */

html[lang='en'] body,html *[lang='en']{font-family:'Open Sans',Helvetica,Arial,sans-serif;}
html[lang='zh'] body,html *[lang='zh']{font-family:'Open Sans',Helvetica,'华文细黑',STXihei,'微软雅黑','Microsoft YaHei',	Arial,sans-serif;}
html[lang='ja'] body,html *[lang='ja']{font-family:'Open Sans',Helvetica,	'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Arial,sans-serif;}

input[type="text"],textarea{
-webkit-ime-mode:active;
-moz-ime-mode:active;
-ms-ime-mode:active;
ime-mode:active;
}

/* none */
.dn {display: none;}

/* skip */
.hide,legend, caption,.hidden{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}
/* -- // 20171019 정은정 추가완료 */

/* 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;}
.mT50	{margin-top:50px !important;}

.mR0	{margin-right:0px !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;}
.mB60	{margin-bottom:60px !important;}
.mB80	{margin-bottom:80px !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;}
.mL40	{margin-left:40px !important;}
.mL50	{margin-left:50px !important;}

.mA10 {margin: 10px !important;}

/* padding */
.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;}

.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;}

.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;}

.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;}
.taL	{text-align:left;}
.taR	{text-align:right;}

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

/* font color */
.black	{color:#000;}
.white	{color:#fff;}
.gray	{color:#828282;}
.blue	{color:#186dc4;}
.red	{color:#d32532;}
.green	{color:#369618;}
.orange	{color:#e45e23;}

/* 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;}
.w14-5 {width: 14.5% !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;}
.w43 {width: 43% !important;}
.w45 {width: 45% !important;}
.w46 {width: 46% !important;}
.w49 {width: 49% !important;}
.w50 {width: 50% !important;}
.w51 {width: 51% !important;}
.w59 {width: 59% !important;}
.w60 {width: 60% !important;}
.w63 {width: 63% !important;}
.w66 {width: 66% !important;}
.w68 {width: 68% !important;}
.w70 {width: 70% !important;}
.w71 {width: 71% !important;}
.w72 {width: 72% !important;}
.w75 {width: 75% !important;}
.w80 {width: 80% !important;}
.w81 {width: 81% !important;}
.w82 {width: 82% !important;}
.w90 {width: 90% !important;}
.w94 {width: 94% !important;}
.w99 {width: 99% !important;}
.w100 {width: 100% !important;}

/* em */
.em {color: #dc0505;font-weight: 600;}

/* b */
.b{font-weight: 600;}

/* display */
.on {display: block;}
.off {display: none;}

/* head tag */
.conts h4, .conts h5, .conts h6 {position: relative; text-align: left; font-weight: 600; letter-spacing: -0.5pt;}
.conts h4, #pop_container h4 {font-size:25px; padding-left:26px; margin-top:50px; line-height: 1.2em;}
.conts h4:before, #pop_container h4:before {content: ''; position: absolute; left: 0; top: 5px; width: 20px; height: 20px; }
.conts h5, #pop_container h5 {font-size:20px; padding-left:20px; margin:30px 0 0 8px;line-height: 130%;}
.conts h5:before, #pop_container h5:before {content: ''; position: absolute; left: 0; top: 6px; width: 16px; height: 15px; }
.conts h6, #pop_container h6 {font-size:18px; padding-left:13px; margin:30px 0 0 18px;}
.conts h6:before, #pop_container h6:before {content: ''; position: absolute; left: 0; top: 6px; width: 9px; height: 9px; }
.conts h4:first-of-type, #pop_container h4:first-of-type {margin-top:30px;}
.conts ul:first-child {margin-top: 0;}

/* box_text */
.conts h4 ~ div, .conts h4 ~ p, .conts h4 ~ .step, .conts h4 ~ .list_ul, .conts h4 ~ .list_num {margin:11px 0 0 28px;}
.conts h5 ~ div, .conts h5 ~ p, .conts h5 ~ .step, .conts h5 ~ .list_ul, .conts h5 ~ .list_num {margin:11px 0 0 28px;}
.conts h6 ~ div, .conts h6 ~ p, .conts h6 ~ .step, .conts h6 ~ .list_ul, .conts h6 ~ .list_num {margin:11px 0 0 28px;}
.bod_view, .bod_photo, .bod_view h4 ~ div, h4 ~ div.bod_guide, .desing_box h4 ~ p, .bod_list ~ p, .bod_list ~ div, .multSearch {margin-left: 0 !important;}
.bod_view h4 ~ div{margin-top: 0;}
p.box h6:first-child, div.box h6:first-child {margin-top: 10px !important;}
p.box h6, div.box h6 {margin-left: 8px !important;}
p.box .list_ul, div.box .list_ul {margin-left: 18px !important;}
p.box .list_ul.mL0, div.box .list_ul.mL0{margin-left: 0 !important;}

@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, .tbl_h4, h4 + .tbl_wrap, .tbl_h5, h5 + .tbl_wrap, .tbl_h6, h6 + .tbl_wrap, .conts h6 ~ div,
	.h4, .h5, .h6, .box_img {margin-left: 0 !important;}

} */

/* img box */
.box_img { margin-top:20px; text-align:center; }
.box_img img { max-width: 100%;}

/* list */
ul[class^="list_ul"], ol[class^="list_num"]{margin:20px 0 0;}
ul[class^="list_ul"] ul:first-child, ol[class^="list_num"] ul:first-child{margin-top: 11px;}
.list_ul_h4, .list_num_h4 {margin-left:29px !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: 9px; height: 9px; left: 0; top: 6px; }
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,
ol.list_num>li >ul li > ul li:before {content: ''; position: absolute; width: 11px; height: 11px; left: 0; top: 4px; }
ul[class^="list_ul"] >li >ul >li:first-child{margin-top:0;}
ul[class^="list_ul"] ul ul {margin-top:10px; background:#f3f7f3; padding:15px; box-sizing: border-box;}
ul[class^="list_ul"] ul table ul{background: none;}
ul[class^="list_ul"] ul ul table{background: #fff;}
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;}
h6 .list_ul >li {padding-left:10px; margin-top:5px;}
h6 .list_ul >li:first-child {margin-top:0;}
h6 .list_ul >li > ul {margin-top:10px; background:#f3f7f3; padding:15px; box-sizing: border-box;}
h6 .list_ul >li > ul >li {padding-left:15px; margin-top:5px;}
h6 .list_ul >li > ul >li:first-child {margin-top:0;}
ol[class^="list_num"] li{padding-left:17px; margin-top:12px;}
ol.list_num>li:nth-child(1):before {content: '1'; background-position: 0 0;}
ol.list_num>li:nth-child(2):before {content: '2'; background-position: 0 -13px;}
ol.list_num>li:nth-child(3):before {content: '3'; background-position: 0 -26px;}
ol.list_num>li:nth-child(4):before {content: '4'; background-position: 0 -39px;}
ol.list_num>li:nth-child(5):before {content: '5'; background-position: 0 -52px;}
ol.list_num>li:nth-child(6):before {content: '6'; background-position: 0 -65px;}
ol.list_num>li:nth-child(7):before {content: '7'; background-position: 0 -78px;}
ol.list_num>li:nth-child(8):before {content: '8'; background-position: 0 -91px;}
ol.list_num>li:nth-child(9):before {content: '9'; background-position: 0 -104px;}
ol.list_num>li:nth-child(10):before {content: '10'; background-position: 0 -117px;}
ol.list_num>li:nth-child(11):before {content: '11'; background-position: 0 -130px;}
ol.list_num>li:nth-child(12):before {content: '12'; background-position: 0 -143px;}
ol.list_num>li:nth-child(13):before {content: '13'; background-position: 0 -156px;}
ol.list_num>li:nth-child(14):before {content: '14'; background-position: 0 -169px;}
ol.list_num>li:nth-child(15):before {content: '15'; background-position: 0 -182px;}
ol.list_num>li:nth-child(16):before {content: '16'; background-position: 0 -195px;}
ol.list_num>li:nth-child(17):before {content: '17'; background-position: 0 -208px;}
ol.list_num>li:nth-child(18):before {content: '18'; background-position: 0 -221px;}
ol.list_num>li:nth-child(19):before {content: '19'; background-position: 0 -234px;}
ol.list_num>li:nth-child(20):before {content: '20'; background-position: 0 -247px;}
ol.list_num>li:nth-child(21):before {content: '21'; background-position: 0 -260px;}
ol.list_num>li:nth-child(22):before {content: '22'; background-position: 0 -273px;}
ol.list_num>li:nth-child(23):before {content: '23'; background-position: 0 -286px;}
ol.list_num>li:nth-child(24):before {content: '24'; background-position: 0 -299px;}
ol.list_num>li:nth-child(25):before {content: '25'; background-position: 0 -312px;}
ol.list_num>li:nth-child(26):before {content: '26'; background-position: 0 -325px;}
ol.list_num>li:nth-child(27):before {content: '27'; background-position: 0 -351px;}
ol.list_num>li:nth-child(28):before {content: '28'; background-position: 0 -364px;}
ol.list_num>li:nth-child(29):before {content: '29'; background-position: 0 -377px;}
ol.list_num>li:nth-child(30):before {content: '30'; background-position: 0 -390px;}
ol.list_num>li:nth-child(31):before {content: '31'; background-position: 0 -403px;}
ol.list_num>li:nth-child(32):before {content: '32'; background-position: 0 -416px;}
ol.list_num>li:nth-child(33):before {content: '33'; background-position: 0 -429px;}
ol.list_num>li:nth-child(34):before {content: '34'; background-position: 0 -442px;}
ol.list_num>li:nth-child(35):before {content: '35'; background-position: 0 -455px;}
ol.list_num>li:nth-child(36):before {content: '36'; background-position: 0 -468px;}
ol.list_num>li:nth-child(37):before {content: '37'; background-position: 0 -481px;}
ol.list_num>li:nth-child(38):before {content: '38'; background-position: 0 -494px;}
ol.list_num>li:nth-child(39):before {content: '39'; background-position: 0 -507px;}
ol.list_num>li:nth-child(40):before {content: '40'; background-position: 0 -520px;}
ol.list_num>li:nth-child(41):before {content: '41'; background-position: 0 -533px;}
ol.list_num>li:nth-child(42):before {content: '42'; background-position: 0 -546px;}
ol.list_num>li:nth-child(43):before {content: '43'; background-position: 0 -559px;}
ol.list_num>li:nth-child(44):before {content: '44'; background-position: 0 -572px;}
ol.list_num>li:nth-child(45):before {content: '45'; background-position: 0 -585px;}
ol.list_num>li:nth-child(46):before {content: '46'; background-position: 0 -598px;}
ol.list_num>li:nth-child(47):before {content: '47'; background-position: 0 -611px;}
ol.list_num>li:nth-child(48):before {content: '48'; background-position: 0 -624px;}
ol.list_num>li:nth-child(49):before {content: '49'; background-position: 0 -637px;}
ol.list_numli:first-child{margin-top:0;}
ol.list_num>li >ul {margin-top: 14px;background: #f3f7f3; padding: 15px;box-sizing: border-box;}
ol.list_num>li >ul li {padding-left: 12px;}
ol.list_num li ul li:first-child {margin-top: 0;}
/* ol.list_num>li >li:first-child{margin-top: 0;} */
.tbl ul[class^="list_ul"] li:first-child, .tbl ol.list_num li:first-child,
ul[class^="list_ul"]:first-child, ol[class^="list_num"]: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:10px;}
.tbl th {text-align:center; font-weight: 600; }
.tbl td, .tbl th {padding:12px 10px; border:1px solid #e2e2e4; line-height:18px; vertical-align: middle; box-sizing: border-box;}
.tbl thead tr:first-child th {border-top:2px solid #228994; background:#ecf2f3;}
.tbl thead th {background:#ecf2f3; color:#424d5a; /*border-bottom: none;*/}
.tbl tbody th {background:#fafbfb; font-weight: normal; color: #424d5a; font-weight: 600;}
.tbl tbody .taL{text-align: left !important;}
.tbl tfoot th {background:#ecf2f3; color:#333;}

.tbl_bg .bg{background: #fdfceb;}

ul[class^="list_ul"] .tbl ul:first-child, .ol[class^="list_num"] .tbl ul:first-child{margin-top: 0;}
/* 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 #228994;}
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;}

/* link */
a.link {color: #3380E0;}
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;}
.conts a[target="_blank"]:after {content: ''; display: inline-block; position: relative; margin-left: 5px; width: 13px; height: 13px; text-indent:-9999px;}
.open_license a[target="_blank"]:after{display: none;}
.conts a[target="_blank"].blank_no:after{display: none;}

/* button */
.btn {background-color: #f5f5f5; border: 1px solid #ddd; padding: 9px 20px; display: inline-block; font-size: 13px; letter-spacing: -1pt;
box-sizing: border-box; transition:0.5s; vertical-align: middle; line-height: 1.2em;border-radius: 7px; font-weight: 600; position: relative; overflow: hidden;}
.btn:before{content: ''; display: block; width: 33px; height: 33px; position: absolute; top: 0;left: 0; display: block;}
.btn:hover {border: 1px solid #66778b;}

.btn.blue {background-color: #2d5cb2 !important; border: 1px solid #12387e !important; color: #ffffff !important;}

.btn.down {background: #f5f5f5 url('/common/img/common/btn_down_bg.png') 0px 0px repeat-y; padding-left: 50px;}
.btn.down:before{background: url('/common/img/common/spr_btn.png') 0px -174px no-repeat;}
.btn.image {background: #f5f5f5 url('/common/img/common/btn_down_bg.png') 0px 0px repeat-y; padding-left: 55px;}
.btn.image:before {background: url('/common/img/common/spr_btn.png') 0px -44px no-repeat;}
.btn.excel {background: #f5f5f5 url('/common/img/common/btn_excel_bg.png') 0px 0px repeat-y; padding-left: 46px;}
.btn.excel:before {background: url('/common/img/common/spr_btn.png') 0px -217px no-repeat;}
.btn.hwp {background: #f5f5f5 url('/common/img/common/btn_hwp_bg.png') 0px 0px repeat-y; padding-left: 47px;}
.btn.hwp:before {background: url('/common/img/common/spr_btn.png') 0px -87px no-repeat;}
.btn.word {background: #f5f5f5 url('/common/img/common/btn_hwp_bg.png') 0px 0px repeat-y; padding-left: 47px;}
.btn.word:before {background: url('/common/img/common/spr_btn.png') 0px -87px no-repeat;}
.btn.skip {background: #f5f5f5 url('/common/img/common/btn_down_bg.png') 0px 0px repeat-y; padding-left: 42px;}
.btn.skip:before {background: url('/common/img/common/spr_btn.png') 0px 0px no-repeat;}
.btn.pdf {background: #f5f5f5 url('/common/img/common/btn_pdf_bg.png') 0px 0px repeat-y; padding-left: 42px;}
.btn.pdf:before {background: url('/common/img/common/spr_btn.png') 0px -131px no-repeat}
.btn.go {background: #f5f5f5 url('/common/img/common/btn_down_bg.png') 0px 0px repeat-y; padding-left: 50px;}
.btn.go:before {background: url('/common/img/common/spr_btn.png') 0px -260px no-repeat;}
.btn.small {padding: 4px 15px 4px; background-color:#fafbfc; position: relative; display: inline-block; border-radius:4px;}
ul[class^="list_"] > li .btn.small {display: inline;}
.btn.small[target="_blank"]:after {top:2px !important; right: -3px !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{background-position: -10px 0 !important;}
.btn.small:before{width: 23px; height: 23px;}
.btn.small.down{padding-left: 30px;}
.btn.small.down:before{background: #f5f5f5 url('/common/img/common/spr_btn_small.png') 0px -116px no-repeat;}
.btn.small.image{padding-left: 30px;}
.btn.small.image:before{background: #f5f5f5 url('/common/img/common/spr_btn_small.png') 0px -29px no-repeat;}
.btn.small.excel{padding-left: 30px;}
.btn.small.excel:before{background: #f5f5f5 url('/common/img/common/spr_btn_small.png') 0px -144px no-repeat;}
.btn.small.hwp{padding-left: 30px;}
.btn.small.hwp:before{background: #f5f5f5 url('/common/img/common/spr_btn_small.png') 0px -58px no-repeat;}
.btn.small.word{padding-left: 30px;}
.btn.small.word:before{background: #f5f5f5 url('/common/img/common/spr_btn_small.png') 0px -58px no-repeat;}
.btn.small.skip{padding-left: 30px;}
.btn.small.skip:before{background: #f5f5f5 url('/common/img/common/spr_btn_small.png') 0px 0px no-repeat;}
.btn.small.pdf{padding-left: 30px;}
.btn.small.pdf:before{background: #f5f5f5 url('/common/img/common/spr_btn_small.png') 0px -87px no-repeat;}
.btn.small.go{padding-left: 30px;}
.btn.small.go:before{background: #f5f5f5 url('/common/img/common/spr_btn_small.png') 0px -172px no-repeat;}
.btn.small.go[target="_blank"]:after{bottom: 11px; right: 11px;}
.btn.small.ebook{padding-left: 30px;}
.btn.small.ebook:before{background: #f5f5f5 url('/common/img/common/spr_btn_small.png') 0px -199px no-repeat;}

/* 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;}
.conts div[class^="btnbox"] .btn{margin-bottom: 5px;}

/* image */
#sub_body img {max-width:100%; height:auto; }
@media all and (max-width: 720px) {
	#sub_body .thumb img {width: auto; height: 100%; max-width: none; position: absolute; left: -25%;}
}

/* 절차 */
.step{margin-top: 10px;}
.step>li{float: left; margin-bottom: 7px;}
/** 2개 step 추가 : 2017.10.27 **/
.step.li2>li{width: 50%;}
.step.li3>li{width: 33%;}
.step.li4>li{width: 25%;}
.step.li5>li{width: 20%;}
/** 첫번째 강제 화살표 추가 : 2017.10.20 **/
.step>li:after,
.step>li.first:before {background: url(../images/ico_step_next.png) no-repeat center center; width: 10%; height: 28px; display: inline-block; content: '';
vertical-align: middle;}
.step>li div{border: 1px solid #48a163; text-align: center; display: inline-block; width: 88%; box-sizing:border-box; vertical-align: middle; border-radius: 7px;
overflow: hidden;}
.step>li.first {margin-top: 11px !important;}
.step>li.first div	{ width: 76%; }
.step>li:last-child:after{display: none;}
.step>li:last-child div{width: 88%;}
.step:after{content: ''; display: block; clear: both;}
.step>li .txt01{background: #48a162; padding: 10px; color: #fff; font-weight: 600;margin-top: 0 !important;min-height: 21px;}
.step>li .txt02{padding-top: 10px; padding-bottom: 10px;}

.step li:nth-child(even) div{border: 1px solid #005bad;}
.step li:nth-child(even) .txt01{background: #005bae;}
/* ul ul 하위 step */
.list_ul ul .step {background: none !important;margin-top: 0 !important;padding: 5px 0 !important;}
.list_ul ul .step>li {padding-left: 0 !important;}
.list_ul ul .step>li:first-child {margin-top: 9px !important;}
.list_ul ul .step>li:before {background: none !important;}
.list_ul ul .step>li .txt02 {margin-top: 0 !important;}

.list_ul > li > ul.step > li{padding-top:0 !important;margin-top:0 !important;padding-left:0 !important;margin-bottom: 10px;}
.list_ul > li > ul.step > li:before{display:none !important;}

@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(../images/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% !important;}
}





/* 임의반응형 - 모바일에서 이미지크게보기 링크 */
.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;}
}

/* 설문조사 시작 */
/* 블로그형 설문조사 리스트 */
.bod_survey{
	border-top: 2px solid #006894;
	margin-top: 10px;
}
.bod_survey > ul > li{
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	position: relative;
}
.bod_survey > ul > li:after{
	content: '';
	display: block;
	clear: both;
}
.bod_survey > ul > li .col22{
	float: left;
	width: 30%;
}
.bod_survey > ul > li .survey_pic{
	width: 100%;
}
.bod_survey > ul > li .survey_con{
	float: left;
	width: 67%;
	margin-left: 3%;
	position: relative;
}
.bod_survey > ul > li .servey_wrap:HOVER .survey_con .survey_tit{
	text-decoration: underline;
}
.servey_wrap:focus {outline:dotted 1px #888; }
.bod_survey > ul > li .survey_con strong{
	width:85px;
	display: inline-block;
}
.bod_survey a{display: block; width: 100%; height: 222px;}
.survey_con > a{display: block;}
.survey_con .survey_tit{
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 95%;
	font-size: 20px;
	font-weight: 600;
	line-height: 27px;
	margin-bottom: 5px;
}
.bod_survey .survey_con span[class^="survey_"]{display: block; padding: 2px 0;}
.bod_survey .survey_con .survey_end span{border-radius:20px; color: #fff; font-weight: 600; padding: 2px 10px;}
.bod_survey .survey_con .survey_end .open{background: #ea7129;}
.bod_survey .survey_con .survey_end .secret{background: #888;}
.bod_survey .survey_con .survey_end span.off{background: #bbbbbb;}
.survey_pic img{
	width: 100%;
	height: 140px;
	border: 1px solid #ddd;
}
.bod_survey > ul > li a.btn_poll{position: absolute; top: 50px; right: 2px; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center;
font-weight: 600;}
.bod_survey > ul > li a.btn_poll.poll_start{background: #1698d1; color: #fff;}
.bod_survey > ul > li a.btn_poll.poll_start:hover{background: #0e719d;}
.bod_survey > ul > li a.btn_poll.poll_end{background: #888; color: #fff;}
.bod_survey > ul > li a.btn_poll.poll_ready{background: #fff; border:1px solid #9c9c9c; color: #bbb;}

@media (max-width:532px){
	.bod_survey > ul > li .col22{float: none; width: 270px; margin: 0 auto;}
	.bod_survey > ul > li .survey_con{float: none; width: 100%;}
	.bod_survey > ul > li a.btn_poll{position: relative; width: 100%; height: auto; line-height: 3em; top: 0; margin-top: 10px;}
}

/* 신규 설문조사 뷰 */
.poll_top{border-top: 2px solid #2879b7;}
.poll_top > .poll_h5 > .tit{font-size: 20px; font-weight: 600; text-align: center;}
.poll_top:after{content: ''; display: block; clear: both;}
.poll_top>.poll_img{ float: left; height: 245px; }
.poll_img img{width: 100%; height: 100%;}
.poll_top>.poll_info_wrap{width: 60%; float: left; }
.poll_info{border-bottom: 1px solid #ddd;}
.poll_info dt, .poll_info dd{display: inline-block; padding: 10px;}
.poll_info dt{background: #f5f5f5; width: 120px; height: 48px; box-sizing:border-box; line-height: 28px; font-weight: 600;}
.poll_txt {margin-top: 25px; margin-bottom: 25px; line-height: 2em;}

.assent_box{border:3px solid #e6e6e6;padding:30px;box-sizing:border-box;}
.assent_box>.border_center_box{border-bottom:1px dashed #ddd;border-top:1px dashed #ddd;padding:10px 0;margin:10px 0;}
.assent_box>p{font-weight:600;font-size:13px;}
.assent_box label{font-weight:600;}
#conts .ass_design>h4,
#ctn .ass_design>h4 {margin-bottom:10px;}
.ass_design{background:url(../images/bg_businessUser_ass.png) no-repeat 105% 0;}
.ass_design .assent_txt{display:inline-block;width:55%}
.ass_design>h5{display:inline-block;vertical-align:top;margin-top:0 !important;}

@media all and (max-width:640px) {
	.assent_box {padding:10px;}
	.ass_design {background:none;}
}

/* 신규 설문조사 작성페이지 */
.poll_Qlist{padding-top: 10px; margin-bottom: 20px;}
.poll_Qlist dt{background: #f1f1f1; border-radius:20px; margin-bottom: 10px; padding: 5px;}
.poll_Qlist .tit{background: #3693da; border-radius:20px; padding: 4px 10px; color: #fff; font-weight: 600;}
.poll_Qlist li{margin: 7px 0;}
.poll_Qlist ul{padding-left: 15px;}

.poll_h5{background: #f5f5f5; padding: 10px; border-bottom: 1px solid #ddd;}
#conts .poll_h5 h5,
#ctn .poll_h5 h5 {background: none; margin-top: 0; margin-left: 0; padding-left: 0; text-align: center;}

.qPhoto li{width: 48%; display: inline-block; vertical-align: top;}
.qPhoto li p{width: 90%; margin-top: 10px; margin-bottom: 15px;}
.qPhoto li p>img{width: 100%;}

.qBlog li p{width: 100%;}
.qBlog li p>img{max-width: 100%; margin: 0 auto; display: block;}

.poll_qLast{background: url(../images/ico_poll_qLast.png) no-repeat 14px 12px; padding-left: 95px; border-top: 1px dashed #ddd; padding-top: 20px;}
.poll_qLast .tit{font-size: 17px; font-weight: 600;}
.commit_list .bar_warp{float: left; width: 80%;}
.commit_list .bar {background: #eaeaea; border-radius:20px; width: 100%; display: block; height: 15px; margin-top: 5px;}
.commit_list .bar_on{background: #f5b709 url(/common/img/common/bg_bar_pt.png); border-radius:20px; display: block; height: 15px;}
.commit_list .bar_txt{float: right; width: 20%; text-align: right;}
.commit_list li:after{content: ''; display: block; clear: both;}

.commit_list .oneline span{float: left; width: 10%;}
.commit_list .oneline .bar_warp{width: 70%;}
.commit_list .oneline .bar_txt{width: 20%;}
.commit_list .oneline .bar{margin-top: 0; height: 12px; margin-top: 5px;}
.commit_list .oneline .bar_on{background: #16bbec url(/common/img/common/bg_bar_pt.png); height: 12px;}
.commit_list .answer span{margin-right: 10px;}
.commit_list .answer span:before{display: inline-block; content: ''; width: 10px; height: 10px; margin-right: 3px;}
.commit_list .answer .answer01{color: #278e5a;}
.commit_list .answer .answer01:before{background: #278e5a;}
.commit_list .answer .answer02{color: #4f7ce0;}
.commit_list .answer .answer02:before{background: #4f7ce0;}
.commit_list .answer .answer03{color: #d86161;}
.commit_list .answer .answer03:before{background: #d86161;}

.commit_list .answer .answer04{color: #a98811;}
.commit_list .answer .answer04:before{background: #a98811;}
.commit_list .answer .answer05{color: #ba6ce2;}
.commit_list .answer .answer05:before{background: #ba6ce2;}
.commit_list .answer .answer06{color: #59d1ec;}
.commit_list .answer .answer06:before{background: #59d1ec;}
.commit_list .answer .answer07{color: #0e2f77;}
.commit_list .answer .answer07:before{background: #0e2f77;}
.commit_list .answer .answer08{color: #f78080;}
.commit_list .answer .answer08:before{background: #f78080;}
.commit_list .answer .answer09{color: #fba617;}
.commit_list .answer .answer09:before{background: #fba617;}
.commit_list .answer .answer10{color: #45c37d;}
.commit_list .answer .answer10:before{background: #45c37d;}

.commit_list .bar_warp .answer01 .bar_on{background: #278e5a url(/common/img/common/bg_bar_pt.png);}
.commit_list .bar_warp .answer02 .bar_on{background: #4f7ce0 url(/common/img/common/bg_bar_pt.png);}
.commit_list .bar_warp .answer03 .bar_on{background: #d86161 url(/common/img/common/bg_bar_pt.png);}

.commit_list .bar_warp .answer04 .bar_on{background: #a98811 url(/common/img/common/bg_bar_pt.png);}
.commit_list .bar_warp .answer05 .bar_on{background: #ba6ce2 url(/common/img/common/bg_bar_pt.png);}
.commit_list .bar_warp .answer06 .bar_on{background: #59d1ec url(/common/img/common/bg_bar_pt.png);}
.commit_list .bar_warp .answer07 .bar_on{background: #0e2f77 url(/common/img/common/bg_bar_pt.png);}
.commit_list .bar_warp .answer08 .bar_on{background: #f78080 url(/common/img/common/bg_bar_pt.png);}
.commit_list .bar_warp .answer09 .bar_on{background: #fba617 url(/common/img/common/bg_bar_pt.png);}
.commit_list .bar_warp .answer10 .bar_on{background: #45c37d url(/common/img/common/bg_bar_pt.png);}

.tableSt_write.table_plus tbody tr:first-child th, .tableSt_write.table_plus tbody tr:first-child td{border-top: 0;}
.tableSt_write.table_plus tbody{background: #f7f7f7;}
.tableSt_write a[class^="btn_list_"]{background-image: url(../images/spr_sys_poll.png); background-repeat:no-repeat; background-color:#fff; text-indent: -9999px;
overflow: hidden; padding: 5px !important; height: 16px; vertical-align: middle; border: 1px solid #ccc;}
.btn_list_img_plus{background-position: 6px 5px; width: 22px;}
.btn_list_delete{background-position: -41px 6px; width: 16px; }
.btn_list_img_delete{background-position: 6px -18px; width: 16px;}
.btn_list_plus{background-position: -81px 6px; width: 16px;}
.btn_etc_plus{background: #24bac1 url(../images/spr_sys_poll.png) no-repeat -81px -57px; padding-left: 23px !important; border:1px solid #ccc; color: #fff !important;}

.table_plus input[type="text"], .table_plus input[type="password"], .table_plus input[type="file"]{margin: 5px 0;}

.w900{width: 900px;}
.poll_Qlist .w100{box-sizing:border-box;}

@media (max-width:600px){
	.commit_list .oneline span, .commit_list .oneline .bar_txt, .commit_list .oneline .bar_warp,
	.commit_list .bar_txt, .commit_list .bar_warp{width: 95%; float: none; display: block;}
}

/* 설문조사 끝 */

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

/* 공공누리 */
.wrap_ccl { width: 100%; background: #dfe2e7; border-bottom: 1px solid #ddd; padding: 19px 32px; box-sizing: border-box; margin-top: 45px; text-align: left;}
.wrap_ccl img, .wrap_ccl p { display: inline-block; vertical-align: middle; font-size: 15px;}
.wrap_ccl img { margin-right: 10px; width:auto;}
.wrap_ccl a[target="_blank"] { padding-right: 0;background: none;}

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

/* 디자인 박스 */
.desing_box{background: #eaeff5; position: relative; padding: 3px;}
.desing_box:before, .topbox:after{background: #3f84c1; width: 25px; height: 25px; display: block; content: ''; position: absolute;}
.desing_box:before{top: 0; left: 0;}
.desing_box .inner{background: #fff; padding: 20px; z-index: 2; position: relative; display: block; padding-left: 100px;}
.desing_box:after{right: 0;bottom: 0;}

.desing_box .inner h4{font-size: 23px; padding-left: 0; color: #3f84c3; margin-bottom: 10px; margin-top: 0;}
.desing_box .inner h4:before{display: none;}

.desing_box .inner:before{content: ''; display: block; position: absolute; width: 60px; height: 60px; top: 20px;left: 20px;}
.desing_box.farm .inner:before{background: url(/portal/img/sub06/topbox_farm.png) no-repeat;}
.desing_box.manifesto .inner:before{background: url(/mayor/img/sub03/topbox_manifesto.png) no-repeat;}
.desing_box.minwon .inner:before{background: url(/portal/img/sub01/topbox_minwon.png) no-repeat;}
.desing_box.medical .inner:before{background: url(/portal/img/sub04/topbox_medical.png) no-repeat;}
.desing_box.veteran .inner:before{background: url(/portal/img/sub04/topbox_veteran.png) no-repeat;}
.desing_box.invest .inner:before{background: url(/portal/img/sub01/topbox_invest.png) no-repeat;}
.desing_box.job .inner:before{background: url(/portal/img/sub06/topbox_job.png) no-repeat;}
.desing_box.pc .inner:before{background: url(/portal/img/sub01/topbox_pc.png) no-repeat;}
.desing_box.silver .inner:before{background: url(/portal/img/sub04/topbox_silver.png) no-repeat;}
.desing_box.babycare .inner:before{background: url(/portal/img/sub04/topbox_babycare.png) no-repeat;}
.desing_box.multicultural .inner:before{background: url(/portal/img/sub04/topbox_multicultural.png) no-repeat;}
.desing_box.youth .inner:before{background: url(/portal/img/sub04/topbox_youth.png) no-repeat;}
.desing_box.pregnancy .inner:before{background: url(/portal/img/sub06/topbox_pregnancy.png) no-repeat;}
.desing_box.cancer .inner:before{background: url(/portal/img/sub06/topbox_cancer.png) no-repeat;}
.desing_box.parking .inner:before{background: url(/portal/img/sub06/topbox_parking.png) no-repeat;}
.desing_box.caution .inner:before{background: url(/portal/img/sub06/topbox_caution.png) no-repeat;}
.desing_box.defense .inner:before{background: url(/portal/img/sub06/topbox_defense.png) no-repeat;}
.desing_box.recycle .inner:before{background: url(/portal/img/sub06/topbox_recycle.png) no-repeat;}
.desing_box.sns .inner:before{height: 68px;background: url(/portal/img/sub03/topbox_sns.png) no-repeat;}
.desing_box.water .inner:before{background: url(/portal/img/sub06/topbox_water.png) no-repeat;}
.desing_box.tax_accountant .inner:before{background: url(/portal/img/sub01/topbox_tax_accountant.png) no-repeat;}

@media all and (max-width:500px) {
	.desing_box .inner:before{position: relative; margin: 0 auto; top: 0; left: 0;}
	.desing_box .inner{padding: 20px;}
	.desing_box .inner h4{margin-top: 20px; text-align: center; line-height: 1.3em;}
}


/* table */
.tbl_wrap .tbl_guide {display: none;text-align: left;}
/* 테이블 */
@media all and (max-width:768px) {
	.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; }
	.tbl_wrap .tbl_guide { display: block; padding: 20px 0 0 18px; color: #3547ad; font-size: 13px; background: url('../images/ico_tbl_guide.gif') 2px 22px no-repeat; line-height: 1.5em;}
	.tbl_wrap .tbl{width: 729px;}
}


/* TAB > depth05 */
.depth05 {background: #fff; padding: 20px 0 15px; margin-top: 15px; box-sizing: border-box; border:4px solid #e8e7f1;}
.depth05 >li {width: 33.333%; float: left; margin: 0; box-sizing: border-box;}
.depth05.li4 >li {width: 25%;}
.depth05.li5 >li {width: 20%;}
.depth05 >li:hover >a, .depth05 > li >a:focus {color: #000; font-weight: 600;}
.depth05 >li >a {display: inline-block; padding: 4px 0; position: relative; padding-left:35px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;
width: 90%; overflow: hidden; letter-spacing: -0.5pt;}
.depth05 >li >a.on {color: #1ea827;font-weight: 600;text-decoration: underline;}
.depth05 >li a:before {position: absolute; content: ''; width: 9px; height: 9px; left: 20px; top: 8px; background: #fff ; border-radius:2px;}
.depth05 >li:not(:nth-child(3n)) {border-right: 1px solid #e1e5ed;}
.depth05.li4 >li:not(:nth-child(4n)) {border-right: 1px solid #e1e5ed;}
.depth05.li5 >li:not(:nth-child(5n)) {border-right: 1px solid #e1e5ed;}
.conts .depth05 ~ div{position: relative; margin-left: 0;}
.tbl_wrap.p4{padding-left: 36px;}
.conts .btn_top {border: 1px solid #ddd; background: #f5f5f5 url(/common/img/common/spr_btn.png) no-repeat 0 -308px; display: inline-block; text-align: left;
padding: 6px 10px 6px 45px; transition:0.5s; margin-top: -10px; border-radius:5px;}
.conts .btn_top:hover {border: 1px solid #66778b;}


/* 공통 */

.bx-controls{line-height:0; font-size:0;}
.bx-controls *{display:inline-block; vertical-align:top;}
.bx-pager div a,
.bx-controls-auto-item a,
.bx-controls-direction a{text-indent:-9999px; font-size:0; line-height:0;}
.bx-controls-auto-item a.active{display:none;}

.visual .bx-controls-auto {display:none;}


/* 8경 */
.con_visual_wrap {position: relative; max-width:1092px; margin-top:40px; height:600px;}
.con_visual_wrap .ctrl{display:none;}
.con_visual_wrap .bx-controls-direction a{position:absolute; top:50%; margin-top:-30px; z-index:2; background: rgba(44,109,169,0.8) url(/tour/img/sub01/spr_ctr.png) no-repeat; width: 72px; height: 52px; text-indent: -999999px;}
.con_visual_wrap .bx-controls-direction a.bx-prev{left:0;}
.con_visual_wrap .bx-controls-direction a.bx-next{right:0; background-position:0 -52px;}
.con_visual_wrap .img li{position:absolute; top:0; left:0; display:block !important;}

@media all and (max-width:1024px) {
	/* 8경 */
	.con_visual_wrap {max-width:100%; margin-top:20px; height:auto;}

	.depth05 >li >a  {padding-bottom: 0;}
	.depth05.li5 >li {width: 25%;}
	.depth05.li5 >li:not(:nth-child(4n)) {border-right: 1px solid #e1e5ed;}
}
@media all and (max-width:768px) {
	.depth05 >li {width: 50%;}
	.depth05 >li:not(:nth-child(3n)){border: none;}
	.depth05 >li:not(:nth-child(even)) {border-right: 1px solid #e1e5ed;}
	.depth05 >li >a {width: 82%;}
	.depth05.li5 >li {width: 33.333%;}
	.depth05.li5 >li:not(:nth-child(3n)) {border-right: 1px solid #e1e5ed;}

	/* 이미지반응형 */
	.img_respon .img_bigView,
	.img_respon a[target="_blank"].img_bigView{text-indent:-9999px; display: block; width: 30px; height: 30px;
	background: rgba(0, 0, 0, 0.5) url(/common/img/common/ico_bigView.png) no-repeat center center; padding: 0 !important; position: absolute; bottom: 10px; right: 10px;}
	.img_respon a[target="_blank"].img_bigView:after{display: none;}
}
@media all and (max-width:568px) {
	.depth05 {padding: 10px;}
	.depth05 >li {width: 100%; border-right: none !important;}
	.depth05 >li a {padding-left: 30px;}
	.depth05 >li a:before {left: 5px;}
	.depth05.li5 >li, .depth05.li4 >li {width: 50%;}
}
@media all and (max-width:375px) {
	.depth05.li5 >li {width: 100%;}
}
@media all and (max-width:320px) {
	.depth05 >li >a {width: 84%;}
}


/* 이미지 반응형 및 이미지 라인박스 */
.img_respon .img_bigView{display: none;}
.box_line{border: 2px solid #e0e2e6; padding: 10px; text-align: center;}
@media all and (max-width:768px) {
	/* 이미지반응형 */
	.img_respon .img_bigView,
	.img_respon a[target="_blank"].img_bigView{text-indent:-9999px; display: block; width: 30px; height: 30px;
	background: rgba(0, 0, 0, 0.5) url(/common/img/common/ico_bigView.png) no-repeat center center; padding: 0 !important; position: absolute; bottom: 10px; right: 10px;}
	.img_respon a[target="_blank"].img_bigView:after{display: none;}
}

/* 오시는 길 */
.map_wrap{border-top: 2px solid #228994;}
.map_wrap div{border-bottom: 1px solid #ddd; padding-bottom: 20px; padding-top: 20px;}
.map_wrap div:nth-child(odd){background: #fafbfb;}
.map_wrap p{float: left; padding-top: 80px; background: url(/portal/img/sub01/spr_map.png) no-repeat; font-size: 16px; width: 15%;
text-align: center; color: #276cad; font-weight: 600;}
.map_wrap ul{float: left; width: 80%;}
.map_wrap .car p{background-position: center 0;}
.map_wrap .subway p{background-position: center -273px; padding-top: 94px;}
.map_wrap .bus p{background-position: center -552px;}

/* 지도 내 상세설명 */
.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;
	}



@media (max-width: 644px){
	.map_wrap p{margin-bottom: 10px;}
	.map_wrap p, .map_wrap ul{float: none; width: 100%;}
}

/* 멀티서치 */
.multSearch{ background:#f9f9f9; padding:30px 30px 20px; border:1px solid #ddd; border-top:2px solid #238a95;}
.multSearch li{ padding:5px 0; }
.multSearch li:first-child{padding-top: 0;}
.multSearch li .btn{margin-bottom: 0;}
.multSearch li .btn.search{margin: 0px 5px;}
.multSearch li input#searchTxt{height: 26px;}
.multSearch .tit{ padding-left:12px; position:relative; min-width:12%; display:block; float:left; border-right:1px solid #ddd; }
.multSearch .tit:before{content: ''; position: absolute; width: 8px; height: 8px; left: 0; top: 6px; }
.multSearch .tit ~ *{float: left;}
.multSearch .bbn{border-bottom: none !important; padding-bottom: 0 !important;}
.multSearch + .bod_head {margin: 15px 0 10px !important; padding: 0;}
.multSearch .con{ display:block; float:left; margin-left:4%; }
.multSearch li:after{content: ''; display: block; clear: both;}
.multSearch .con span{padding: 0 5px;}
.multSearch input[type^="text"] { vertical-align:middle; height:25px; letter-spacing:-1px; width:26%; }
.multSearch div[class^="day_"]{display: inline-block; vertical-align: top;}

@media (max-width: 868px){
	.multSearch div[class^="day_"] input[type="text"]{width: 114px !important;}

}

@media (max-width: 820px){
	.multSearch .tit { width:100%; border-right:0; }
	.multSearch .con { width:100%; margin-left:2%; margin-top:5px; }
}
@media (max-width: 450px){
	.multSearch input[type="text"]{width: 60% !important;}
	.multSearch div[class^="day_"].day_end{margin-left: 87px; margin-top: 10px;}
	.multSearch .tit{width: 75px;}
}
@media (max-width: 328px){
	.multSearch .tit{width: 70px;}
	.multSearch div[class^="day_"].day_end{margin-left: 82px;}
}

.multSearch.edu .tit{margin-left:0; padding-right:10px; font-weight:600; color:#525252;}
.multSearch.edu li:last-child{border:none;padding-bottom: 0;}
.multSearch.edu .con{margin-left:2%; }
.multSearch.edu li input#searchTxt{height: 20px;}

@media (max-width: 830px){
.multSearch.edu .con{border-bottom: none;}
.multSearch.edu li .btn{margin-top: 0px!important;}
.multSearch.edu input[type="text"]{width: 46% !important;}
.multSearch.edu .con #searchDateType{width:95%; margin-bottom:5px;}
}

@media (max-width: 500px){
.multSearch.edu .con #searchDateType{width:96%;}
}

/* 팝업창 */
.popup_wrap{padding: 10px;}
.popup_wrap h1, .popup_wrap h2, .popup_wrap h3 {position: relative; text-align: left; font-weight: 600; letter-spacing: -0.5pt;}
.popup_wrap h1, #pop_container h1 {font-size:25px; padding-left:26px; margin-top:50px; line-height: 1.2em;}
.popup_wrap h1:before, #pop_container h1:before {content: ''; position: absolute; left: 0; top: 5px; width: 20px; height: 20px; }
.popup_wrap h2, #pop_container h2 {font-size:20px; padding-left:20px; margin:30px 0 0 8px;line-height: 130%;}
.popup_wrap h2:before, #pop_container h2:before {content: ''; position: absolute; left: 0; top: 6px; width: 16px; height: 15px; }
.popup_wrap h3, #pop_container h3 {font-size:18px; padding-left:13px; margin:30px 0 0 18px;}
.popup_wrap h3:before, #pop_container h3:before {content: ''; position: absolute; left: 0; top: 6px; width: 9px; height: 9px; }
.popup_wrap h1:first-of-type, #pop_container h1:first-of-type {margin-top:30px;}
.popup_wrap ul:first-child {margin-top: 0;}


/* 본인인증 폼 */
.realnameWrap {display:block; position:relative; margin-left:-10px; margin-right:-10px;}
.realnameWrap:after {content:""; display:block; clear:both;}
.realnameWrap .item-realname {width:44%; float:left; position:relative; padding:10px; box-sizing:border-box;}
.item-realname .item-inner {display:block; position:relative; border:1px solid #dedede; padding:20px 20px 7em; box-sizing:border-box; height:24em;}
.item-realname .title {font-size:1.6em; font-weight:600; color:#0c4d83; line-height:1.5; margin-bottom:1em; }
.item-realname .real-btnBox {position:absolute; left:0; right:0; bottom:0; padding:20px; text-align:center;}
.item-realname .real-btn {display:inline-block; vertical-align:middle; padding:.7rem 1rem; margin:.2em 0; border:2px solid #e0e0e0; background:#f5f5f5; color:#000; font-size:1em;}
.item-realname .real-btn:hover {border-color:#0c4d83;}
.item-realname .real-btn.cancel {background:#fff;}

@media all and (max-width:810px) {
	.realnameWrap .item-realname {width:50%;}
}
@media all and (max-width:730px) {
	.realnameWrap .item-realname {width:auto; float:none;}
	.item-realname .item-inner {height:auto; padding-bottom:20px;}
	.item-realname .real-btnBox {position:relative; padding:20px 0 0;}
}
@media all and (max-width:380px) {
	.item-realname .real-btn {display:block; clear:both; width:100%;}
}