@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');

.only-pc {}
.only-ta {}
.only-mo {}

.not-pc {}
.not-ta {}
.not-mo {}

@media all and (min-width:1025px) {
	.not-pc,
	.only-ta,
	.only-mo {display:none !important;}
}
@media all and (max-width:1024px) and (min-width:641px) {
	.not-ta,
	.only-pc,
	.only-mo {display:none !important;}
}
@media all and (max-width:640px) {
	.not-mo,
	.only-pc,
	.only-ta {display:none !important;}

	.mo-full {width:100% !important;}
}


/* 가이드기본 */
.tab { margin: 0 0 30px; border-bottom: 1px solid #215bbc; }
.tab>li { float: left; }
.tab a { width: 140px; display: block; text-align: center; background: #e9f1ef; border: 1px solid #215bbc; border-bottom: 0; padding: 10px 17px; margin-right: 10px; color: #215bbc; ;}
.tab a.active { background: #215bbc; color: #fff; }
.exp_guide { padding: 2rem 2.4rem; background: #e9f1ef; border: 2px solid #58a087; line-height: 160%; color: #333; font-size: 1.5rem; word-break: break-all; }
#uiGuide, #contGuide { position: relative; }

label.hidden {display:block; position:absolute; width:0; height:0; overflow:hidden; text-indent:-999px; top:0; left:0;}

@media all and (max-width:769px) {
	body {font-size:1.6rem;}
}
/*@media all and (max-width:640px) {
	body {font-size:1.4rem;}
}
@media all and (max-width:375px) {
	body {font-size:1.3rem;}
}
*/

.inline {display:inline !important;}
.inlineBlock {display:inline-block !important;}

.comma > * + *:before {content:", " !important; display:inline !important; font-size:1em !important; width:auto !important; height:auto !important;}



/*************************************
	TEXT
**************************************/


#conts em {color:#e21f1b; font-size:1em;}
#conts table th em {color:#ffea37; }
#conts p {}
#conts .p-title {font-size:2.5rem; color:#000; font-weight:600;}
#conts .small {font-size:1.5rem;}
#conts .smallest {font-size:1.4rem;}
#conts .small li {font-size:1.5rem;}
#conts .smallest li {font-size:1.4rem;}
#conts .point {color:#216cda;}
#conts .txt_point {color:#216cda !important;}
#conts .txt_point2 {color:#003583 !important;}
#conts .txt_point3 {color:#00a69c !important;}
#conts .error {color:#f16d25;}
#conts .sub {color:#797979; font-size:1.6rem;}
#conts .sub2 {color:#656565; font-size:1.6rem;}
#conts .helper {color:#215bbc;}
#conts .orange {color:#f68e55;}
#conts .yellow-green {color:#96be3f;}
#conts .purple {color:#6979c7;}
#conts .gray {color:#666666;}
#conts .black {color:#000;}
#conts .white {color:#fff;}
#conts strong {font-weight:600;}
#conts .link {color:#216cda; text-decoration:underline;}
#conts .link:hover {background-color:#ebf3f0;}
#conts *[target="_blank"]:not([class]),
#conts .link[target="_blank"] {position:relative; margin-right:0.5rem; word-break:break-all;}
#conts *[target="_blank"]:not([class]):after,
#conts .link[target="_blank"]:after {content:""; display:inline-block; /* position:absolute; */ margin-left:0.4rem; /* top:50%; margin-top:-.65rem; left:100%; */ width:13px; height:18px; background:url('/common/img/common/ico_snb_blank.png') no-repeat 50% bottom;}
#conts form[target="_blank"]:after { display: none !important; }
#conts .open_license a[target="_blank"]:after { display: none !important; }
#conts .icon-file {display: inline-block; padding-left: 30px; background: url('/common/img/guide/ico_file.png') no-repeat left 5px; line-height: 2; text-decoration: underline; }
#conts .icon-file:hover { color:#006ec3; }
#conts .s-title,
#conts *.box-design .s-title,
#conts *.box-design p.s-title {font-size:2.2rem !important; font-weight:500; margin-bottom:.36em; letter-spacing:-.05em; color:#222 !important;}
#conts .s-title.st2 {font-size:1.6rem !important; font-weight:800; margin-bottom:.5em; letter-spacing:-.05em; color:#333 !important; display: inline-block; border-bottom: 1px solid #333; padding-bottom: 2px;}

#conts .list-count {color:#000; font-size:1.8rem;}
#conts .list-count span {display:inline-block; vertical-align:middle;}
#conts .list-count span + span {margin-left:1em;}
#conts .list-count em {color:#215bbc; font-weight:800;}

@media all and (max-width:769px) {
	#conts p {font-size:1.6rem;}
	#conts .p-title {font-size:2rem;}

	#conts *.box-design .cell,
	#conts *.box-design .cell p,
	#conts *.box-design .list-o,
	#conts *.box-design .list-u,
	#conts *.box-design .cell li {font-size:1.07em !important;}
	#conts *.box-design .t1 + .cell {font-size:1.4rem;}

	#conts .s-title,
	#conts *.box-design .s-title,
	#conts *.box-design p.s-title {font-size:2rem !important;}
	#conts .s-title.st2 {font-size:1.5rem !important}
	#conts .icon-file {background-size:auto 1.4em; padding-left:1.7em;}
	#conts .s-title.years {font-size:2.3rem !important;}
}
@media all and (max-width:375px) {
	/*#conts p {font-size:1.4rem;}*/
	#conts .p-title {font-size:1.8rem;}
	#conts .s-title,
	#conts *.box-design .s-title,
	#conts *.box-design p.s-title {font-size:1.7rem !important;}
	#conts .s-title.st2 {font-size:1.4rem !important}
	#conts .s-title.years {font-size:1.8rem !important;}
}


/*************************************
	Tab Style
**************************************/

#conts .depth05 {border:1px solid #ddd; padding:1.8rem 3.5rem; margin-bottom:1.5rem; border-radius:.8rem;}
#conts .depth05:after {content:""; display:block; clear:both;}
#conts .depth05 li {display:inline-block; vertical-align:top; position:relative; width:25%; box-sizing:border-box; padding:.8rem; margin-left:-4px;}
#conts .depth05 li a {display:block; position:relative; font-size:1.7rem; color:#555; padding-left:1.3rem; word-break:keep-all; line-height:1.4;}
#conts .depth05 li a:before {content:""; display:block; position:absolute; left:0; top:.5em; width:5px; height:5px; background:url('/common/img/common/ico_tab.png') no-repeat 50% 50%; background-size:contain;}
#conts .depth05 li.on a,
#conts .depth05 li a.on,
#conts .depth05 li a:hover {color:#216cda; font-weight:800;}
#conts .depth05 li.on a:before,
#conts .depth05 li a.on:before,
#conts .depth05 li a:hover:before {background-position:0 0;}

@media all and (max-width:640px) {
	#conts .depth05 {padding:1.5rem;}
	#conts .depth05 li {padding:1rem .2rem; width:49.5%;}
	#conts .depth05 li a {font-size:1.5rem; padding-right:1rem;}
}
@media all and (max-width:440px) {
	#conts .depth05 li {display:block; width:auto; float:none;}
}
@media all and (max-width:375px) {
	#conts .depth05 li {padding:.5rem .2rem;}
	#conts .depth05 li a {font-size:1.4rem;}
}


/*************************************
	List
**************************************/

#conts table .list-o li,
#conts table .list-u li {font-size:1.5rem; text-align:left; }

#conts .fix-mh4,
#conts .list-u.mh4,
#conts .list-o.mh4 {margin-left:3rem !important;}
#conts .fix-mh5,
#conts .list-u.mh5,
#conts .list-o.mh5 {margin-left:3rem !important;}
#conts .fix-mh6,
#conts .list-u.mh6,
#conts .list-o.mh6 {margin-left:4rem !important;}

#conts .list-o,
#conts .list-u {font-size:1.7rem; line-height:1.5;}

#conts .list-o li,
#conts .list-u li {position:relative; font-size:1em; color: #333;}
#conts .list-u li:before {display:block; position:absolute; top:.75em; left:0; background:url('/common/img/common/split_ul_dot.png') no-repeat 0 0; background-size:1.1rem;}
#conts .list-o li ul,
#conts .list-u li ul,
#conts .list-o li ol,
#conts .list-u li ol {margin:1em 0;}

#conts .list-o li ul,
#conts .list-u li ul,
#conts .list-o li ol,
#conts .list-u li ol {font-size:.98em;}

#conts .list-u li + li,
#conts .list-o li + li {margin-top:.5em !important;}

#conts *[class*="col-"] > li + li {margin-top:0px !important;}

#conts .list-u > li {padding-left:1.7rem;}
#conts .list-u > li:before {content:""; width:1.1rem; height:1.1rem; margin-top:-.5rem; background-position:0 0px;}

#conts .list-o {counter-reset:index;}
#conts .list-o ol {counter-reset:index;}
#conts .list-o li {padding-left:1.65em;}
#conts .list-o > li:before,
#conts .list-o > li > ol > li:before {content:"0"counter(index); counter-increment:index; display:block; position:absolute; width:1.2em;height:1.3em; color:#00a69c; background: none !important; line-height:1.7; text-align:center; top:.56em; margin-top:-.65em; left:0; font-size:.88235em; font-weight:900; font-family:'Roboto', sans-serif; border-bottom:2px solid #00a69c; box-sizing:content-box; font-weight:800;}
#conts .list-o li.d:before,
#conts .list-o > li:nth-child(9) ~ li:before {content:counter(index);}
#conts .list-o > li > ol > li:before {color:#222222; border-bottom:none; line-height:1.3em; margin-top:-.25em;}

#conts .list-o ol.bul-kor > li:before {font-family:'Spoqa Han Sans Neo', 'Noto Sans KR', 'Malgun gothic', '맑은고딕', sans-serif; margin-top:-.4em; display:block; position:absolute; width:1.2em;height:1.3em; background: none !important; line-height:1.7; text-align:center; top:.56em; margin-top:-.65em; left:0; font-size:.88235em; box-sizing:content-box; font-weight:800; color:#222222; border-bottom:none; line-height:1.3em; margin-top:-.4em;}
#conts .list-o ol.bul-kor > li:nth-child(1):before {content:"가."}
#conts .list-o ol.bul-kor > li:nth-child(2):before {content:"나."}
#conts .list-o ol.bul-kor > li:nth-child(3):before {content:"다."}
#conts .list-o ol.bul-kor > li:nth-child(4):before {content:"라."}
#conts .list-o ol.bul-kor > li:nth-child(5):before {content:"마."}
#conts .list-o ol.bul-kor > li:nth-child(6):before {content:"바."}
#conts .list-o ol.bul-kor > li:nth-child(7):before {content:"사."}
#conts .list-o ol.bul-kor > li:nth-child(8):before {content:"아."}
#conts .list-o ol.bul-kor > li:nth-child(9):before {content:"자."}
#conts .list-o ol.bul-kor > li:nth-child(10):before {content:"차."}
#conts .list-o ol.bul-kor > li:nth-child(11):before {content:"카."}
#conts .list-o ol.bul-kor > li:nth-child(12):before {content:"타."}
#conts .list-o ol.bul-kor > li:nth-child(13):before {content:"파."}
#conts .list-o ol.bul-kor > li:nth-child(14):before {content:"하."}


#conts .list-o li strong,
#conts .list-u li strong {color:#333 !important;}
#conts .list-o li strong.error,
#conts .list-u li strong.error {color:#eb581e !important;}

#conts .list-o > li ul li,
#conts .list-u > li ul li {padding-left:1rem; font-size: 1em; color: #333; line-height: 1.6;}
#conts .list-o > li ul li:before,
#conts .list-u > li ul li:before {content:""; width:1.1rem; height:1.2rem; left:0; margin-top:-.34rem; background-position:0 -2.6rem;}
#conts .list-u > li > ul > li:before {margin-top:-.5rem;}
#conts .list-o > li li li,
#conts .list-u > li li li {color:#666666;}
#conts .list-o > li ul li ul li:before,
#conts .list-u > li ul li ul li:before {content:""; width:.4rem; height:.4rem; margin-top:-.2rem; background-position:0 -5.5rem;}

/* #conts .box-design .cell .list-u > li:before {width:5px; height:5px; background-position:0 -22px;} */
#conts .box-design .cell .list-u li + li,
#conts .box-design .cell .list-o li + li {margin-top:7px !important;}
/*#conts .box-design .cell .list-u > li ul li:before {width:7px; height:10px; left:0px; top:7px; background-position:0 -35px;}*/

#conts .list-u .button.small,
#conts .list-o .button.small {height:1.5em; margin:0 0 0 5px !important; line-height:1.4em; font-size:.85em !important; padding:0 ; min-width:0;border:none; border-bottom:1px solid #216cda; border-radius:0;}
#conts .list-u .button.small:hover,
#conts .list-o .button.small:hover {background:#e2f2f8; color:#216cda !important;}
#conts .list-u .button.small:hover:after,
#conts .list-o .button.small:hover:after {background-position:0 -11.7rem;}
#conts .list-u .button.small.down:hover:after,
#conts .list-o .button.small.down:hover:after {background-position:0 .3rem;}




/*#conts ul[class*="col-"] li { float: left; }*/

#conts ul[class*="list-"].col-1 li { width: 100%; }
#conts ul[class*="list-"].col-5 li{ display:inline-block; width: 20%; }
#conts ul[class*="list-"].col-4 li{ display:inline-block; width: 25%; }
#conts ul[class*="list-"].col-3 li{ display:inline-block; width: 33.33%; }
#conts ul[class*="list-"].col-2 li{ display:inline-block; width: 50%; }
#conts ul[class*="list-"].col-1 li{ display:inline-block; width: 100%; float: none; }

@media all and (max-width:1024px){
	#conts ul[class*="list-"].ta-col-1 li { width: 100%; }
	#conts ul[class*="list-"].ta-col-5 li{ display:inline-block; width: 20%; }
	#conts ul[class*="list-"].ta-col-4 li{ display:inline-block; width: 25%; }
	#conts ul[class*="list-"].ta-col-3 li{ display:inline-block; width: 33.33%; }
	#conts ul[class*="list-"].ta-col-2 li{ display:inline-block; width: 50%; }
	#conts ul[class*="list-"].ta-col-1 li{ display:inline-block; width: 100%; float: none; }

}
@media all and (max-width:800px){
	#conts ul[class*="list-"].mo-col-1 li { width: 100%; }
	#conts ul[class*="list-"].mo-col-5 li{ display:inline-block; width: 20%; }
	#conts ul[class*="list-"].mo-col-4 li{ display:inline-block; width: 25%; }
	#conts ul[class*="list-"].mo-col-3 li{ display:inline-block; width: 33.33%; }
	#conts ul[class*="list-"].mo-col-2 li{ display:inline-block; width: 50%; }
	#conts ul[class*="list-"].mo-col-1 li{display:inline-block; width: 100%; float: none; }
}

@media all and (max-width:769px) {
	#conts .list-o li, #conts .list-u li {font-size:1.5rem;}
	#conts .list-u li + li, #conts .list-o li + li {margin-top:8px !important;}
	#conts .list-o > li li, #conts .list-u > li li {font-size:1.4rem;}

	#conts .list-o > li:before {font-size:1em;}

	#conts table .list-o li,
	#conts table .list-u li {font-size:1.4rem;}
}

@media all and (max-width:640px) {
	#conts .fix-mh5,
	#conts .list-u.mh5,
	#conts .list-o.mh5 {margin-left:.5em !important; font-size:1.7rem;}
	#conts .fix-mh6,
	#conts .list-u.mh6,
	#conts .list-o.mh6 {margin-left:.9rem !important;}
}

@media all and (max-width:375px) {
	#conts .fix-mh5,
	#conts .list-u.mh5,
	#conts .list-o.mh5 {font-size:1.7rem;}
	#conts .list-o li, #conts .list-u li {font-size:1.5rem;}
	#conts .list-o > li li, #conts .list-u > li li {font-size:1.4rem;}
	#conts .list-u li + li, #conts .list-o li + li {margin-top:5px !important;}

	#conts table .list-o li,
	#conts table .list-u li {font-size:1.2rem;}
}


/*************************************
	라인+아이콘이미지 Box (가이드기본)
**************************************/

#conts *[class^="box-"] {line-height:1.7;}
#conts *[class^="box-"] + *[class^="box-"] {margin-top:1.5rem !important;}
#conts *.box-notice {font-size:1.7rem; padding:2.2rem 1.8rem; border:1px solid #ddd; color:#333; border-radius:.8rem; word-break:keep-all;}
#conts *.box-notice .box-notice-inner {border:1px solid #ddd; border-left-width:0; border-right-width:0; padding:20px 0; margin:20px 0;}

#conts *.iframe-box {height:580px; max-width:850px;}
#conts *.iframe-box iframe {width:100% !important; height:100% !important;}

#conts *.box-design {display:table; table-layout:fixed; min-height:150px; padding:.5rem; border-radius:1.4rem 1.4rem 0 0; width:100%; background:url('/common/img/board/bak_guide_top.jpg') repeat-x 0 0 #e4e8ef;}
#conts *.box-design .cell {display:table-cell; padding:3.5rem 5rem; vertical-align:middle; background:#fff; border-radius:1.1rem 0 0 0; border:1px solid #fff;}
#conts *.box-design .cell + .cell {border-radius:0 1.1rem 0 0;}
#conts *.box-design .cell,
#conts *.box-design .cell p,
#conts *.box-design .cell li {color:#333333; font-size:1.7rem; line-height:1.5; word-break:keep-all;}
#conts *.box-design .cell > p,
#conts *.box-design .cell > li{line-height:1.8;}
#conts *.box-design .thumb {padding:0; width:250px; text-align:center; }
#conts *.box-design .thumb img {max-width:90%;}
#conts *.box-design .thumb + .cell {padding-left:0;}

#conts .boxWrap {overflow:hidden;}
#conts *.box-design.col-2 {float:left; width:48%; margin:1%;}

@media all and (max-width:1200px){
	#conts *.box-design.col-2 {float:none; width:100%; margin:1% 0;}
}

@media all and (max-width:640px){
	#conts *.box-design.col-2 {text-align:center;}
}

@media all and (max-width:769px) {
	#conts *.box-notice {font-size:1.5rem; padding: 1.8rem 1.6rem;}
}
@media all and (max-width:640px) {

}
@media all and (max-width:375px) {
	#conts *.box-design {padding:.5rem 0 !important;}
	#conts *.box-design .cell,
	#conts *.box-design .cell p,
	#conts *.box-design .cell li {font-size:1.3rem;}
}



#conts *.box_color {font-size:1.7rem; padding:2.2rem 1.8rem; border-radius:.8rem; background:#f0f2f6; border:1px solid #b7cae5; line-height: 160%; color:#333; word-break:break-all;}

#conts *.box-list {border:2px solid #eee; padding:2rem; margin-top:1rem; margin-bottom:1rem; display: inline-block;}
#conts *.box-list.txt {font-size:.95em; word-break:keep-all; line-height:1.6; color:#444;}
#conts *.box-list.bg {background:#f3f4fa;}

#conts *.box-design .t1 { width:265px; font-size:1.4rem; margin:4rem 7rem; border-radius: 20px; vertical-align:middle; border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
#conts *.box-design .t1 + .cell {padding-left:3rem;}

#conts *.box-design.history{background:none; min-height:auto; border-bottom:1px dotted #ddd;}
#conts *.box-design.history .cell {vertical-align:top;}
#conts *.box-design.history .thumb {padding:3.5rem 0; text-align:left;}
#conts *.box-design.history .s-title.years {color: #00a69c!important; font-size:4.0rem !important; line-height:1;}
#conts *.box-design.history .list-u > li {padding-left:0;}
#conts *.box-design.history .list-u > li:before{content:none;}
#conts *.box-design.history .list-u li span{margin-right:10px;font-weight:bold;}
#conts *.box-design.history .list-u li ul li {position:relative;}
#conts *.box-design.history .list-u > li ul li:before {content:''; width:3px; height:5px; background:#555; top:14px; }


#conts *.box-list {background:#f3f5f9; border:none; padding:1rem 2rem; margin-top:1rem; margin-bottom:1rem; width: 100%;}

#conts .ico_list {border-bottom:2px solid #eee; line-height:1.7;}
#conts .ico_list + .ico_list {margin-top:.8em !important;}
#conts *.ico_list {display:table; width:100%; table-layout:fixed; min-height: 200px }
#conts *.ico_list .cell {display:table-cell; padding:2rem 5rem; vertical-align:middle;}
#conts *.ico_list .thumb {padding:0; width:25rem; text-align:center; }
#conts *.ico_list .thumb img {max-width:90%;}
#conts *.ico_list .thumb + .cell {padding-left:0;}

#conts *.ico_list .t1 { width:265px; font-size:1.4rem; margin:4rem 7rem; vertical-align:middle; border-right: 1px dashed #777; border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
#conts *.ico_list .t1 + .cell {padding-left:3rem;}

@media all and (max-width:1024px) {
	#conts *.box-design .cell {padding:1.5rem 3rem;}
	#conts *.box-design .thumb {width:20rem; padding:0;}
	#conts *.ico_list .cell {padding:1.5rem 3rem;}
	#conts *.ico_list .thumb {width:20rem; padding:0;}

	#conts *.box_color {font-size:1.6rem;}

}
@media all and (max-width:640px) {
	#conts *.box-design {display:block;}
	#conts *.box-design .cell {display:block; padding:1rem 1.5rem;}
	#conts *.box-design .thumb {width:auto; padding-bottom:0; border-radius:1.1rem 1.1rem 0 0;}
	#conts *.box-design .thumb + .cell {padding-left:1.5rem; border-radius:0;}
	#conts *.box-design .t1 {width:auto; margin:0 1.5rem; border-radius: 5px; padding-left:0; padding-right:0; border: 1px solid #cbd0d8;}
	#conts *.box-design .t1 + .cell {padding-left:1.5rem;}

	#conts *.ico_list {display:block;}
	#conts *.ico_list .cell {display:block; padding:1rem 1.5rem;}
	#conts *.ico_list .thumb {width:auto; padding-bottom:0;}
	#conts *.ico_list .thumb + .cell {padding-left:1.5rem;}
	#conts *.ico_list .t1 {width:auto; font-size:1.2rem; margin:0 1.5rem; padding-left:0; padding-right:0; border-bottom:1px dashed #777; border-right-width:0;}
	#conts *.ico_list .t1 + .cell {padding-left:1.5rem; font-size:1rem;}

	#conts *.box-design.history {min-height:auto;}
	#conts *.box-design.history .thumb {padding:0;}
	#conts *.box-design.history .s-title.years {font-size:3.0rem !important;}
	#conts *.box-design.history .thumb + .cell {padding-left:0;}

	#conts *.box_color {font-size:1.5rem;}

}
@media all and (max-width:375px) {

	#conts *.box_color {font-size:1.4rem;}

}


/*************************************
	Image Box
**************************************/
.box-img {position:relative; text-align:center; overflow:hidden; border:1px solid #ddd; border-radius:10px; padding:50px 0 ;}
* + .box-img {margin-top:20px;}
.box-img img {display:block; position:relative; margin:0 auto; max-width:100%; z-index:0;}
.box-img.pad {padding:5rem;}
.box-img.line {border:2px solid #ecedf2 !important; background:#fafafa; border-radius:1rem;}
.box-img.bo-none{border-width:0;}
.box-img .img-view {display:none; position:absolute; right:0; bottom:0; z-index:1; background:rgba(0,0,0,.6); padding:.8em 1em; color:#fff; font-size:.9em;}
.box-img .txt-caption {display:block; position:absolute; top:-999px; z-index:-9999; width:0px; height:0px; overflow:hidden;}
@media all and (max-width:850px) {
	.box-img .img-view {display:block;}
}

.box-map {position:relative; margin-top:20px; overflow:hidden; min-height:150px;}
.box-map > .map-link {position:absolute; bottom:0; right:0;}

/*************************************
	Table
**************************************/
.inbox td,
.inbox th {padding:0.5rem 1rem !important; font-size:1.6rem;}
.inbox .sum{background:#f8f9fb;}

@media all and (max-width:1024px) {
	/*.inbox th {font-size:.95rem; }*/
}

#conts .grid {display:block; margin:0 -10px; overflow:hidden;}
#conts .grid .col {float:left; box-sizing:border-box; padding:0 10px; }
#conts .grid.col-2 .col {width:50%;}

#conts .tbl-box {position:relative; border-top:1px solid #293f50;}
#conts .tbl-box caption {position:absolute; top:-999px; z-index:-999; opacity:0;}

#conts .tbl {position:relative; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; z-index:0;}
#conts .tbl.Thead{border-top: 1px solid #ddd;}

#conts .tbl_guide + .tbl.Thead {border-top:1px solid #293f50;}

#conts .tbl td,
#conts .tbl th {position:relative; padding:1.2rem 1.5rem; border:1px solid #c5c9d6; border-left-width:0; border-right-width:0; border-top-width:0; vertical-align:middle; word-wrap: break-word; line-height:1.5;}
#conts .tbl tr * + * {border-left-width:1px;}
#conts .tbl th {vertical-align:middle; font-weight:600; text-align:center; color: #10293b; background: #f0f2f6; font-size: 1em;}
#conts .tbl th:first-child { border-left: 0;}
#conts .tbl thead th.bo-left { border-left: 1px solid #c5c9d6;}
#conts .tbl tbody th.bo-left { border-left: 1px solid #c5c9d6;}
#conts .tbl td {font-size:1.5rem; color:#555555;}
#conts .tbl td.txtR{text-align:right;}
#conts .tbl thead + tbody th {background:#fff !important; color: #555;}
#conts .tbl tbody th {font-weight:400; color:#333; }
#conts .tbl tbody td,
#conts .tbl tbody th {color:#333;}
#conts .tbl tfoot th {font-weight:400; color:#333 !important; background:#f0f2f6 !important; border-color: #ddd; }
#conts .tbl tfoot td {font-weight:600;}
#conts .tbl td p { font-size: 1.5rem; }

#conts .tbl.open-data td,
#conts .tbl.open-data th {padding:.5rem 1rem; font-size:1.4rem;}

#conts .tbl .bo-left {border-left-width:1px !important;}
#conts .tbl .bo-right {border-right-width:1px !important;}
#conts .tbl .bo-bottom {border-bottom-width:1px !important;}
#conts .tbl .bo-top {border-top-width:1px !important;}

#conts .tbl .bo-left2 {border-left-width:2px !important;}
#conts .tbl .bo-right2 {border-right-width:2px !important;}
#conts .tbl .bo-bottom2 {border-bottom-width:2px !important;}
#conts .tbl .bo-top2 {border-top:2px solid #c3c3c4 !important;}

#conts .tbl .feat td,
#conts .tbl .feat th {padding:1.2rem 1.5rem;}

#conts table table.inner {position:relative; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; z-index:0; border:1px solid #cbd0d8; margin:1rem 0 0;}
#conts table table.inner td,
#conts table table.inner th {position:relative; padding:.7rem; border-left-width:0; border-right-width:0; border-top-width:0; border-bottom-width:0; vertical-align:middle; border-color: #cbd0d8 !important;}
#conts table table.inner tr * + * {border-left-width:1px;}
#conts table table.inner th {vertical-align:middle; font-weight:600; background: #f2f5f9 !important; text-align:center; color: #333 !important; font-size: 1.5rem; border-bottom: 1px solid #333;}
#conts table table.inner th:first-child,
#conts table table.inner td:first-child { border-left: 0 solid #1257b5;}
#conts table table.inner td {font-size:1.5rem;}
#conts table table.inner tbody td {border-bottom-width:1px;}
#conts table table.inner tbody tr:last-child th, #conts table table.inner tbody tr:last-child td {border-bottom-width:0;}

.td_st01 { background: #f2f5f9; }

.tbl-respon > .guide {display:none;}

.fit .tbl th,.fit .tbl td { padding: 1rem .5rem !important; }
.ico_con .tbl th,
.ico_con .tbl td { padding: 1rem .5rem !important; }

#conts .tbl.frm tbody th {font-weight:600;}
#conts .tbl.frm em {font-weight:600;}
#conts .tbl.frm .file-list .btn {background:#333; font-size:15px; color:#ffffff; min-width:0 !important; margin:0 0 0 10px !important;}
#conts .tbl.frm .file-list .btn.small {line-height:33px; height:35px;}

/* PC화면에서 내용이 많아서 스크롤이 필요할 경우*/
#conts .tbl-respon.over .tbl-box {overflow:auto;}
#conts .tbl-respon.over .tbl-box .tbl {width:1600px;}
#conts .tbl-respon.over .guide {display:block;}

@media all and (max-width:1024px) {
	#conts .tbl td,
	#conts .tbl th {padding: .7rem;}

	#conts .tbl.open-data,
	#conts .tbl.open-data tr,
	#conts .tbl.open-data th,
	#conts .tbl.open-data td,
	#conts .tbl.open-data tbody {display:block;}
	#conts .tbl.open-data thead {display:none;}

	#conts .tbl.open-data th {text-align:left; font-weight:600;}
	#conts .tbl.open-data th:before {content:"- ";}

	#conts .tbl.open-data tr {padding-bottom:1rem;}
	#conts .tbl.open-data td,
	#conts .tbl.open-data th {padding:.5rem 1rem; border:none;}
	#conts .tbl.open-data th {background:#333; color:#fff;}
	#conts .tbl.open-data td {border:none;}
	#conts .tbl.open-data td:before {content:"· 공표목록 : ";}
	#conts .tbl.open-data td + td:before {content:"· 공표항목 : ";}
	#conts .tbl.open-data td + td + td:before {content:"· 공표주기 : ";}
	#conts .tbl.open-data td + td + td + td:before {content:"· 공표시기 : ";}
	#conts .tbl.open-data td + td + td + td + td:before {display:none;}
	#conts .tbl.open-data td a {display:block; }

	#conts .tbl.frm tbody th {font-size:15px;}
}
@media all and (max-width:1000px) {
	#conts .tbl-respon .guide,
	#conts .tbl_wrap .tbl_guide {display:block; font-size:1.4rem; padding-bottom:.5em; letter-spacing:-.05em;}
	#conts .tbl-respon .guide:before,
	#conts .tbl_wrap .tbl_guide:before {content:"!"; margin-top: -1px; display:inline-block; vertical-align:middle; color:#fff; margin-right:.2em; background:#ffa800; border-radius:100%; width:1.7rem; height:1.7rem; line-height:1.8rem; text-align:center; font-weight:800;}
	#conts .tbl-respon .tbl-box {width:100%; overflow:auto;}
	#conts .tbl-respon .tbl-box table {width:1100px;}
}
@media all and (max-width: 768px) {

	#conts .tbl td,
	#conts table table.inner th,
	#conts table table.inner td {font-size:1.4rem;}

	.fit .tbl th,
	.fit .tbl td,
	.fit .tbl tbody th {font-size:1.4rem !important;}

	#conts .tbl-respon .guide,
	#conts .tbl_wrap .tbl_guide {font-size:1.3rem;}

	#conts .tbl.frm tbody th {font-size:14px;}
	#conts .tbl.frm tbody td {font-size:13px;}
	#conts .tbl.frm .file-list .btn.small {height:30px; line-height:28px;}

	#conts .tbl-respon .tbl-box table {width:900px;}
	#conts .tbl-respon .tbl-box table table {width:100%;}

	.ico_con .tbl th {font-size:1.4rem !important;}
}
@media all and (max-width: 560px) {
	#conts .tbl td,
	#conts table table.inner th,
	#conts table table.inner td {font-size:1.4rem;}

	#conts .tbl-respon .guide,
	#conts .tbl_wrap .tbl_guide {font-size:1.2rem;}

	.fit .tbl th,
	.fit .tbl td,
	.fit .tbl tbody th {font-size:1.2rem !important;}

	#conts .tbl.frm,
	#conts .tbl.frm tbody,
	#conts .tbl.frm tr,
	#conts .tbl.frm th,
	#conts .tbl.frm td {display:block; position:relative; width:auto; border:none;}
	#conts .tbl.frm th {text-align:left;}
	#conts .tbl.frm td {padding-bottom:15px !important;}
	#conts .tbl.frm colgroup {display:none;}
	#conts .tbl.frm {border-bottom:1px solid #f0f2f6;}

}
@media all and (max-width: 375px) {
	#conts .tbl-respon .tbl-box table {width:800px;}

	.ico_con .tbl th {font-size:1.3rem !important;}
}


/*************************************
	Step Flow
**************************************/

#conts .no-line li + li:after{background:none !important;}
#conts .no-line > li {padding:10px 10px !important;}
#conts .no-line {margin:0px !important;}

#conts .flow-list {position:relative; overflow:hidden;}
#conts .flow {margin:0 -18px; overflow:hidden;}
#conts .flow > li {position:relative; float:left; padding:18px; box-sizing:border-box;}
#conts .no-arrow .flow {margin:0 -10px;}
#conts .no-arrow .flow > li {padding:10px;}
#conts .flow > li + li:after {content:''; display:block; position:absolute; left:-10px; top:50%; margin-top:-20px; width:20px; height:40px; background:url(/common/img/common/ico_arrow_flow.png) no-repeat 50% 50%;}
#conts .no-arrow .flow > li + li:after {display:none;}

#conts .flow li .item .tit {color:#333333;}

#conts .flow .item {display:table; width:100%; position:relative; box-sizing:border-box; text-align:center; border:1px solid #c5d2e7; border-radius:.4rem; overflow:hidden; z-index:0;}
/*#conts .flow .item:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #c5d2e7; border-radius:.4rem; z-index:-1;}*/

#conts .flow .item > * {display:table-row;}
#conts .flow .item .cell {display:table-cell; vertical-align:middle;}

#conts .flow .item .img {padding:25px 0 0;}
#conts .flow .item .img img {padding-top:25px;}
#conts .flow .item .tit .cell {padding:1.66em 1em; font-size:1.8rem; text-align:center; margin:1px;line-height: 1.5;}
#conts .flow .item .tit img {display:block; margin:0 auto 2rem;}
#conts .flow .item .txt .cell {padding:1.25em 1.2em; color:#333333; line-height:1.6; font-size:1.7rem;}
#conts .flow .item .updateFileList,
#conts .flow .item #updateFileList {margin-left:0;}
#conts .flow .item .updateFileList li,
#conts .flow .item #updateFileList li {margin:0; padding:0; text-align:center;}
#conts .flow .item .updateFileList li:before,
#conts .flow .item #updateFileList li:before {display:none;}
#conts .flow .item .updateFileList li a,
#conts .flow .item #updateFileList li a {display:inline-block; position:relative; position:relative; border-radius:.3rem; line-height:3.8rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width: 10rem; max-width:100%; height:4rem; text-align:center; padding:0 1em; font-size:.9em; border:1px solid #216cda; box-sizing:border-box; margin:2px; vertical-align:middle; background-color:#fff; color:#216cda !important;}
#conts .flow .item .updateFileList li a span,
#conts .flow .item #updateFileList li a span {color:#216cda !important; margin:0;}
#conts .flow .item .updateFileList li a:hover,
#conts .flow .item #updateFileList li a:hover {border-color:#216cda; background:#216cda; color:#fff !important;}
#conts .flow .item .updateFileList li a:hover span,
#conts .flow .item #updateFileList li a:hover span {color:#fff !important;}

#conts .flow-list.ty2 .flow .item .tit {background:#216cda; color:#fff; border-radius:.4rem;}
#conts .flow-list.ty2 .flow .item .tit .cell {padding:1.11em 1em;}
#conts .flow-list.ty2 .flow li:nth-child(even) .item .tit {background:#00a69c;}

#conts .flow-list.ty3 .flow .item .tit {border-radius:.4rem;}
#conts .flow-list.ty3 .flow .item .tit .cell {padding:1.11em 1em;}
#conts .flow-list.ty3 .flow .item .txt {background: #eef3f7;border: 1px solid #c5d2e7;}

#conts .flow-list.fit .flow .item .tit {font-size:1.6rem;}
#conts .flow-list.fit .flow .item .tit .cell {padding: 1em 0.8em;}
#conts .flow-list.fit .flow > li{padding: 10px 18px;}

#conts .flow ul li {position:relative; padding-left:10px; font-size:1.7rem; text-align:left;}
#conts .flow ul li:before {content:' '; width:4px; height:4px; background:#aaa; display:block; position:absolute; top:10px; left:0;}

#conts .list-u .flow-list > ul {margin:0;}
#conts .list-u .flow > li {padding-top:10px;}

#conts .list-u .flow-list > ul > li:before {content:none;}

#conts li .flow .item .tit {padding:1.2rem;}

#conts .bod_head + .flow-list {padding:10px 0; border-top:2px solid #293f50; border-bottom:1px solid #c5c9d6;}


/*#conts .flow.vaM .item {display:table; width:100%;}
#conts .flow.vaM .item .tit {display:table-cell; vertical-align:middle;}*/

#conts .mediCheck li {display:table; padding:1rem 2rem; border-top:2px solid #3aacdc; border-bottom:1px dotted #ddd; background:#fafcfd; margin-bottom:15px; width:100%; }
#conts .mediCheck li:after {content:''; clear:both; display:table;}
#conts .mediCheck li span {display:table-cell; vertical-align:middle;}
#conts .mediCheck li .tit {font-size:2.0rem; font-weight:700; margin-right:20px; width:26rem;}
#conts .mediCheck li .btnWrap {float:right;}

@media all and (max-width:860px) {
	#conts .mediCheck li {display:block; padding:2rem;}
	#conts .mediCheck li span {display:block;}
	#conts .mediCheck li .tit { width:100%; margin-bottom:15px;}
}
@media all and (max-width:769px) {
	#conts .flow .item .tit,
	#conts .flow .item .tit .cell {font-size:1.6rem;;}
	#conts .flow .item .txt,
	#conts .flow .item .txt .cell {font-size:1.4rem;;}
	#conts .flow .item .tit img {max-height:5em; margin-bottom:1em;}
	#conts .flow ul li {font-size:1.5rem;}
}
@media all and (max-width:640px) {
	#conts .mediCheck li { text-align:center; padding:2rem 0;}
	#conts .mediCheck li .btnWrap {float:none; margin-top:15px;}
}
@media all and (max-width:375px) {
	#conts .flow .item .tit,
	#conts .flow .item .tit .cell {font-size:1.4rem;}
	#conts .flow .item .txt,
	#conts .flow .item .txt .cell {font-size:1.2rem;}
	#conts .flow ul li {font-size:1.3rem;}

	#conts .no-arrow .flow {margin:0 -5px;}
	#conts .no-arrow .flow > li {padding:5px;}

}




@media all and (min-width:1025px) {
	#conts .flow.col-6 > li {width:16.66%;}
	#conts .flow.col-5 > li {width:20%;}
	#conts .flow.col-4 > li {width:25%;}
	#conts .flow.col-3 > li {width:33.33%;}
	#conts .flow.col-2 > li {width:50%;}
	#conts .flow.col-1 > li {width:100%; float:none;}
	#conts .flow.col-6 > li:nth-child(6n+1):after,
	#conts .flow.col-5 > li:nth-child(5n+1):after,
	#conts .flow.col-4 > li:nth-child(4n+1):after,
	#conts .flow.col-3 > li:nth-child(3n+1):after,
	#conts .flow.col-2 > li:nth-child(2n+1):after {}

	#conts .flow.col-1 > li .item .tit,
	#conts .flow.col-1 > li .item .txt {height:auto !important;}

}
@media all and (max-width:1024px){
	#conts .flow {margin:0 -15px;}
	#conts .flow > li {padding:10px 15px;}
	#conts .flow > li + li:after {left:-15px; width:30px;}

}
@media all and (max-width:1024px) and (min-width:641px) {

	#conts .flow.ta-col-5 > li {width:20%;}
	#conts .flow.ta-col-4 > li {width:25%;}
	#conts .flow.ta-col-3 > li {width:33.33%;}
	#conts .flow.ta-col-2 > li {width:50%;}
	#conts .flow.ta-col-1 > li {width:100%; float:none;}

	#conts .flow.ta-col-5 > li:nth-child(5n+1):after,
	#conts .flow.ta-col-4 > li:nth-child(4n+1):after,
	#conts .flow.ta-col-3 > li:nth-child(3n+1):after,
	#conts .flow.ta-col-2 > li:nth-child(2n+1):after,
	#conts .flow.ta-col-1 > li:after {display:none;}

	#conts .flow.ta-col-1 > li .item .tit,
	#conts .flow.ta-col-1 > li .item .txt {height:auto !important;}

	/*#conts .col-3 > li:nth-child(3){ margin-top: 10px !important;}*/
	#conts .box.ta-col-2 > li:nth-child(3){ margin-top: 0px !important;}
}
@media all and (max-width:640px) {
	 #conts .flow.mo-col-5 > li {width:20%;}
	#conts .flow.mo-col-4 > li {width:25%;}
	#conts .flow.mo-col-3 > li {width:33.33%;}
	#conts .flow.mo-col-2 > li {width:50%;}
	#conts .flow.mo-col-1 > li {width:100%; float:none;}

	#conts .flow.mo-col-5 > li:nth-child(5n+1):after,
	#conts .flow.mo-col-4 > li:nth-child(4n+1):after,
	#conts .flow.mo-col-3 > li:nth-child(3n+1):after,
	#conts .flow.mo-col-2 > li:nth-child(2n+1):after,
	#conts .flow.mo-col-1 > li:after {display:none;}

	#conts .list-o.col-2 > li,
	#conts .list-u.col-2 > li { width: 100%; float: left; }
	#conts .list-o.col-3 > li,
	#conts .list-u.col-3 > li { width: 100%; float: left; }
	#conts .col-2 > li:nth-child(1),
	#conts .col-2 > li:nth-child(2) { margin-top: 10px !important; }
	#conts .col-3 > li:nth-child(1),
	#conts .col-3 > li:nth-child(2),
	#conts .col-3 > li:nth-child(3){ margin-top: 10px !important; }

	#conts .mo-col-2 > li:nth-child(3){ margin-top: 0px !important;}

	#conts .flow.mo-col-1 > li .item .tit,
	#conts .flow.mo-col-1 > li .item .txt {height:auto !important;}

	#conts .list-u .flow .item .tit {font-size:1.5rem;}
}


/*************************************
	Etc
**************************************/

#conts .box-wrap.car {border:none; overflow:hidden;}
#conts .box-design.car {border:10px solid #d2e7df; width:calc(50% - 30px); float:left; margin:15px !important;}
#conts .box-design.car .thumb {width:20rem;}
#conts .box-design.car .cell .s-title {color:#333;}

@media all and (max-width:860px) {
	#conts .box-design.car {width:100%; float:initial; margin:15px 0px !important;padding: 30px 0;}
	#conts .box-design.car .cell {display:table-cell; }
	#conts .box-design.car .thumb {vertical-align:middle; padding:0;}
}

@media all and (max-width:640px) {

	#conts .box-design.car .cell {display:table-cell; }
	#conts .box-design.car .thumb {vertical-align:middle; padding:0;}
}


.popup_wrap{padding:20px;}



/*************************************
	Button
**************************************/

.btnboxR {text-align:right;}

.btn-wrap-box {position:relative; padding:1em; text-align:center; margin:2rem 0;
	background: rgb(1,195,204);
	background: linear-gradient(90deg, rgba(1,195,204,0.1) 0%, rgba(2,124,246,0.1) 100%);
}
@media all and (max-width:640px) {
	.btn-wrap-box a,
	.btn-wrap-box button,
	.btn-wrap-box input[type="buttom"] {display:block !important; width:100% !important; min-width:0 !important;}
}

.btn_top {display:inline-block; position:relative; padding:1.5rem 4.6rem 1.6rem 2rem; text-align:left; font-size:1.7rem; border-radius:.3rem; border:1px solid #216cda; color:#216cda !important;}
.btn_top:after {content:""; display:block; position:absolute; top:2rem; right:2rem; width:1.8rem; height:1rem; background:url('/common/img/common/btn_tab_top.png') no-repeat 50% 50%; background-size:contain;}
.btn_top:hover {background:#216cda; color:#fff !important;}
.btn_top:hover:after {background-image:url('/common/img/common/btn_tab_top_on.png');}

.button {display:inline-block; position:relative; border-radius:.3rem; white-space:nowrap; 
overflow:hidden; text-overflow:ellipsis; min-width: 15rem; max-width:100%; height:5rem; text-align:center; 
padding:0 1em; font-size:1em;  box-sizing:border-box;  margin:2px; vertical-align:middle; background-color:#fff;}
.button.normal {color:#216cda !important;}
.button.wNormal {min-width:0; }
.button.small {height:4rem; font-size:.9em !important; min-width:10rem;}
.button:hover {border-color:#216cda; background:#216cda; color:#fff !important;}

table .button { min-width: 30% !important; }

a.button,
input[type="button"].button,
span.button {}
input[type="button"].button.small,
button.button.small {height:4rem;}
a.button.small,
input[type="button"].button.small,
span.button.small {line-height:3.8rem;}

input[type="submit"].button { display: inline-block; vertical-align: top; }
input[type="submit"].button:hover { background:#215bbc; color:#fff !important; }

input[type="button"].button.icon { background-color: #fff; border: 1px solid #216cda; }
input[type="button"].button.icon:hover { background: #216cda; border: 1px solid #216cda; }

input[type="button"].btn_address { background-color: #444; border: 1px solid #444; color: #fff; }
input[type="button"].btn_address:hover { background-color: #222; border: 1px solid #222; color: #fff; }

.button.normal {border-color:#216cda; background:#216cda; color:#fff !important;}
.button.normal:hover{border-color:#1154b6; background: #1154b6;}

.button.point {border-color:#003583; background:#003583; color:#fff !important;}
.button.point:hover {border-color:#002253; background:#002253;}

.button.cancel {border-color:#333333; background:#333333; color:#fff !important;}
.button.cancel:hover {border-color:#111111; background:#111111;}

.button.del,
.button.error,
.button.noti {border-color:#f16d25; background:#f16d25; color:#fff !important;}
.button.del:hover,
.button.error:hover,
.button.noti:hover {border-color:#cc4901; background:#cc4901;}

.button.gray {background:#555555; border-color:#555555; color:#fff !important;}

.button[disabled],
.button.deactivate,
.button[disabled]:hover,
.button.deactivate:hover {border:1px solid #bbbbbb !important; color:#777777 !important; background: #efefef !important;}

input[type="submit"].button.icon { background: #fff;border: 1px solid #216cda; }
input[type="submit"].button.icon:hover{ background: #216cda;}

.button.icon:after {content:""; display:inline-block; margin-left:.6rem; margin-top:-.2em; width:2.5rem; height:2.5rem; vertical-align:middle; background:url('/common/img/common/split_button_icon.png') no-repeat 0 0; background-size:10rem auto;}
.button.icon.deactivate:after {background:url('/common/img/common/split_button_icon_de.png') no-repeat 0 0;}
.button.small.icon:after {width:1.9rem; height:1.9rem; margin-left:.5rem; margin-top:-.1em; background:url('/common/img/common/split_button_icon_small.png') no-repeat 0 0; background-size:10rem auto;}
.button.small.icon.deactivate:after {background:url('/common/img/common/split_button_icon_de_small.png') no-repeat 0 0;;}

.button.small.plus,
.button.small.minus {min-width:0; width:1.2em; height:1.2em; min-width:3rem; min-height:3rem; font-size:1em; overflow:hidden; text-indent:-999px; vertical-align:middle; padding:0;}
.button.small.plus:after,
.button.small.minus:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:no-repeat 50% 50%;}
.button.small.plus:after {background-image:url(../img/common/ico_plus.png);}
.button.small.minus:after {background-image:url(../img/common/ico_minus.png);}
.button.small.plus:hover:after {background-image:url(../img/common/ico_plus_w.png);}
.button.small.minus:hover:after {background-image:url(../img/common/ico_minus_w.png);}

.button.icon.down:after {background-position:0 0;}
.button.icon.down:hover:after {background-position:100% 0;}
.button.icon.picture:after {background-position:0 -6rem;}
.button.icon.picture:hover:after {background-position:100% -6rem;}
.button.icon.paper:after {background-position:0 -11.8rem;}
.button.icon.paper:hover:after {background-position:100% -11.8rem;}
.button.icon.view:after {background-position:0 -17.7rem;}
.button.icon.view:hover:after {background-position:100% -17.7rem;}
.button.icon.blank:after {background-position:0 -23.6rem;}
.button.icon.blank:hover:after {background-position:100% -23.6rem;}
.button.icon.go:after {background-position:0 -29.5rem;}
.button.icon.go:hover:after {background-position:100% -29.5rem;}

.button.icon.write:after {background-position:0 -35.5rem;}
.button.icon.write:hover:after {background-position:100% -35.5rem;}
.button.icon.list:after {background-position:0 -53.8rem;}
.button.icon.list:hover:after {background-position:100% -53.8rem;}
.button.icon.pay:after {background-position:0 -60.3rem;}
.button.icon.pay:hover:after {background-position:100% -60.3rem;}

.button.icon.prev,
.button.icon.next {color: #666666 !important; border-color: #dddddd; background:#fff !important;}
.button.icon.prev {padding-left:0;}
.button.icon.next {padding-right:0;}
.button.icon.prev:hover,
.button.icon.next:hover {border-color:#1154b6; color:#1154b6 !important;}
.button.icon.prev:before {content:""; display:inline-block; margin-right:.6rem; margin-top:-.2em; width:2.5rem; height:2.5rem; vertical-align:middle; background:url('/common/img/common/split_button_icon.png') no-repeat 0 -41.4rem; background-size:10rem auto;}
.button.icon.prev:after {display:none;}
.button.icon.prev:hover:before {background-position:100% -41.4rem;}
.button.icon.next:after {background-position:0 -47.3rem}
.button.icon.next:hover:after {background-position:100% -47.3rem}

.button.icon.small.down:after {background-position:0 .3rem;}
.button.icon.small.down:hover:after {background-position:100% .3rem;}
.button.icon.small.picture:after {background-position:0 -27.7rem;}
.button.icon.small.picture:hover:after {background-position:100% -27.7rem;}
.button.icon.small.paper:after {background-position:0 -3.7rem;}
.button.icon.small.paper:hover:after {background-position:100% -3.7rem;}
.button.icon.small.view:after {background-position:0 -7.7rem;}
.button.icon.small.view:hover:after {background-position:100% -7.7rem;}
.button.icon.small.blank:after {background-position:0 -11.7rem;}
.button.icon.small.blank:hover:after {background-position:100% -11.7rem;}
.button.icon.small.go:after {background-position:0 -15.6rem;}
.button.icon.small.go:hover:after {background-position:100% -15.6rem;}

.button.icon.small.write:after {background-position:0 -19.7rem;}
.button.icon.small.write:hover:after {background-position:100% -19.7rem;}

.button.icon.small.list:after {background-position:0 -23.7rem;}
.button.icon.small.list:hover:after {background-position:100% -23.7rem;}

.button.icon.small.pay:after {background-position:0 -39.6rem;}
.button.icon.small.pay:hover:after {background-position:100% -39.6rem;}

.button.icon.small.prev:before {width:1.9rem; height:1.9rem; margin-left:.5rem; margin-top:-.1em; background:url('/common/img/common/split_button_icon_small.png') no-repeat 0 -35.7rem; background-size:10rem auto;}
.button.icon.small.prev:hover:before {background-position:100% -35.7rem;}

.button.icon.small.next:after {background-position:0 -31.7rem;}
.button.icon.small.next:hover:after {background-position:100% -31.7rem;}



.link_list_wrap { width: 100%; display: inline-block; }
.link_list_wrap a { float: left; }
.link_list_wrap.col-4 a { width: 23%; margin: 1rem 1%; }
.link_list_wrap.col-3 a { width: 31.33%; margin: 1rem 1%; }
.link_list_wrap.col-2 a { width: 48%; margin: 1rem 1%; }
.link_list_wrap.col-1 a { width: 98%; margin: 1rem 1%; }
.cont .link_list_wrap .link[target="_blank"]:after { left: auto; }

/*다운로드리스트*/
#conts .down_list {display:block;}
#conts .down_list:after {content:""; display:block; clear:both;}
#conts .down_list li{color: #333; float: left; display: inline-block; position: relative; border: 2px solid #eee; padding: 20px 130px 20px 15px; box-sizing: border-box; }
#conts .down_list li .button{ position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
#conts .down_list.row2 li,
#conts .down_list.co-5 li,
#conts .down_list.co-4 li{ text-align: center; padding:20px 15px 65px 15px; }
#conts .down_list.row2 li .button,
#conts .down_list.co-5 li .button,
#conts .down_list.co-4 li .button{ position: absolute; left: 50%; bottom: 15px; top: auto; transform: translateX(-50%); width: 70%; }
#conts .down_list.co-5 li{ width: 18%; margin: 1%; margin-top:0;}
#conts .down_list.co-4 li{ width: 23%; margin: 1%; margin-top:0; }
#conts .down_list.co-3 li{ width: 31.33%; margin: 1%; margin-top:0; }
#conts .down_list.co-2 li{ width: 48%; margin: 1%; margin-top:0;}
#conts .down_list.co-1 li{ width: 100%; margin: 0; margin-top:0;}

@media all and (max-width:1024px) and (min-width:641px) {

	#conts .down_list.ta-col-5 > li {width:18%;}
	#conts .down_list.ta-col-4 > li {width:23%;}
	#conts .down_list.ta-col-3 > li {width:31.33%;}
	#conts .down_list.ta-col-2 > li {width:48%;}
	#conts .down_list.ta-col-1 > li {width:100%; float:none; margin:1% 0;}

}
@media all and (max-width:640px) {
	 #conts .down_list.mo-col-5 > li {width:18%;}
	#conts .down_list.mo-col-4 > li {width:23%;}
	#conts .down_list.mo-col-3 > li {width:31.33%;}
	#conts .down_list.mo-col-2 > li {width:48%;}
	#conts .down_list.mo-col-1 > li {width:100%; float:none; margin:1% 0;}

}


/*************************************
	Tab List
**************************************/

.tab-link-box {border:2px solid #eeeeee; overflow:hidden; margin-bottom:50px; padding: 15px 30px;}
.tab-link-box li {position:relative; width:33.33%; float:left; padding:8px; box-sizing:border-box;}
.tab-link-box li a {display:block; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#666666; font-size:1.7rem; padding-left:15px;}
.tab-link-box li a:before {content:""; display:block; position:absolute; top:50%; margin-top:-4px; background:#aaaaaa; border-radius:100%; left:0; width:8px; height:8px;}
.tab-link-box li a:hover {color:#000; font-weight:600;}
.tab-link-box li a:hover:before {background:#215bbc;}

@media all and (max-width:1024px) {
	.tab-link-box {padding:20px;}
}
@media all and (max-width:640px) {
	.tab-link-box li {width:50%; padding:5px;}
}
@media all and (max-width:450px) {
	.tab-link-box li {width:auto; float:none;}
}


/*************************************
	탭 스타일
**************************************/

.tab-wrap {overflow:hidden; border:1px solid #ddd; border-radius: 10px; background: #eee; }
.tab-wrap:after {content:""; display:block; clear:both;}
.tab-wrap > li {display:block; position:relative; float:left; border-bottom: 1px solid #ddd; }
.tab-wrap > li + li:after {content:""; display:block; position:absolute; top:0%; height:100%; left:0; width:1px; background:#ddd;}
.tab-wrap li.on a{ background-color: #215bbc; color: #fff; font-weight:600; }
.tab-wrap li a{ width: 100%; display: inline-block; padding:20px 0px; text-align: center; font-size: 17px; background: #fff; }
.tab-wrap li a:hover {font-weight:600;}

.tab-wrap > li.bo-l0 { border-left: 0; }
.tab-wrap > li.bo-r0 { border-right: 0; }
.tab-wrap > li.bo-t0 { border-top: 0; }
.tab-wrap > li.bo-b0 { border-bottom: 0; }
.tab-wrap > li.bo-left { border-left: 1px solid #ddd; }
.tab-wrap > li.bo-right { border-right: 1px solid #ddd; }
.tab-wrap > li.bo-top { border-top: 1px solid #ddd; }
.tab-wrap > li.bo-bottom { border-bottom: 1px solid #ddd; }
@media all and (min-width:1025px) {
	.tab-wrap.col-7 > li {width:14.28%;}
	.tab-wrap.col-6 > li {width:16.66%;}
	.tab-wrap.col-5 > li {width:20%;}
	.tab-wrap.col-4 > li {width:25%;}
	.tab-wrap.col-3 > li {width:33.33%;}
	.tab-wrap.col-2 > li {width:50%;}
	.tab-wrap.col-1 > li {width:100%; float:none;}

	.tab-wrap.col-7 > li:nth-child(7n+1):after,
	.tab-wrap.col-6 > li:nth-child(6n+1):after,
	.tab-wrap.col-5 > li:nth-child(5n+1):after,
	.tab-wrap.col-4 > li:nth-child(4n+1):after,
	.tab-wrap.col-3 > li:nth-child(3n+1):after,
	.tab-wrap.col-2 > li:nth-child(2n+1):after,
	.tab-wrap.col-1 > li:after {display:none;}
	.tab-wrap.col-1 > li .item {height:auto !important;}
}
@media all and (max-width:1024px) and (min-width:641px) {
	.tab-wrap.ta-col-7 > li {width:14.28%;}
	.tab-wrap.ta-col-6 > li {width:16.66%;}
	.tab-wrap.ta-col-5 > li {width:20%;}
	.tab-wrap.ta-col-4 > li {width:25%;}
	.tab-wrap.ta-col-3 > li {width:33.33%;}
	.tab-wrap.ta-col-2 > li {width:50%;}
	.tab-wrap.ta-col-1 > li {width:100%; float:none;}

	.tab-wrap.ta-col-7 > li:nth-child(7n+1):after,
	.tab-wrap.ta-col-6 > li:nth-child(6n+1):after,
	.tab-wrap.ta-col-5 > li:nth-child(5n+1):after,
	.tab-wrap.ta-col-4 > li:nth-child(4n+1):after,
	.tab-wrap.ta-col-3 > li:nth-child(3n+1):after,
	.tab-wrap.ta-col-2 > li:nth-child(2n+1):after,
	.tab-wrap.ta-col-1 > li:after {display:none;}

	.tab-wrap > li.ta-bo-l0 { border-left: 0; }
	.tab-wrap > li.ta-bo-r0 { border-right: 0; }
	.tab-wrap > li.ta-bo-t0 { border-top: 0; }
	.tab-wrap > li.ta-bo-b0 { border-bottom: 0; }
	.tab-wrap > li.ta-bo-left { border-left: 1px solid #ddd; }
	.tab-wrap > li.ta-bo-right { border-right: 1px solid #ddd; }
	.tab-wrap > li.ta-bo-top { border-top: 1px solid #ddd; }
	.tab-wrap > li.ta-bo-bottom { border-bottom: 1px solid #ddd; }
}
@media all and (max-width:640px) {
	.tab-wrap.mo-col-5 > li {width:20%;}
	.tab-wrap.mo-col-4 > li {width:25%;}
	.tab-wrap.mo-col-3 > li {width:33.33%;}
	.tab-wrap.mo-col-2 > li {width:50%;}
	.tab-wrap.mo-col-1 > li {width:100%; float:none;}

	.tab-wrap.mo-col-5 > li:nth-child(5n+1):after,
	.tab-wrap.mo-col-4 > li:nth-child(4n+1):after,
	.tab-wrap.mo-col-3 > li:nth-child(3n+1):after,
	.tab-wrap.mo-col-2 > li:nth-child(2n+1):after,
	.tab-wrap.mo-col-1 > li:after {display:none;}

	.tab-wrap > li { border-bottom: 1px solid #ddd; }
	.tab-wrap > li.mo-full {width:100% !important;}

	.tab-wrap > li.mo-bo-l0 { border-left: 0; }
	.tab-wrap > li.mo-bo-r0 { border-right: 0; }
	.tab-wrap > li.mo-bo-t0 { border-top: 0; }
	.tab-wrap > li.mo-bo-b0 { border-bottom: 0; }
	.tab-wrap > li.mo-bo-left { border-left: 1px solid #ddd; }
	.tab-wrap > li.mo-bo-right { border-right: 1px solid #ddd; }
	.tab-wrap > li.mo-bo-top { border-top: 1px solid #ddd; }
	.tab-wrap > li.mo-bo-bottom { border-bottom: 1px solid #ddd; }

	.tab-wrap > .mo-R:after {content:""; display:block !important; position:absolute; top:0%; height:100%; left: auto; right:-1px; width:1px; background:#ddd;}
}

/*블릿이 없는 경우*/
.no-bul > *{padding-left:0!important;}
.no-bul > *:before{display:none!important;}

/*테두리가 필요없을 때*/
.no-bo-left {border-left:0;}
.no-bo-right {border-right:0;}
.no-bo-top {border-top:0;}
.no-bo-bottom {border-bottom:0;}
.no-bo-all {border:none !important;}


.justy-wrap {position:relative; counter-reset:indexWrap;}
.justy-wrap:after {content:""; display:block; clear:both;}
.justy-wrap > * {display:block; width:50%; float:left; padding-right:10px; box-sizing:border-box;}
.justy-wrap > * + * {padding-left:10px; padding-right:10px;}
.justy-wrap > .list-o > *:before {counter-increment: indexWrap !important; content:"0"counter(indexWrap) !important;}
.justy-wrap > .list-o > *.d:before {counter-increment: indexWrap !important; content:counter(indexWrap) !important;}
.justy-responsive-list {display:none;}

.justy-wrap .item { margin: 20px 0; }

/* 좌우정렬 컨텐츠 */
#conts .flx-cont { display: -ms-flex; display: flex; flex-wrap: wrap; width: 100%; }

#conts .flx-cont.color { background-color: #f0f2f6; padding: 1%; border-radius: 10px; }
#conts .flx-cont.color + .flx-cont { padding: 0 1% 1%; }
#conts .flx-cont .flx-box{ margin: 1%; flex-direction: column; background-color: #fff; border:1px solid #b7cae5; border-radius: 5px; padding: 1.8rem 2.4rem; box-sizing: border-box; }
#conts .flx-cont .flx-box > img {display:block; margin:0 auto;}
#conts .flx-cont .flx-box h4,
#conts .flx-cont .flx-box h5,
#conts .flx-cont .flx-box h6 { margin-left: 0 !important; }
#conts .flx-cont font { display: none !important; }

#conts .flx-cont.flx-col1 .flx-box{ width: 98%; }
#conts .flx-cont.flx-col2 .flx-box{ width: 48%; }
#conts .flx-cont.flx-col3 .flx-box{ width: 31.33%; }
#conts .flx-cont.flx-col4 .flx-box{ width: 23%; }
#conts .flx-cont.flx-col5 .flx-box{ width: 18%; }
#conts .flx-cont.flx-col6 .flx-box{ width: 14.66%; }
#conts .flx-cont.flx-col7 .flx-box{ width: 12.28%; }
#conts .flx-cont.flx-col8 .flx-box{ width: 10.5%; }

#conts .flx-cont .flx-box.col1{ width: 98%; }
#conts .flx-cont .flx-box.col2{ width: 48%; }
#conts .flx-cont .flx-box.col3{ width: 31.33%; }
#conts .flx-cont .flx-box.col4{ width: 23%; }
#conts .flx-cont .flx-box.col5{ width: 18%; }
#conts .flx-cont .flx-box.col6{ width: 14.66%; }
#conts .flx-cont .flx-box.col7{ width: 12.28%; }
#conts .flx-cont .flx-box.col8{ width: 10.5%; }

@media screen and (min-width:0) and (min-resolution: .001dpcm){
 #conts .flx-cont { display: block; }
 #conts .flx-cont .flx-box { display: table; width: 100% !important; }
 #conts .flx-cont .flx-box h5{ display: table-cell; width: 30rem; }
 #conts .flx-cont .flx-box ul, #conts .flx-cont .flx-box p, #conts .flx-cont .flx-box div, #conts .flx-cont .flx-box span, #conts .flx-cont .flx-box em, #conts .flx-cont .flx-box ol,
 #conts .flx-cont .flx-box a{ display: table-cell;padding-left:20px; }
}

@media all and (max-width:1024px) {
	#conts .flx-cont.flxTa-col1 .flx-box{ width: 98%; }
	#conts .flx-cont.flxTa-col2 .flx-box{ width: 48%; }
	#conts .flx-cont.flxTa-col3 .flx-box{ width: 31.33%; }
	#conts .flx-cont.flxTa-col4 .flx-box{ width: 23%; }
	#conts .flx-cont.flxTa-col5 .flx-box{ width: 18%; }
	#conts .flx-cont.flxTa-col6 .flx-box{ width: 14.66%; }
	#conts .flx-cont.flxTa-col7 .flx-box{ width: 12.28%; }
	#conts .flx-cont.flxTa-col8 .flx-box{ width: 10.5%; }

 	#conts .flx-cont .flx-box h5{ display: block; width: 100%\9; }
 	#conts .flx-cont .flx-box ul, #conts .flx-cont .flx-box p, #conts .flx-cont .flx-box div, #conts .flx-cont .flx-box span, #conts .flx-cont .flx-box em, #conts .flx-cont .flx-box ol,
 	#conts .flx-cont .flx-box a{ display: block;}
}

@media all and (max-width:640px) {
	#conts .flx-cont.flxMo-col1 .flx-box{ width: 98%; }
	#conts .flx-cont.flxMo-col2 .flx-box{ width: 48%; }
	#conts .flx-cont.flxMo-col3 .flx-box{ width: 31.33%; }
	#conts .flx-cont.flxMo-col4 .flx-box{ width: 23%; }
	#conts .flx-cont.flxMo-col5 .flx-box{ width: 18%; }
	#conts .flx-cont.flxMo-col6 .flx-box{ width: 14.66%; }
	#conts .flx-cont.flxMo-col7 .flx-box{ width: 12.28%; }
	#conts .flx-cont.flxMo-col8 .flx-box{ width: 10.5%; }
}

/* mh4 하위의 justy-list 좌측 여백 설정 (21.01.14 진현아 추가) */
#conts .mh4 .justy-wrap > ul.list-u.justy-list,
#conts .mh4 .justy-wrap > ul.list-o.justy-list {padding-left: 1rem !important;}
/* 21.01.14 진현아 추가 끝 */

@media all and (max-width:740px) {
	.justy-responsive-list ~ .justy-wrap {display:none;}
	.justy-responsive-list {display:block;}

	.justy-wrap.dpB {display:block;}
	.justy-wrap > * {width:100%; padding:0; float:none;}
	.justy-wrap > * + * {padding:0; margin-top:8px;}
}



/* 리스트 Q&A */
.qna-list {display: block; width: 100%; margin: 2rem 0; min-height: 57px; line-height: 1.4; border-bottom: 1px dotted #ddd;}
.qna-list dt {position:relative; background: #eef3f7;color: #1e2651;font-weight: bold;font-size: 18px; padding: 2rem 0 2rem 3.6rem;word-break: keep-all;}
.qna-list dt:after {content: 'Q'; display: inline-block; position: absolute; left:15px; top: 50%; transform:translateY(-50%); font-size:20px; color:#00a69c;}
.qna-list dd {font-size: 1.7rem;color: #444;padding: 2rem 0rem 2rem 3.6rem;line-height: 2.5rem;}
.qna-list dt, .qna-list dd {display:block; }
@media all and (max-width:640px) {

}

@media all and (max-width:769px) {
	.qna-list dt,
	.qna-list dd{font-size:16px;}
}
@media all and (max-width:640px) {
	.qna-list dt,
	.qna-list dd{font-size:15px;}
}
@media all and (max-width:375px) {
	.qna-list dt,
	.qna-list dd{font-size:13px;}
}


/* 가로형 컨텐츠 (아이콘-내용) */
.ico_con {width:100%; border-bottom:2px solid #eee; line-height:1.7; margin-top:.8em !important; font-size:1.7rem; padding:2rem 1rem;display:table; table-layout:fixed; min-height: 200px ;}
.ico_con .cell {display:table-cell; padding:2rem 5rem; vertical-align:middle;}
.ico_con .thumb {padding:0; width:25rem; text-align:center; }
.ico_con.st02 .thumb {width:35rem; }
.ico_con .thumb img {max-width:90%;}
.ico_con .thumb + .cell {padding-left:0;}
.ico_con.st02 .thumb + .cell {padding-left:2.5rem;}
.ico_con .box_color { font-size:1.6rem; padding:2rem 2.4rem; background: #e9f0f4; border: 2px solid #4d89d9; line-height: 160%; color: #333; word-break: break-all; }
.ico_con .box-list {border:2px solid #eee; padding:2rem; margin-top:1rem; margin-bottom:1rem; display: inline-block;}
.ico_con .box-list.bg {background:#f3f4fa;}
.ico_con .symbol {margin-top:20px;}
.ico_con .symbol .thumb {padding:20px 0; width:30rem;}
.ico_con.first {border-top:2px solid #eee;}
.ico_con.last {border-bottom:none;}

@media all and (max-width:1024px) {
	.ico_con .cell {padding:1.5rem 3rem;}
	.ico_con .thumb {width:20rem; padding:0;}
	.ico_con .cell {padding:1.5rem 3rem;}
	.ico_con .thumb {width:20rem; padding:0;}
}
@media all and (max-width:640px) {
	.ico_con {display:block; padding:.5rem 0; min-height:0;}
	.ico_con .cell {display:block; padding:1rem 0rem;}
	.ico_con .thumb {width:auto; padding-bottom:0;}
	.ico_con .thumb + .cell {padding-left:0rem;}
	.ico_con.st02 .thumb {width:auto; }
	.ico_con.st02 .thumb + .cell {padding-left:0rem;}
}

@media all and (max-width:375px) {


}


/* 담당자 연락처 카드 */
#conts .card {position:relative; display:table; table-layout:fixed; border:1px solid #ddd; border-radius:10px; width:100%; min-height:100px; margin-bottom:10px; line-height:1.3; }
#conts .card:after {content: ''; clear: both;}
#conts .card > div {display:table-cell; vertical-align:middle; padding:1.5rem 3rem; width:100%;}
#conts .card .dep {width:25rem; font-size:2rem; background:#e9f3f6; text-align:center; color:#222; border-radius:10px 0 0 10px;}
#conts .card .info p {float:left; width:auto; line-height:inherit;}
#conts .card .info .name {font-size:2.3rem; font-weight:700;}
#conts .card .info .tel,
#conts .card .info .fax,
#conts .card .info .addr,
#conts .card .info .email {position:relative; padding-left:40px; font-size:1.8rem;margin:0 10px ;}
#conts .card .info .tel:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:29px; height:29px; background:url('/dept/img/content/common/card_ico_tell.png') no-repeat; background-size:100%;}
#conts .card .info .fax:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:29px; height:29px; background:url('/dept/img/content/common/card_ico_fax.png') no-repeat; background-size:100%;}
#conts .card .info .addr:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:29px; height:29px; background:url('/dept/img/content/common/card_ico_addr.png') no-repeat; background-size:100%;}
#conts .card .info .email:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:29px; height:29px; background:url('/dept/img/content/common/card_ico_email.png') no-repeat; background-size:100%;}

#conts .flx-cont .flx-box.card { display: flex; display: -ms-flex; }
#conts .flx-cont .flx-box.card .dep {width:100%; display: block; font-size:2rem; background:#e9f3f6; text-align:center; color:#222; padding: 1.5rem; border-radius: 5px;}
#conts .flx-cont .flx-box.card .info { line-height: 1.6em; text-align: center; margin: 0 auto; display: block;}
#conts .flx-cont .flx-box.card .info .name {float:none; display: block; margin-bottom: 1rem;}
#conts .flx-cont .flx-box.card .info .tel {float:none; display: inline;}

@media all and (max-width:1024px) {
	#conts .card .info p {float:none; margin:0; line-height:1.6 !important;}
}

@media all and (max-width:640px) {
	#conts .card .dep {width:50%; padding:1.5rem 1rem; font-size:1.7rem;}
	#conts .card .info {padding:1.5rem;}
	#conts .card .info .name {font-size:2.0rem; font-weight:700; margin-bottom:5px;}
	#conts .card .info .tel,
	#conts .card .info .fax,
	#conts .card .info .addr,
	#conts .card .info .email {padding-left:30px; margin:10px 0; font-size:1.4rem; word-break:break-all;}
	#conts .card .info .tel:before,
	#conts .card .info .fax:before,
  #conts .card .info .addr:before,
  #conts .card .info .email:before {width:25px; height:25px;}
}


/* 인사말 */
#conts .greeting {position:relative; width:100%; padding:50px; margin-bottom:50px; background:url('/dept/img/content/common/greeting_bg040201.png') no-repeat right top; z-index:-2; }
#conts .greeting:after {content:''; width:100%; height:5px; position:absolute;left:0; bottom:0; background:url('/dept/img/content/common/greeting_pttr.png');}
#conts .greeting .tit {position:relative; width: 500px; height:250px; padding: 50px 50px 0; color:#fff; font-size: 3.7rem; font-weight:700; line-height:1.2; background:url('/dept/img/content/common/greeting_tit_bg.png') no-repeat left top; background-size:cover; box-shadow:10px 10px 10px rgba(0,0,0,0.2); }
#conts .greeting .tit:after {content:''; width:137px; height:133px; position:absolute; right:-40px; bottom:-35px; background:url('/dept/img/content/common/greeting_deco.png') no-repeat;z-index:-1; }
#conts .greeting .txt {margin-top:60px;}
#conts .greeting[data-name="ITS"] {background:url('/dept/img/content/common/greeting_bg040201.png') no-repeat right top;}
@media all and (max-width:640px) {
	#conts .greeting {padding:60px 30px 50px;}
	#conts .greeting .tit {width:100%; height: 200px; font-size: 3.0rem; padding:40px 30px; word-break:keep-all;}
}
@media all and (max-width:400px) {
	#conts .greeting {padding:50px 30px;}
	#conts .greeting .tit {height: auto; font-size: 2.5rem; }
	#conts .greeting .none {display:none;}
}


/* 오시는길 */
#conts .root_daum_roughmap *[target="_blank"]:after {content:none;}
#conts .root_daum_roughmap .wrap_btn_zoom {z-index:1;}
#conts .locationWrap .address dl {position:relative; display:table; table-layout:fixed; width:100%; min-height:70px; border:1px solid #ddd; }
#conts .locationWrap .address dl dt,
#conts .locationWrap .address dl dd {position:relative; display:table-cell; width:100%; padding:2rem 0; vertical-align:middle; }

#conts .locationWrap .address dl dt {width:15rem; text-align:center;}
#conts .locationWrap .address dl dt span {position:relative; padding:0 30px; font-weight:700; background:url('/dept/img/content/common/ico_location_after.png') 100% 50% no-repeat;}
#conts .locationWrap .address dl dt span:before {content:''; position:absolute; width:20px; height:27px; left:0; top:-5px; background:url('/dept/img/content/common/ico_location.png') no-repeat;}

.ico_con.location {min-height:auto; padding:0 3rem; border-bottom:1px dotted #ddd;}
.ico_con.location .cell {padding:3.0rem 0;}
.ico_con.location .thumb{width:10rem; text-align:left; vertical-align:top; }
.ico_con.location.last {border-bottom:none;}

@media all and (max-width:640px) {
	#conts .locationWrap .address dl dt {width:10rem;}
	#conts .locationWrap .address dl dt span {padding:0 20px 0 30px;}
	#conts .locationWrap .address dl dd {padding:2rem 1.5rem;}
	
	.ico_con.location .cell {padding:1.5rem 0;}
}


.tab_depth04 {position:relative;}