@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.accessibility {
    overflow: hidden;
    position: relative;
    z-index: 1000;
    width: 100%;
}

html,body {font-family: 'Noto Sans KR', sans-serif; width:100%; font-weight:400; letter-spacing: -0.05em; min-width:360px; font-size:16px; line-height:1.8em; color:#444;}

a:link { color:#636363; text-decoration:none; }
a:visited { color:#636363; text-decoration:none; }
a:hover { color:#444; text-decoration:none; }
a:active { color:#0030ae; text-decoration:none; }

.wrap{position:relative;width:1600px; margin:0 auto;}
img{vertical-align: middle;}

@media only screen and (max-width:970px) {

	.wrap{width:98%}
	.tablet_skip { display:none;}
	.wrap .rowgroup{width:100%;}
	.wrap .satisfaction{margin:35px 0 35px 0px;}

	#container{background:none !important;}
	#container .subText{display:none;}
	.path{display:none;}
	}
	@media only screen and (max-width:640px) {
	.mobile_skip { display:none;}

}

.blind{position: absolute;   left: -10000000000000000px;}
/* Header */
.toggle-wrap{ background:#edf1f5;}
.toggle-wrap .toggle-inner{box-sizing:border-box; font-size:13px;  color:#000; max-width:1600px; margin:0 auto; padding:10px;}
.toggle-wrap .toggle-inner span{position: relative; padding-left:30px; letter-spacing: -1px;}
.toggle-wrap .toggle-inner span:before{display:block; position: absolute; top:0; left:0; content: "";  width: 24px;  height: 16px;   background: url(/upload_data/board_data/BBS_0000248/173189873535193.png) no-repeat center; }


#header {position:relative; z-index:12; border-bottom:1px solid #ddd; min-height:219px;}
#header::after{position: absolute; top:91px; left:0px; width:100%; height:1px; background:#ddd; content:''; display:block;}
#header h1{position: absolute; left:0; top:122px; z-index:99;}

#header .top_link {position: relative; padding-top: 23px; padding-bottom:28px}
#header .top_link button.tit, #header .top_link ul li.mo_link{ display:none;}
#header .top_link ul {float:left;}
#header .top_link ul li {position: relative; float:left;     margin-left: 30px;}
#header .top_link ul li a {position: relative; display:inline-block; background:#fff; line-height:39px;}
#header .top_link ul li a.on { color:#1c73d2; font-weight:500; }
#header .top_link ul li::before{content:''; display: block; position: absolute; top: 0px; left: -14px; bottom: 0;  width: 3px;  height: 3px;  margin-top: auto;  margin-bottom: auto; background-color: rgb(196, 198, 202);}
#header .top_link ul li.first{margin-left:0;}
#header .top_link ul li.first:before, #header .top_link ul li.family:before{display:none;}

/*iŒ¨e°€e|￢ i?￢i?´i?¸ offi?¼e?Œ*/
#header .top_link ul li.family .family_show{height: 40px; padding-right: 44px;  padding-left: 22px; border-radius: 30px;  background:#f1f7fc; color:#1c73d2; font-size: 15px;   font-weight: 600; text-align: left;  line-height: 40px;}
#header .top_link ul li.family .family_show:before{ content:''; display: block; position: absolute; top: 8px; right: 20px;  bottom: 0;  width: 13px;  height: 13px;  margin-top: auto;  margin-bottom: auto; background: url(/images/portal/new/common_icon.png) no-repeat; background-position:-331px -31px;}
#header .top_link ul li.family .family_panel { display: none;}

/*iŒ¨e°€e|￢ i?￢i?´i?¸ activei?¼e?Œ*/
#header .top_link ul li.family.active .family_panel{display: block !important; position: absolute; top: 50px; left: 0; padding: 25px; border: 2px solid #1c73d2; border-radius: 20px;  width: 180px;  background: #fff; z-index: 900000; box-shadow: 0 5px 10px rgb(28 115 210 / 10%); transition-property: opacity, visibility;  transition-duration: .25s; transition-timing-function: ease-in-out;}
#header .top_link ul li.family.active .family_panel ul{overflow-y: scroll; height: 250px; width: 180px;}
#header .top_link ul li.family.active .family_panel ul li {float:none; margin-left:0}
#header .top_link ul li.family.active .family_panel ul li a{font-weight: 300; line-height: 30px;}
#header .top_link ul li.family.active .family_panel ul li a:hover{color:#1c73d2; font-weight: 500;}
#header .top_link ul li.family.active .family_panel ul li a:focus{outline:none;}
#header .top_link ul li.family.active .family_panel ul li a:focus{border:2px dashed #1c73d2;}
#header .top_link ul li.family.active .family_panel ul li:before{display:none;}
#header .top_link ul li.family.active .family_show{ background:#1c73d2; color:#fff;}
#header .top_link ul li.family.active .family_show:before{background: url(/images/portal/new/common_icon.png) no-repeat; background-position:-313px -31px;}

#header .top_link .lnb{float:right; font-size:15px;}
#header .top_link .lnb > div{display:inline-block; margin-left:15px;}
#header .top_link .lnb > div a{ line-height:39px;  color:#333333;}
#header .top_link .lnb .flag{background: url(/images/portal/new/icon_flag.gif) no-repeat right center; padding-right:45px;;}
#header .top_link .lnb .eng{letter-spacing: 0.5px;}
#header .top_link .lnb .eng span{width:15px; height:15px; background: url(/images/portal/new/common_icon.png) no-repeat; background-position:-280px -27px; padding-right: 5px; display: inline-block;}

#header .Search_btn{position: absolute; top:40px; right:0px; }
#header .Search_btn a{display: block;  text-indent: -9999999px;  width:50px; height:50px; background: url(/images/portal/new/common_icon.png) no-repeat 0 0; background-position:-98px -7px;}
#header .Search_btn.btn_close a{display: block;  text-indent: -9999999px;  width:50px; height:50px; background: url(/images/portal/new/common_icon.png) no-repeat 0 0; background-position:-341px -128px;}


#header .site_map{position: absolute; top:40px; right:60px; }
#header .site_map a{display: block;  text-indent: -9999999px; width:50px; height:50px; background: url(/images/portal/new/common_icon.png) no-repeat 0 0; background-position:-13px -7px;}



#header .allSearch{display:none; width:100%; position: absolute; top:220px; left:0px;  background:url(/images/portal/new/sch_bg.jpg) no-repeat center bottom; height: 240px; box-sizing: border-box;}
#header .allSearch.active{display:block;}
#header .allSearch .pop_search{position:relative; padding: 3px 70px 3px 30px;  width: 630px;    margin: 60px auto 0 auto;    height: 64px;    border: 3px solid #1d74d2;    border-radius: 50px; }
#header .allSearch .pop_search input{border:0px; height:60px; width:100%; }
#header .allSearch .pop_search .as_btn{ position: absolute; top:0px; right:-35px; width:70px; height:70px; background:url(/images/portal/new/pop_sch_pop.png) no-repeat; text-indent: -9999999px;}
#header .sch_mask{	
    opacity: 0;
    visibility: hidden;
    top: 220px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    transition-property: visibility, opacity;
    transition-duration: 0.25s;
    transition-timing-function: linear;
	position: fixed;
}
#header .sch_mask.active{opacity:1; visibility:visible;}
#header .sch_mask.active{z-index:-1;}


/* eⓒ”e‰´ */



#lnb .wrap { z-index: 13;    width: 1600px;    height: 126px;    text-align: center;     position: relative;}
/*#lnb ul li.depth2{display:none;}*/

#lnb .top1menu { /*display:inline-block;*/ margin-left:19%; }
#lnb ul {margin:0; padding: 0; }
#lnb ul li {display: inline-block; float: left; margin: 0;padding: 0;  }
#lnb ul li a {display:block;  padding:50px 39px; font-size:23px; font-weight:600; letter-spacing:-0.5px; color:#1b1b1b; text-decoration:none}
#lnb ul li a.tit.hover,#lnb ul li a.tit:hover { color:#336ac0; border-bottom:2px solid #1c73d2; padding-bottom:48px}

#lnb ul li > div{display:none;}
#lnb ul div.top2m {display:none; position:absolute; left:0; top:130px; z-index:300; width:1600px; transition:height 2s ease-in-out; background:#fff;}
#lnb ul div.top2m div {position:relative;z-index:920;margin:0;padding:55px 20px 20px 350px; }

/*i??e?¨ iï¿ Å’i¸¡ eⓒ”e‰´e³? i?´e?¸i§€*/
#lnb ul div.top2m.m1 div { background:url(/images/portal/new/m1_bg.png) no-repeat left 260px;} 
#lnb ul div.top2m.m2 div { background:url(/images/portal/new/m2_bg.png) no-repeat left 260px;} 
#lnb ul div.top2m.m3 div { background:url(/images/portal/new/m3_bg.png) no-repeat left 260px;} 
#lnb ul div.top2m.m4 div { background:url(/images/portal/new/m4_bg.png) no-repeat left 260px;} 
#lnb ul div.top2m.m6 div { background:url(/images/portal/new/m5_bg.png) no-repeat left 260px;} 
#lnb ul div.top2m.m5 div { background:url(/images/portal/new/m6_bg.png) no-repeat left 260px;} 
#lnb ul div.top2m div .tit_area { position:absolute; left:0; top:0; width:350px; padding:55px 0px 0px 0px; background:none; text-align: left;}
#lnb ul div.top2m div .tit_area .tit {font-family: 'GmarketSansBold'; font-size:45px; color:#367acd; line-height: 45px;}
#lnb ul div.top2m div .tit_area .text { font-size:18px;  color:#010101; }

#lnb ul ul li {float:left;margin:0 1.4%;margin-bottom:30px;width:22%;}
#lnb ul ul li.split_line { float:none; width:100%; padding:0;}
#lnb ul ul li a {display:inline-block; padding:10px 0px 10px 25px; color:#444444; font-size:17px; text-align:left; background:#f8f9fb;font-weight:600; border:1px solid #dadada; border-radius:10px; box-sizing:border-box; width:100%;}
#lnb ul ul li a:hover{background:#367acd; border:1px solid #367acd; color:#fff;}

#lnb ul ul ul:not(.mobile_only) {display:block; padding:10px 0 0 10px;  background:#ffffff;}
#lnb ul ul ul li {float:none;padding-left: 0;width:100%;background:none;margin:0;}
#lnb ul ul ul ul:not(.mobile_only){padding:0 0 5px 0}
#lnb ul ul ul ul li a{border:none; padding: 3px 0 3px 8px; background: url('/images/portal/common/dot_bar.gif') no-repeat left 9px; color: #888; font-size: 13px; font-weight:500 !important; display: inline-block;}
#lnb ul ul ul ul li { padding-left:7px;}
#lnb ul ul ul ul li a:active { font-weight:600 }
#lnb ul ul ul li a { border:none; display:block; font-weight:400; color:#48505e; padding:5px 5px 5px 15px; background:url(/images/portal/new/deth3_bu.png) no-repeat 0px 8px; line-height:16px; font-size:16px; text-align:left; }
#lnb ul ul ul li a:hover { color:#4a75ae; background:url(/images/portal/new/deth3_bu_on.png) no-repeat 0px 8px; border:none;}
#lnb img { margin-left:5px;}

#lnb ul ul ul ul li a:hover{background: url('/images/portal/common/dot_bar.gif') no-repeat left 9px; }

.mobile_only{display: none; padding:0 0 5px 0;}

/*분야별 메뉴*/
.web #lnb .part_info {/* padding:0; background:#fff; */}
#lnb ul div.part_info div  {  height:480px; /* width:98%; padding:30px 0% 30px 2%; */}

.web #lnb .part_info ul li { width:18%; margin:0 1%; background:none; text-align:center; margin-bottom:30px;}
.web #lnb .part_info ul li a { padding:0 20px; color:#313131; letter-spacing:-0.5px; text-align: center; font-weight: normal;  border: none; background:#fff;}

.web #lnb .part_info ul li a:hover { font-weight:600; color:#1c73d2;}
.web #lnb .part_info ul li a span.img_area { display:block; width:100%; height:111px; border-radius:20px; border:1px solid #edf0f5; transition:all 0.35s ease-in-out; margin-bottom:20px;     background-repeat: no-repeat;  background-position: center 0;}
.web #lnb .part_info ul li a:hover span.img_area { border-color:rgb(49, 121, 207); background-color:rgb(49, 121, 207); box-shadow:rgba(0, 51, 192, 0.2) 0 5px 20px; background-position: center -111px}


.web #lnb .part_info li ul { display:none;}
.lnb_bg.part_bg {background:url(/images/portal/common/part_bg.gif)  repeat-y center top; box-shadow:0 30px 30px rgba(0,0,0,0.2); transition:height 0.1s ease-in-out;}

.web #lnb .part_info ul li.part_icon1 a span.img_area { background-image:url(/images/portal/new/top_depth2_icon01.png);}
.web #lnb .part_info ul li.part_icon2 a span.img_area { background-image:url(/images/portal/new/top_depth2_icon02.png);}
.web #lnb .part_info ul li.part_icon3 a span.img_area { background-image:url(/images/portal/new/top_depth2_icon03.png);}
.web #lnb .part_info ul li.part_icon4 a span.img_area { background-image:url(/images/portal/new/top_depth2_icon04.png);}
.web #lnb .part_info ul li.part_icon5 a span.img_area { background-image:url(/images/portal/new/top_depth2_icon05.png);}
.web #lnb .part_info ul li.part_icon6 a span.img_area { background-image:url(/images/portal/new/top_depth2_icon06.png);}
.web #lnb .part_info ul li.part_icon7 a span.img_area { background-image:url(/images/portal/new/top_depth2_icon07.png);}
.web #lnb .part_info ul li.part_icon8 a span.img_area { background-image:url(/images/portal/new/top_depth2_icon08.png);}
.web #lnb .part_info ul li.part_icon9 a span.img_area { background-image:url(/images/portal/new/top_depth2_icon09.png);}
.web #lnb .part_info ul li.part_icon10 a span.img_area { background-image:url(/images/portal/new/top_depth2_icon10.png);}


    


.lnb_m_nav, .mask, .lnb_logo, .lnb_close{display:none;}
.lnb_bg {  display:none; position:absolute; left:0; top:220px; width:100%;  min-height:42px;   box-shadow:0 30px 30px rgba(0,0,0,0.2); background:#fff; border-top:1px solid #1c73d2; }






 /*sublayout */



#container {position: relative; width:100%; margin: 0; padding-top:50px;}
#container .subText { text-align:center; padding:70px 0; color:#fff; }
#container .sub_title { font-size: 38px; }

.rowgroup{display: block;  float: right;  width: 74.3%;  min-height: 500px;  margin: 0;  padding: 0; }
  


.cont-top {position:relative; min-height:128px; margin-bottom:40px; }
.cont-top:after{background:url(/images/portal/new/menu_tit_bar.gif) repeat-x; width:100%; height:5px; position:absolute; left:0; bottom:0; display:block; content:""}
.cont_tit h2 {display:block; font-size:30px; font-weight:700; color:#333; letter-spacing:-0.07em; padding-top:25px; line-height: 30px;}


.cont-top .navi-print-share{position:relative; padding:8px 0px 11px 0px;}
.cont-top .navi-print-share:after{clear:both; content:""; display:block;}


.cont-top .navi-print-share .navi{margin-top:8px; float:left; overflow:hidden;}
.cont-top .navi-print-share .navi li{position:relative; float:left; padding:0px 4px 0px 12px;}
.cont-top .navi-print-share .navi li a { font-size:15px; color:#777777; font-weight:400;}
.cont-top .navi-print-share .navi li::before{position:absolute; top:40%; left:0px; content:""; background:url(/images/portal/new/location_arr.png) no-repeat; width:10px; height:10px; display:block;}
.cont-top .navi-print-share .navi li:last-child{padding-right:0px; font-weight:600;}
.cont-top .navi-print-share .navi li:last-child a {font-weight:600; color:#666;}

.cont-top .navi-print-share .navi li.home{padding-left:0px; margin-top:6px; background:url(/images/portal/new/common_icon.png) no-repeat; text-indent:-9999px; width:20px; height:20px; display:inline-block; background-position:-374px -24px;}
.cont-top .navi-print-share .navi li.home a {font-weight:300; display:block;}
.cont-top .navi-print-share .navi li.home::before {display:none;}

.cont-top .navi-print-share .print-share{position: absolute;  right: 0px;    top: -40px;}
.cont-top .navi-print-share .print-share:after{clear:both; content:""; display:block;}

.cont-top .navi-print-share .print-share .print-btn{width:50px; height:50px; display:block; float:left; background:url(/images/portal/new/common_icon.png); background-position: -274px -72px;}
.cont-top .navi-print-share .print-share .share{position:relative; float:left;}
.cont-top .navi-print-share .print-share .share .share-btn{width:50px; height:50px; display:block; background:url(/images/portal/new/common_icon.png);  background-position: -224px -72px;  }

.cont-top .navi-print-share .print-share .share .tit-btns{position:absolute; top:50px; right:0; width:50px; text-align:center; background:#fff; padding:10px 10px 5px 10px; border: 1px solid #d1d1d1; display:none; z-index:1;  box-sizing: border-box;}
.cont-top .navi-print-share .print-share .share .tit-btns:before{position:absolute; top:-7px; right:20px; width:13px; height:7px; content:""; }
.cont-top .navi-print-share .print-share .share.active .tit-btns{display:block;}
.cont-top .navi-print-share .print-share .share .tit-btns .tit{padding-left:5px; text-align:left; font-size:18px; margin-bottom:10px; color:#111;}
.cont-top .navi-print-share .print-share .share .tit-btns .btns p{width:100%; margin-bottom:5px; float:left;}
.cont-top .navi-print-share .print-share .share .tit-btns .btns p a{width:30px; height:30px; display:inline-block; text-indent: -99999999px; }
.cont-top .navi-print-share .print-share .share .tit-btns .btns p a.fb{ background:url(/images/portal/new/sns_fb.png) no-repeat center center;}
.cont-top .navi-print-share .print-share .share .tit-btns .btns p a.tw{ background:url(/images/portal/new/sns_tw.png) no-repeat center center;}
.cont-top .navi-print-share .print-share .share .tit-btns .btns p a.ks{ background:url(/images/portal/new/sns_ks.png) no-repeat center center;}


/*좌측메뉴*/
 
#side {display: block; float: left; width: 20.6%; padding: 0;}
#side .sub_title {border-radius: 20px 20px 0 0; height: 180px; box-sizing:border-box; padding: 65px 0 0 0;  background: url('/images/portal/new/side_ti.png') no-repeat center top;  color: #fff;  font-size: 30px; text-align: center;  font-family: 'GmarketSansBold';}
.sub_menu{padding:25px 0; border:1px solid #dddd; border-radius:20px; background:#fff; box-sizing:border-box; margin-top:-25px;}
.sub_menu .sm_2th {width: 100%;  padding: 0;  margin: 0; }
  
  .sub_menu .sm_2th > li {
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #e0e0e0;
    border-top: none;
  }
.sub_menu .sm_2th > li:last-child {border-bottom:0;}
  

  .sub_menu .sm_2th > li > a {
    display: block;
    position: relative;
   /* min-height: 35px;*/
    color: #555;
    text-decoration: none;
    cursor: pointer;
	font-size: 19px;
    letter-spacing: -2px;
    padding: 17px 44px 17px 20px;
	font-weight: 600;
   
  }
  .sub_menu .sm_2th > li > a > .more {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 18px;
    height: 18px;
    margin-top: -10px;
    border: 1px solid #e4e4e4;
    transition: all .4s;
    font-size:0;
  }
  .sub_menu .sm_2th > li > a > .more em {
    position: absolute;
    background-color: #a4a4a4;
    transition: all .4s;
  }
  .sub_menu .sm_2th > li > a > .more .ver {
    top: 50%;
    left: 50%;
    width: 2px;
    height: 10px;
    margin: -5px 0 0 -1px;
  }
  .sub_menu .sm_2th > li > a > .more .hor {
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    margin: -1px 0 0 -5px;
  }
  .sub_menu .sm_2th > li.on > a ,.sub_menu .sm_2th > li > a:hover, .sub_menu .sm_2th > li > a:focus  {
    color: #005bab;
  }
  .sm_2th > li.on > a > .more,
  .sm_2th > li > a:hover > .more ,
  .sm_2th > li > a:focus > .more
  {
    border-color: #005bab;
  }
  .sm_2th > li.on > a > .more em.ver,
  .sm_2th > li > a:hover > .more em.ver,
  .sm_2th > li > a:focus > .more em.ver  {
    background-color: #005bab;
    transform: translateY(0) rotate(-450deg);
  }
  .sm_2th > li.on > a > .more em.hor,
  .sm_2th > li > a:hover > .more em.hor,
  .sm_2th > li > a:focus > .more em.hor  {
    opacity: 0;
  }
  .sm_3th {
    display: none;
    margin: 1px 0 0 0;
    padding: 13px 20px 13px 20px;
   /* background-color: #f6f7f9;*/
    border-top: 2px solid #005bab;
  }
  .sm_3th a {
    padding: 10px 0 10px 0px;
    background:url(/images/portal/new/sm_3th.png) no-repeat right center;
    color: #666666;
    font-size: 16px;
    display:block;
    border-bottom: 1px dotted #ddd;
	font-weight: 400;
  }

  .sm_3th li:last-child a{border-bottom:none;}
  
  .sm_3th a:focus,.sm_3th a:hover, .sm_3th li.on a { color:#0030ae;  background:url(/images/portal/new/sm_3th_on.png) no-repeat right center;}
  .sm_4th {
    margin: -1px 0px 0 0;
    padding: 15px;
    background-color: #f5faff;
	border-radius:10px;
  }
  .sm_4th a {
    padding: 3px 0 3px 10px;
    
    color: #888;
    font-size: 13px;
    font-weight:500 !important;
    display: block;
    position: relative;
	border-bottom: none;
  }
  .sm_4th a:after{content:''; display:block; position: absolute; background:#e2e2e2; width:5px; height:5px; top:15px; left:0; border-radius:50%;}
  
  
  .sm_4th a:hover, .sm_4th .on li.on a { color:#0030ae; }
  .sm_4th .on li.on a:after{background:#0030ae;}

  .sm_2th .on .sm_3th {
    display: block;
  }
  
  
  
  
/** ****** 푸터 ******** */
#footer {  }

#foot_banner {overflow:hidden;position:relative; height:90px; background:#f7f8fa;}
#foot_banner h3 { position:absolute; top:32px; left:0px; font-size: 18px;  color: #333; padding-left: 30px; background:url(/images/portal/new/banner_tit.png) no-repeat 0 4px;}

#foot_banner .control {position:absolute;top:35px;right:0px;width:120px; font-size: 0;}
#foot_banner .control button, #foot_banner .control a {position:absolute;width:24px;height:24px; background:url(/images/portal/new/common_icon.png);}
#foot_banner .control .btn_prev {top:0;left:0; background-position:-359px -265px}
#foot_banner .control .btn_next {top:0;left:23px; background-position:-392px -265px}
#foot_banner .control .btn_more {top:0px;left:46px; background-position:-461px -265px}
#foot_banner .control .btn_stop {top:0px;left:69px;background-position:-427px -265px}
#foot_banner .control .btn_play {display:none;top:0px;left:69px;background-position:-427px -289px}

#foot_banner .fb_box {position:absolute; width:1320px;  line-height: 90px;  margin:0px 0 0 135px;overflow:hidden}
#slider_foot_banner {position:absolute; width:1324px; }
#slider_foot_banner li {position:relative; float:left; text-align: center; padding-right:12px;}
/*#slider_foot_banner li:after{content:''; display:block; width:1px; height:15px; background:#ddd; position:absolute; right:0; top:40px; }*/
#slider_foot_banner li a { white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; display:block;}


/* foot_menus */
#foot_menus {position:relative;height:72px; background:#153355;z-index:999}
.foot_menus > li {position:relative; float:left;position:relative;width:33.3%}
.foot_menus > li:before{content:''; display:block; width:1px; height:16px; background:#445c77; right:0; top:29px;     position: absolute;}
.foot_menus > li:first-child::after{content:''; display:block; width:1px; height:16px; background:#445c77; left:0; top:29px;     position: absolute;}
.foot_menus > li > button{position:relative; display:block; width:100%;height:72px; padding-left:30px; background:url(/images/portal/new/link_arr_off.png) no-repeat right center; text-align:left;line-height:72px; text-decoration:none; color:#fff;}

.foot_menus > li.active{background:#0e253e;}
.foot_menus > li.active > button { background:url(/images/portal/new/link_arr_on.png) no-repeat right center;}
.foot_menus  div {display:none;position:absolute;left:0px;right:0;padding:25px 30px; border:1px solid #0e253e;border-bottom:0;background:#fff;}
.foot_menus  div p{font-size:22px; color:#333333; margin-bottom:20px;}

.foot_menus .fm_1 {top:-310px; height: auto;}
.foot_menus .fm_2 {top:-370px; height: auto;}
.foot_menus .fm_4 {top:-190px; height: auto;}

.foot_menus ul .col2 {float:left;width:48%; padding-left:16px; position:relative; line-height: 30px; box-sizing: border-box;}
.foot_menus ul .col2:after{position:absolute;left:0px;top:15px; content:''; display:block; background:#a2ceff; width:6px; height:5px; border-radius:50%;}
.foot_menus ul li a {display:block; font-weight: 300;}
.foot_menus ul li a:hover, .foot_menus ul li a:active, .foot_menus ul li a:focus {color:#1d74d2; font-weight: 400;}
.foot_menus .close {position:absolute;top:16px;right:16px;width:30px;height:30px; background:url(/images/portal/new/common_icon.png); background-position:-336px -132px; }



.footer_navi{position:relative; min-height:85px; border-bottom:1px solid #dddddd;}
.footer_navi ul li{position:relative; line-height: 85px; float:left; padding-right:50px;}
.footer_navi ul li:first-child a{color:#1c73d2; font-size:15px; font-weight: 500;}
.footer_navi ul li:after{position:absolute; content:''; display:block; width:6px; height:6px; background:#e4e4e4; border-radius:50%; top:40px; right:22px;}
.footer_navi .tablet_skip{position:absolute; right:0; top:10px;}
.footer_navi .tablet_skip a{display:inline-block;}
.footer_navi .tablet_skip a img{width:95%;}


#foot_info{position:relative;  padding:30px 0 30px 226px; max-width:1600px; margin:0 auto; box-sizing: border-box; min-height:159px;}
#foot_info .footer_logo{position:absolute; top:35px; left:0px;}
#foot_info .qrcode{position:absolute; top:30px; right:0px;}
#foot_info .qrcode a{display:inline-block; margin-left:10px;}
#foot_info .f-info .addr{font-size:15px; font-weight: 300; padding-bottom:20px; color:#555555;}
#foot_info .f-info .addr .m_footer{display:none;}
#foot_info .f-info .addr span{position:relative; display:inline-block; margin-left:15px; padding-left:15px; }
#foot_info .f-info .addr span:after{position:absolute; top:7px; left:-2px; content:''; width:1px; height:13px; background:#ddd;}
#foot_info .f-info .copy { font-size:15px; font-weight:300; color:#888888; line-height: 20px;}



@media only screen and (max-width: 1200px) {

	 #foot_banner { display:none; }
	 #foot_menus { clear:both; border:0px solid #dbdbdb; border-width:0; height:100%;}
	 #foot_menus .foot_menus > li  { float:none; width:100%; border-bottom:1px solid #445c77;  }
	 #foot_menus .foot_menus > li > button { border-right:0px solid #dbdbdb; height: 50px; line-height: 50px; padding-left: 20px; font-size:14px; }
	 #foot_menus .foot_menus > li:first-child > button { border-left:0px solid #dbdbdb; }

	 #foot_info { padding:20px; }
	 .foot_menus > li:before{display:none;}
	 .footer_navi{padding:0 20px;}
	 

}

@media only screen and (max-width: 1000px) {
	.footer_navi ul li:after{right: 6px;}
	.footer_navi ul li{padding-right: 20px;}
}


@media only screen and (max-width: 800px) {

	.footer_navi{border-bottom:none;}
	.footer_navi ul {padding:10px 0; }
	.footer_navi ul li {position: relative; line-height: 40px; float: left; padding-right: 0; width: 25%; text-align: center; box-sizing: border-box; font-size:14px;}
	.footer_navi ul li a{display:block; border:1px solid #ddd; margin-left:-1px; margin-top:-1px;}
	.footer_navi ul li:after{display:none;}
	.footer_navi ul li:first-child a{font-size:14px;}	
	.footer_navi ul:after{content:''; display:block; clear: both;}

}


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

	.footer_navi ul li{width:33.3%}
	#foot_info .f-info .addr, #foot_info .f-info .copy{font-size:13px;     text-align: center; }
	#foot_info .f-info .addr span{margin-left: 0px;  padding-left: 0;  padding-right: 5px;}
	#foot_info .f-info .addr span:after{display:none;}
	#foot_info .f-info .addr{margin-bottom:10px; padding-bottom:0;}
	#foot_info .f-info .addr .m_footer{display:block;}
	
} 



#contents h3, .body_conts h3{margin:25px 0 15px 0; font-size:24px;line-height:24px; color:#001a64;}
#contents h4, .body_conts h4{margin:25px 0 15px 0px; background-position:left top;color:#1c73d2;font-size:20px;line-height:22px; }
#contents h5, .body_conts h5{margin:25px 0 5px 14px;padding:0 0 0 23px;background-position:left top;color:#000;font-size:1.1em;line-height:22px; font-weight:600;}



  
  .etc_btn {
    display: block;
    float: right;
    width: 17.777777%;
  }
  .etc_btn li {
    display: block;
    float: left;
    width: 33.333333%;
  }
  .etc_btn li button {
    display: block;
    width: 100%;
    height: 53px;
    margin: 0;
    padding: 0;
  }
  .etc_btn li button span {
    display: block;
    height: 53px;
    background: url(/images/portal/contents/path_icon1.png) no-repeat 50%;
    border-right: 1px solid #e6e6e6;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
  }
  .etc_btn li button.etc2 span {
    background-image: url(/images/portal/contents/path_icon2.png);
  }
  .etc_btn li button.etc3 span {
    background-image: url(/images/portal/contents/path_icon3.png);
  }
  .etc_btn li:first-child button span {
    border-left: 1px solid #e6e6e6;
  }
  @media all and (max-width: 568px) {
    .etc_btn {
      display: none;
    }
  }
  
  .sub_head .title {
    width: 96%;
    margin: 0 0 0 40px;
    padding: 25px 0 15px 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .sub_head .title h2 {
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 30px;
    font-weight: 400;
    line-height: 32px;
  }
  .sub_head .sns {
    float: right;
    margin-top: -45px;
  }
  .sub_head .sns li {
    display: block;
    float: left;
    width: 28px;
    height: 28px;
    margin: 0 0 0 5px;
  }
  .sub_head .sns li a {
    display: block;
    width: 28px;
    height: 28px;
    background: url(/images/portal/contents/fb_icon.png) no-repeat 50%;
    font-size: 0;
    text-indent: -9999px;
  }
  .sub_head .sns li a.tw {
    background-image: url(/images/portal/contents/tw_icon.png);
  }
  .sub_head .sns li a.ks {
    background-image: url(/images/portal/contents/ks_icon.png);
  }
  .sub_head .sns li a.pr {
    background-image: url(/images/portal/contents/pr_icon.png);
  }
  .sub_head .sns li a.se {
    background-image: url(/images/portal/contents/se_icon.png);
  }
  
  li.search_sp{display:none !important}
  @media all and (max-width: 970px) {
    .sub_head .title {
      margin: 0;
      width: 100%;
    }
    
    .sub_sp li.search_sp{display: inline-block !important;}
    .sub_sp li.search_sp #spot{left:0;bottom: -53px;width: calc(100% - 20px);background-color: #103268;padding: 10px;}
    .sub_sp li.search_sp #spot input.put{width:90%;height:40px}
    .sub_sp li.search_sp #spot input.put_btn{background-color:white;width:8.5%;line-height:40px;height:40px}
    body:not(.sub_sp) li.search_sp{display:none !important}
  }
  @media (max-width: 568px) {
  
  
    .sub_sp li.search_sp #spot{top: 81px;}
  
    li.search_sp #spot{bottom: -104px;}
     li.search_sp #spot .put{width: 88% !important;/* display:block; */}
     li.search_sp #spot input.put_btn{width:100%;}
    .sub_head .title {
      padding: 10px 0 0 0;
      border-bottom: none;
    }
    .sub_head .title h2 {
      font-size: 23px;
      line-height: 27px;
      margin-top:10px;
    }
    .sub_head .sns {
      float: none;
      width: 100%;
      margin: 0;
      padding: 0 0 10px 0;
      border-bottom: 1px solid #e3e3e3;
      text-align: right;
    }
    .sub_head .sns li {
      display: inline-block;
      float: none;
      margin: 0;
      padding: 0;
    }
  }
  
  
  
  
    
  #contents {min-height: 300px; line-height:180%; position: relative; }
  

  
/*e?´e?¹i?? e°? e³?e°?e§Œi¡±e?? i¡°i?￢*/  
  .satisfaction {margin: 35px 0px 35px 0px; }
  .satisfaction > span.noimg { display:block; background:#f7f7f7; padding:20px 0; text-align:center; color:#333; margin-bottom:13px;}
  .satisfaction_rank {margin: 0px 0 10px; padding: 20px 25px; border: 1px solid #c7ced2;}
  .satisfaction_rank .question { padding: 8px 0; color: #333; font-weight: 500;  float: left; width:50%}
  .satisfaction_rank .input_radio {display: block; float: left; width: 50%; margin-top:5px; text-align: right; font-size: 15px;}  
  .satisfaction_rank .input_radio label {margin-right: 10px; color: #535252; margin-left:3px; }
  .satisfaction_rank .input_radio span {display: inline-block; margin-right: 5%;}
  .satisfaction_rank .opinion {display: flex; justify-content: space-between;}
  .satisfaction_rank .opinion input[type="text"] { width:80%; border: none; height:45px; margin:0; padding:0px 0 5px 7px; background:#f7f7f7;     box-sizing: border-box;}
  .satisfaction_rank .opinion input[type="submit"] {width: 20%;background-color: #2d55d3; color: #fff; height:45px; padding: 0; margin: 0;}


  .satisfaction .open_box{background:#f7f7f7; padding:25px 48px; margin-bottom:23px;}
  .satisfaction .open_box .open_img{float:left; margin-right:63px}
  .satisfaction .open_box .open_img a{display:block;}
  .satisfaction .open_box .open_img a:focus{outline:2px solid #7c190b;}
  .satisfaction .open_box .open_text{float:left;}

  .satisfaction .admin_info{position:relative; border: 1px solid #c7ced2;  border-radius: 2px; border-bottom:0px;}
  .satisfaction .admin_info ul{  padding:15px 0 15px 2%; width:85%; }
  .satisfaction .admin_info ul li {float:left;margin-right:35px;padding-left:10px; color:#5b5e64;}
  .satisfaction .admin_info ul li span{display:inline-block;margin:0 10px 0 0; color:#333333; font-weight:600;}
  .satisfaction .admin_info ul li span.bu{background:url(/images/portal/new/admin_info_bu.png) no-repeat 0 center; padding-left:30px;}
  .satisfaction .admin_info ul li span.name{background:url(/images/portal/new/admin_info_name.png) no-repeat 0 center; padding-left:22px;}
  .satisfaction .admin_info ul li span.tel{background:url(/images/portal/new/admin_info_tel.png) no-repeat 0 center; padding-left:26px;}
  .satisfaction .admin_info .open_type { position:absolute; right:2%; top:0; padding:11px 0;}


  @media only screen and (max-width:768px) {

	.satisfaction .open_box{padding:20px;}
	.satisfaction .open_box .open_img{margin-right:0; float:none; text-align: center;}
	.satisfaction .open_box .open_text{text-align: center; float:none;}

	.satisfaction_rank .question{width:100%; float:none; padding:0;}
	.satisfaction_rank .input_radio{width:100%; float:none; text-align:left; margin-top:0; margin-bottom:5px;}

	.satisfaction_rank .input_radio label{margin-right:20px;}

  }

  
  @media only screen and (max-width:700px) {
    .satisfaction_rank {  background: none;  padding: 20px ;}
    .satisfaction_rank .satisfaction_list .input_radio {width:100%;}
    .satisfaction_rank .satisfaction_list .opinion{width:96%; margin-top:5px;}
    .satisfaction_rank .satisfaction_list .opinion input[type="text"]{width:68%;}
    .satisfaction_rank .satisfaction_list .opinion input[type="submit"]{width:15%;}

	.satisfaction .admin_info ul li{float:none; margin-right:0px;}
	.satisfaction .admin_info ul li span.name, .satisfaction .admin_info ul li span.tel{padding-left:30px; width:57px;}
	.satisfaction_rank .input_radio label {    width: 32%;    display: inline-block;    box-sizing: border-box;     margin-right: 0;  margin-left:0;}


  }
  @media only screen and (max-width:470px) {
    .satisfaction_rank .satisfaction_list .opinion input[type="submit"]{width:25%;}
    .satisfaction_rank .satisfaction_list label{font-size:13px; margin-right:5px;}
  }
 
  
  
  
  .sim_list{width:100%; padding-top:20px;}
  .sim_list li{width:18%; margin-right:2%; float:left; margin-bottom:50px;}
  .sim_list li span{display:block; text-align:center;}
  .sim_list li span.num{margin-bottom: 3px;font-weight: 600;color: #000;font-size: 13px;}
  .sim_list li span.tit{margin-top:10px; margin-bottom:10px;}
  
  .sim_list.full li span img{max-width:100%; height:115px;}
  
  
  .font_tit { font-size:18px; }
  .hisList{/*margin-left:50px;*/}
  .hisList li span.ydate{display:inline-block; min-width:70px; padding:3px 10px 3px 10px;  background:#3a75cb; margin:0 17px 5px 0; text-align:center; color:#fff;}
  .hisList li span.ydate_none{display:inline-block; min-width:70px; padding:3px 10px 3px 10px; margin:0 17px 5px 0; }
  
  @media (max-width:640px) {
    .sim_list li{width:48%; }
    .hisList{margin-left:0px;}
  }
  
  
  .symbolicList{clear:both; margin:0 0 80px 30px; overflow:hidden;}
  .symbolicList ul{padding-left:0;}
  .img_left{min-width:200px;  display:block; float:left;}
  .img_text{float:left; width:75%;}
  
  
  .chaInfoBox{width:100%; position:relative; min-height:230px; margin-top:20px;}
  .chaInfoBox .chaText70{width:70%;}
  .chaInfoBox .chaText100{width:100%;margin-top:10px;}
  ul.chaList{margin-top:30px;}
  ul.chaList li {float:left; width:25%; min-height:190px; margin-bottom:50px;}
  ul.chaList li span{width:100%; display:block; text-align:center;}
  
  .chat01{background:url('/images/portal/contents/sub05/img_5_1_4_1.jpg') right 0 no-repeat;}
  .chat02{background:url('/images/portal/contents/sub05/img_5_1_4_2.jpg') right 0 no-repeat;}
  .chat03{background:url('/images/portal/contents/sub05/img_5_1_4_3.jpg') right 0 no-repeat;}
  .chat04{background:url('/images/portal/contents/sub05/img_5_1_4_4.jpg') right 0 no-repeat;}
  
  
  .org_wrap{position:relative; width:970px; margin:0 auto;}
  .org_wrap .org_btn{position:absolute; right:0;}
  .org_wrap .orgList .mayor{position:absolute;top:0px;left:50%;display:block;width: 174px;height: 91px;font-size: 23px;color:#fff;text-align:center;line-height: 91px;margin-left:-90px;background: url(/images/portal/contents/sub05/org_top_bg1.jpg);/* border:6px solid #c2dff9; */}
  
  .org_wrap .orgList .chairman {position:absolute;right: 25px;top: 76px;width: 130px;background: #5fb387;height: 48px;font-size:18px;color:#fff;text-align:center;line-height: 48px;}
  .org_wrap .orgList .council {position:absolute;right: 25px;top: 150px;width: 130px;background: #5fb387;height: 48px;font-size:18px;color:#fff;text-align:center;line-height: 48px;}
  
  .org_wrap .orgList .AssistantMayor{position:absolute;top:120px;left:50%;display:block;width: 174px;height: 68px;font-size:20px;color:#fff;text-align:center;line-height: 68px;margin-left:-90px;background: url(/images/portal/contents/sub05/org_top_bg2.jpg);/* border:6px solid #c2dff9; */}
  .org_wrap .orgList > li{background: url(/images/portal/contents/sub05/org_line1.jpg) center 14px no-repeat;}
  .org_wrap .officeList{padding-top: 229px;width:100%;overflow:hidden;background: url(/images/portal/contents/sub05/org_line2.jpg) center 205px no-repeat;}
  .org_wrap ul.officeList > li{float:left; width:105px; margin:0 0.7%;}
  .org_wrap ul.officeList > li > span{display:block; height:46px; line-height:46px; text-align:center; color:#fff; font-size:16px; background:url(/images/portal/contents/sub05/org_top_bg3.jpg) no-repeat}
  .org_wrap ul.officeList > li > a{display:block; height:46px; line-height:46px; text-align:center; color:#fff; font-size:16px; background:url(/images/portal/contents/sub05/org_top_bg3.jpg) no-repeat}
  .org_wrap ul.officeList > li > span.offBox_black{background:url(/images/portal/contents/sub05/org_top_bg3.jpg) no-repeat;}
  .org_wrap ul.officeList ul li{ line-height:40px; font-size:14px; border:1px solid #e4e4e4; margin-top:8px;}
  .org_wrap ul.officeList ul li > span{display:block; line-height:40px; color:#333; text-align:center; background:#fff;}
  .org_wrap ul.officeList ul li > span::before{content:''; float:left; display:block; text-align:center;}
  .org_wrap ul.officeList > li > span.offBox_black a{color:white}
  .off_wrap{clear:both;}
  .off_wrap_tit{width:100%;position: relative;height: 45px;text-align: center;background:url(/images/portal/contents/sub05/org_top_bg4_2.jpg) repeat;margin: 0 0.7% 10px 0.7%; line-height:45px; color:#fff; font-size:17px;}
  .off_wrap_tit .first{position:absolute; left:0;  height:45px; background:url(/images/portal/contents/sub05/org_top_bg4_1.jpg) left 0 no-repeat;}
  .off_wrap_tit .last{position:absolute; right:0; width:77px; height:45px; background:url(/images/portal/contents/sub05/org_top_bg4_3.jpg) left 0 no-repeat;}
  .off_wrap ul li{float:left; width:138px; margin:0 0.7% 10px 0.7%;}
  .off_wrap ul li > span{display:block; height:44px; line-height:46px; text-align:center; border:1px solid #e4e4e4;}
  
  
  .org_wrap .orgList2{width:100%;overflow: hidden;margin-top: 20px;}
  .offBox_full{display:block; width:98%; height:44px; line-height:46px; text-align:center; background:#4a9bcc; color:#fff; font-size:16px;}
  .org_wrap ul.orgList2 ul{width:100%; margin-top:5px;}
  .org_wrap ul.orgList2 ul li{float:left; width:6.84%; line-height:17px; margin-left:7px; margin-top:10px;}
  .org_wrap ul.orgList2 ul li span{display:block; padding:10px 8px; text-align:center; border:1px solid #e2e2e2; font-size:13px; background:#fff; border-radius:3px; letter-spacing:-1px;}
  .org_wrap ul.orgList2 ul li:first-child{margin-left:0px;}
  
  
  .dong_location{width:100%;margin-left:-20px;}
  .dong_location .icon_subway{padding:20px 0 20px 120px; min-height:85px;  border-bottom:1px dotted #d8d8d8; background:url('/images/portal/contents/sub05/img_5_3_7_1.png') 0 center no-repeat;}
  .dong_location .icon_bus{padding:20px 0 0 120px; min-height:85px; border-bottom:1px dotted #d8d8d8;padding-bottom:20px; background:url('/images/portal/contents/sub05/img_5_3_7_2.png') 0 center no-repeat;}
  .dong_location .icon_car{padding:20px 0 0 120px; min-height:85px; background:url('../../images/portal/contents/sub05/img_5_3_7_3.png') 0 center no-repeat;}
  .dong_busCheck span.btn {margin-left:28px; margin-top:0;}
  
  
  
  .bu_yesan li.dep1{ padding:8px 20px 8px 0px; font-weight:600; font-size:15px; color:#333; }
  .bu_yesan li.dep1 .depT{display:block; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 0 8px 35px; background:#dee8f3 url(/images/portal/common/bu_li.png) no-repeat 20px center;}
  .bu_yesan li.dep1 ul:last-child{margin-bottom:-8px;}
  .bu_yesan li.dep1 li.dep2 { padding:8px 0px 8px 40px; font-weight:500; font-size:14px; border-bottom:1px solid #ddd; background:url(/images/portal/common/bu_li2.png) no-repeat 30px 20px;}
  .bu_yesan li.dep1 li.dep2:after { content:""; display:block; clear:both; }
  .bu_yesan li.dep1 li.dep2 .btns { float:right; background:#fff; }
  .bu_yesan li.dep1 li.dep2 .depT2{display:block; padding:4px 0 8px 40px; border-bottom:1px solid #ddd; margin-left:-40px; }
  .bu_yesan li.dep1 li.dep2 ul{margin-left:-55px; }
  .bu_yesan li.dep1 li.dep2 li.dep3 ul {background:#f5f5f5; margin-bottom:-8px; padding:5px 0;}
  .bu_yesan li.dep1 li.dep2 li.dep3 { padding:8px 0 8px 65px; font-weight:500; font-size:14px; border-bottom:1px solid #ddd; background:url(/images/portal/common/bu_li2.png) no-repeat 54px 22px;}
  .bu_yesan li.dep1 li.dep2 li.dep3:after { content:""; display:block; clear:both; }
  .bu_yesan li.dep1 li.dep2 li.dep3 ul li{padding:8px 0 8px 65px;  background:url(/images/portal/common/bu_li3.png) no-repeat 55px 18px}
  .bu_yesan li.dep1 li.dep2 li:last-child{border-bottom:0px;}
  .bu_yesan li.dep1 li.dep2 .depT3{display:block; padding-left:40px; margin-left:-40px; padding-bottom:6px;}
  .bu_yesan li > span.button{margin-left:10px; }
  .bu_yesan .btn_right_dep2{float:right; margin-right:30px;}
  
  .operPlan{min-height:295px; background:url('/images/portal/contents/sub05/img_5_5_1_2.png') center 0 no-repeat;}
  .operPlan2{min-height:250px; background:url('/images/portal/contents/sub05/img_5_5_1_3.png') right 0 no-repeat;}
  
  .operPlan3{min-height:250px; background:url('/images/portal/contents/sub05/img_5_5_2_5.png') right 0 no-repeat;}
  
  .bu_list {background:#f5f5f5; padding:10px 0; margin-top:10px;}
  .bu_list li{margin-left:70px; padding:7px 0;}
  .bu_list li > span.button{margin-left:10px;}
  .bu_list .btn_right{float:right; margin-right:20px;}
  
  
  .cycle_img{padding:10px 0 0 25px ;}
  .cycle_img_first{padding:15px 0 0 25px; margin-bottom:-15px;}
  
  @media (max-width:640px){
    .cycle_img{padding:0px ;}
    .cycle_img_first{padding:20px 0 0px; }
    .dong_location .icon_subway, .dong_location .icon_bus, .dong_location .icon_car { background:none; padding:20px 0 20px 20px; }
    .symbolicList{margin:0;}
    .img_text{float:none; width:auto;}
    ul.chaList li { width:45%; }
    .chaInfoBox .chaText70{width:100%;}
  }
  
  
  .parkinfo { border: 1px solid #ddd;border-radius: 5px;padding: 20px; background:#f8f8f8;  }
  .parkinfo .img { float:left; width:210px; height:120px; border:1px solid #eee; margin-right:20px;}
  .parkinfo ul { float:left; }
  .parkinfo li { background:url(/images/common/arrow.gif) no-repeat left 8px; padding-left:20px; }
  .parkinfo li span{width:66px; display:inline-block; color:#333; font-weight:600;}
  .mapArea{/*margin-left:28px;*/}
  
  .box_color{border:5px solid #6f76ac; padding:20px; text-align:center; line-height:20px; margin-bottom:5px;}
  
  
  .step4713 li{width:47%; float:left; margin-bottom:20px; margin:10px 0 0 27px; }
  .step4713 li > span{font-size:13px; display:block; text-align:center; padding:0 20px;}
  .step4713{overflow:hidden; clear:both;}
  
  
  dl.qna {
    border-bottom: 1px solid #e0e0e0;
  }
  dl.q_border {
    border-top: 1px solid #e0e0e0;
  }
  dl.qna dt{padding:5px 5px;}
  dl.qna dd{display:none; position:relative; padding:8px 5px 8px 38px; background:#f5f5f5; border-top:1px solid #e0e0e0;}
  dl.qna .icon_q{display:inline-block; padding-top:5px; margin-right:8px; vertical-align:middle;}
  dl.qna dt > a{padding:5px 0;}
  dl.qna .icon_a{display:inline-block;position: absolute;padding-top:5px; top:5px; left: 5px; vertical-align:middle;}
  
  
  .portal_1325 {display:block;margin-left:55px;width:511px;height:540px; margin-top:40px; overflow:hidden;position:relative;background:url("/images/portal/contents/sub06/onstop_step_bg.jpg") no-repeat left top}
  .portal_1325 li {position:absolute;display:block;}
  .portal_1325 li img {vertical-align:text-top;}
  .portal_1325 li.step1 {top:0px;left:160px;}
  .portal_1325 li.step2 {top:72px;left:160px;}
  .portal_1325 li.step2_1 {top:78px;left:225px;}
  .portal_1325 li.step2_2 {top:189px;left:298px;}
  .portal_1325 li.step3 {top:141px;left:160px;}
  .portal_1325 li.step3_1 {top:71px;left:-160px;}
  .portal_1325 li.step4 {top:206px;left:160px;}
  .portal_1325 li.step4_1 {top:55px;left:194px;}
  .portal_1325 li.step5 {top:281px;left:160px;}
  .portal_1325 li.step6 {top:351px;left:160px;}
  .portal_1325 li.step6_1 {top:55px;left:-108px;}
  .portal_1325 li.step6_2 {top:80px;left:174px;}
  .portal_1325 li.step7 {top:421px;left:160px;}
  .portal_1325 li.step8 {top:492px;left:160px;}
  
  .posr{width:100%;background:#edf0f3; position:relative; }
  .posr .iconImg{position:absolute; bottom:0px; left:30px; width:270px; height:177px; background:url('/images/portal/contents/sub03/img_3_4_1.png') no-repeat;}
  .posr .text{padding:15px 10px 15px 330px; font-size:14px;}
  
  .viewer{border-bottom:1px dashed #ddd;padding:10px 0 10px 20px;}
  .form-layout{background:#f7f7f7;border: 1px solid #ddd;}
  
  .viewer{
    margin: 0 0 10px;
  }
  
  .viewer-desc {
    padding: 0 0 0 20px;
  }
  
  
  a:link {color: #636363; text-decoration: none;}
  
  .monthly_bar { background:#32445e; position:relative; vertical-align:middle; margin:25px 0; height:53px; }
  .nav_calendar { display:inline-block;}
  
  .nav_calendar > span > a { background:#32445e; display:inline-block; font-size:20px; color:#fff; padding:13px 24px; }
  .nav_calendar > span > a:hover { background:#2576f0; text-decoration:none; }
  
  .nav_calendar a.month_prev { background: transparent url("/images/culturalCenter/contents/btn_month_prev.png") no-repeat center; display: inline-block; text-indent:-9999px; height: 53px; margin:0; vertical-align: top; width:60px; }
  .nav_calendar a.month_next { position:absolute; right:0; top:0; background: transparent url("/images/culturalCenter/contents/btn_month_next.png") no-repeat center; display: inline-block; text-indent:-9999px; height: 53px; margin:0; vertical-align: top; width:60px; }
  .nav_calendar a span {padding:0 !important;}
  
  .page_total { padding:15px 0; font-size:16px; }
  
  .calender { width:100%; border-top:2px solid #2576f0; margin-bottom:50px; }
  .calender th { background:#f9f9f9; color:#222; font-size:16px; font-weight:600; padding:11px 0; }
  .calender td { text-align:center; height:120px; padding:10px; vertical-align:top; font-size:14px; }
  .calender th, .calender td { border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; }
  .calender .sun { color:#f02525; }
  .calender .sun a { color:#f02525; }
  .calender .sat { color:#0d6edb; }
  .calender .sat a { color:#0d6edb; }
  .calender .b_left { border-left:1px solid #d2d2d2; }
  
  
  #lay_mask{ position:absolute; background:#000; z-index:100; opacity:0.8;/* filter:alpha(opacity=80);*/ background:rgba(0,0,0,.8); /*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);*/ left:0; top:0; }
  .PopupLayer { position: absolute; z-index: 110; }
  
  @media only screen and (max-width:840px) {
    .monthly_bar { background:none; margin:-35px 0 0 0;}
    .nav_calendar > span { display:none; }
    .nav_calendar a.month_prev { position:absolute; left:0; top:0; background: transparent url("/images/culturalCenter/contents/btn_month_prev_black.png") no-repeat left 10px; text-indent:0px; width:160px; padding-top:7px; }
    .nav_calendar a.month_next { background: transparent url("/images/culturalCenter/contents/btn_month_next_black.png") no-repeat right 10px; text-indent:0px; padding-top:7px; width:160px;}
  
  }
  
  .sub0405_img  {background:url(/images/portal/contents/fm-radio.jpg) no-repeat right top;padding:20px 0;background-size: 280px;}
  
  
  .movie-box { background:#1964c1; height:315px; }
  .movie-box .movie { float:left; width:55%; }
  .movie-box .Subtitle { float:left; width:40%; padding:0 0 0 20px; }
  .movie-box .Subtitle .tit { color:#fff; font-size:17px; font-weight:600; border-bottom:1px solid #aaa; padding:10px 0;  margin-bottom:15px; }
  .movie-box .Subtitle textarea { width:100%; height:240px; background:#1964c1; color:#fff; overflow-x:hidden; line-height:160%; border:0px;  }
  
  
  .perform{
    border: 1px solid #ddd;
    padding: 0;
    float: left;
    width: calc(100%  - 2px);
    margin: 0 0 10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
  }
  .perform  .perform-subject { color:#fff; background:#5881b4; margin:0px; padding:10px; border-top-left-radius:10px; border-top-right-radius:10px; }
  .perform  .perform-cont { padding:20px; }
  .perform  .perform-cont:after { content:''; clear:both; display:block; }
  .perform .area-img{
    float: left;
    margin: 0 20px 0 0;
  }
  .perform .perform-text{
    float:left;
  }
  .perform .perform-text li { background: url(/images/portal/common/bu_li.png) no-repeat 0 12px; padding-left:15px; }
  .perform .has-img{
    width: calc(100% - 330px);
  }
  
  @media (max-width:970px){
  	.org_wrap{width:100%;}
    .org_wrap ul.officeList > li{width:15%;}
    .org_wrap .officeList{background:none;}
    .off_wrap ul li{width:48%;}
    .org_wrap .orgList > li{background:none;}
    .parkinfo { margin-left:0px; }
  }
  
  @media (max-width:700px){
    .perform li{
      font-size:13px;}
    .org_wrap ul.orgList2 ul li span{padding:10px 3px;}
  
    .org_wrap ul.officeList > li{width:48%; min-height:450px;}
    .org_wrap ul.officeList > li:nth-child(5), .org_wrap ul.officeList > li:nth-child(6){min-height:200px;}
    .org_wrap ul.officeList > li > span{background:#f1a229;}
    .org_wrap ul.officeList > li > span.offBox_black{background:#f1a229;}
    .org_wrap ul.orgList2 ul li{width:30%;}
    .org_wrap ul.orgList2 ul li:first-child{margin-left:7px;}
    .sub0405_img { background:none; padding:0px; }
  
    .org_wrap .orgList .mayor{width:48%; left:0; margin-left:0; background:#4167bc;}
    .org_wrap .orgList .chairman {width:30%; right:0; margin-left:0;}
    .org_wrap .orgList .council {width:30%; right:0; margin-left:0;}
    .org_wrap .orgList .AssistantMayor{width:48%; left:0; margin:0; background:#42aacf;}
    .org_wrap .orgList > li{background:url(/images/portal/contents/sub05/org_line_all.jpg) 150px 64px no-repeat}
  }
  @media (max-width:600px){
    .org_wrap .orgList > li{background:url(/images/portal/contents/sub05/org_line_all.jpg) 130px 64px no-repeat}
    .perform .area-img{
      float: none;
      margin: 0;
    }
    .portal_1325 { margin-left:0px; }
  .perform .area-img img{
    width:100% !important;
    height:auto  !important;
  }
  .perform .has-img{
    width: 100%;
  }
  .posr .iconImg { display:none; }
  .posr .text { padding:10px; }
  }
  
  .conTopBox{position:relative;/* width:99.5%; */min-height: 110px;padding: 20px 40px;background:#f1f7ff;border:1px solid #ccd2db;}
  .conTopBox .boxPointLine{position:absolute; width:45px; height:45px; left:0px; top:0px; border:2px solid #5b6067; border-width:2px 0 0 2px;}
  .conTopBox .tit{font-size:24px;color:#333;padding: 20px 0 9px 0px;}
  .conTopBox .tcon{font-size:14px;color:#444;/* padding: 30px; */}
  .conTopBox .icon{width:112px; height:112px; position:absolute; right:60px; top:20px;}
  .conTopBox .i-795{background:url('/images/portal/common/icon_795.png') no-repeat;}
  
  
  .siteWrap{position:relative; width:100%; }
  .site-sec01, .site-sec02, .site-sec03, .site-sec04, .site-sec05, .site-sec06{width:100%; clear:both; margin-bottom:40px;overflow:hidden;}
  .site-sec02{width:100%; clear:both; margin-bottom:40px;overflow:hidden;}
  .siteWrap h2{width:16%; float:left; min-height:50px; text-align:center;}
  .siteWrap h2 > a{display:block; width:100%; line-height:50px; background:#3779cf; color:#fff; font-size:17px; letter-spacing:-1px;}
  .siteWrap h2 > a:focus{outline:none;}
  .siteWrap h2 > a:focus{border:2px dashed #0fd9dd;}
  .siteWrap .site-dep1{width:80%; float:left; margin-left:4%;}
  .siteWrap .site-dep1 li.site-tit1{float:left; width:100%; min-height:50px;  line-height:50px; border-bottom:1px dotted #dedede;}
  .siteWrap .site-dep1 li.site-tit1 > a{ font-size:17px; letter-spacing:0px; color:#5265af; margin-left:5px;}
  .siteWrap .site-dep1 li.site-tit1 .site-dep2{float:right; width:81%; min-height:50px; padding:9px 0;}
  .siteWrap .site-dep1 li.site-tit1 .site-dep2 li.site-tit2{float:left; width:33%; line-height:30px;}
  .siteWrap .site-dep1 li.site-tit1 .site-dep2 li.site-tit2:before{width:2px; height:2px; background:#407fd1; float:left; content:''; display:block; margin:15px 5px 0 0;}
  .siteWrap .site-dep1 li.site-tit1 .site-dep2 li.site-tit2 > a{font-size:15px; color:#444;  letter-spacing:-0.2px;}
  .siteWrap .site-dep1 li.site-tit1 .site-dep2 li.site-tit2 .site-dep3{width:100%; margin-bottom:10px;}
  .siteWrap .site-dep1 li.site-tit1 .site-dep2 li.site-tit2 .site-dep3 li.site-tit3{ margin-left:10px;}
  .siteWrap .site-dep1 li.site-tit1 .site-dep2 li.site-tit2 .site-dep3 li.site-tit3 > a{font-size:12px; color:#666;  line-height:25px; display:block; letter-spacing:-0.5px;}
  .siteWrap .site-dep1 li.site-tit1 .site-dep2 li.site-tit2:nth-child(4){clear:both;}
  .siteWrap .site-dep1 li.site-tit1 .site-dep2 li.site-tit2:nth-child(7){clear:both;}
  .siteWrap .site-dep1 li.site-tit1 .site-dep2 li.site-tit2.w35{width:35% !important;}
  
  @media only all and (max-width: 767px){
    .siteWrap h2{width:100%;}
    .siteWrap .site-dep1{margin-left:0px; width:100%;}
    .siteWrap .site-dep1 li.site-tit1 .site-dep2{width:100%; padding-top:0px;padding-left: 10px;overflow:hidden;float: none;}
    .siteWrap .site-dep1 li.site-tit1 .site-dep2 li.site-tit2{width:100% !important;}
  
    .conTopBox .i-795{background:none;}
  }
  
  
  .minwon li { float:left; width:33%;}
  
  @media only all and (max-width: 550px){
    .org_wrap .orgList .mayor, .org_wrap .orgList .AssistantMayor, .org_wrap ul.officeList > li{width:170px;}
    .org_wrap .orgList > li{background:url(/images/portal/contents/sub05/org_line_all.jpg) 85px 64px no-repeat}
    .minwon li { width:50%;}
  
  }
  @media only all and (max-width: 400px){
    .org_wrap .orgList .mayor, .org_wrap .orgList .AssistantMayor, .org_wrap ul.officeList > li{width:140px;}
    .org_wrap .orgList > li{background:url(/images/portal/contents/sub05/org_line_all.jpg) 75px 64px no-repeat}
  }
  
  
  .dot_dd{padding:0 !important}
  .dot_dd ul li{background: url(/images/portal/common/bu_li2.png) no-repeat 35px center;padding-left: 15px;line-height: 2.2em;overflow: hidden;/* margin-bottom: 10px; */border-bottom: 1px solid #dddddd;padding: 5px 19px 5px 46px;}
  .dot_dd ul li:last-child{border-bottom:0;margin-bottom:0}
  
  .shin01{overflow:hidden}
  .shin01 dl{overflow:hidden}
  .shin01 dt{float:left;width:100px;line-height:3em;background-color:#425465;color:white;text-align:center;margin-bottom:20px;position:relative}
  .shin01 dt:after{
      display:block;
      content:'';
      width: 0;
      position:absolute;
      top: 40px;
      left: 35px;
      height: 0;
      border: 5px solid #367acd;
      border-bottom-width: 0;
      border-right-color: transparent;
      border-left-color: transparent;
      margin: 10px;
      }
  .shin01 dt:nth-child(3),.shin01 dt:nth-child(9){line-height:calc(6em - 2px)}
  .shin01 dt:nth-child(3):after{top:85px}
  .shin01 dt:nth-child(9):after{display:none}
  .shin01 dd{float:left;width:calc(100% - 122px);line-height:calc(3em - 2px);margin-bottom:20px;padding-left:20px;border:1px solid #eeeeee}      



#skipNavi1 {position:absolute;left:0;top:0;width:100%;z-index:99999; color:#fff; font-size:0px;}
#skipNavi1 a:active, #skipNavi1 a:focus {position:absolute;left:0;top:0;width:100%; background:#009dc8 ;color:#fff;text-align:center;text-decoration:none;line-height:35px;outline:0; font-size:16px; border:2px dashed #40b72d;}





.shin02 dl{overflow:hidden}
.shin02 dt{float:left;width: 150px;line-height:3em;background-color:#425465;color:white;text-align:center;margin-bottom:20px;position:relative; min-height: 80px; line-height: 80px;}
.shin02 dt:after{
  display:block;
  content:'';
  width: 0;
  position:absolute;
  top: 80px;
  left: 42%;
  height: 0;
  border: 5px solid #367acd;
  border-bottom-width: 0;
  border-right-color: transparent;
  border-left-color: transparent;
  margin: 10px;
  }
.shin02 dt:nth-child(9):after{display:none}
.shin02 dd{float:left;width: calc(100% - 150px); margin-bottom:20px;border:1px solid #eeeeee;box-sizing: border-box; min-height: 80px; padding:15px; }      



.iconbtn {
    text-indent: -99999px;
    display: inline-block;
    width: 26px;
    height: 26px;
    transition: all .2s;
    border-radius:50%;
    background-image:url(/images/portal/common/icon_ir.png); background-repeat:no-repeat;
}
.iconbtn.down {background-color:#3bac13; background-position:-52px -41px;}
.iconbtn.down:hover {background-color:#dedede; background-position:-52px -67px;}
.iconbtn.view {background-color:#3360cc; background-position:0px -40px;}
.iconbtn.view:hover{background-color:#dedede; background-position:0px -66px;}
.iconbtn.link {background-color:#3399cc; background-position:-26px -40px;}
.iconbtn.link:hover {background-color:#dedede; background-position:-26px -66px;}
.iconbtn.call {background-color:#e08c00; background-position:-103px -40px;}
.iconbtn.call:hover {background-color:#dedede; background-position:-103px -66px;}


.bu_yesan li.dep1 li.dep2 .btns02 {
    float: right;
   padding-right:20px;
}




@media only screen and (max-width:1600px) {

		.wrap{width:100%;}
		#header h1{left:20px;}
		#container{padding: 50px 20px 0 20px; box-sizing:border-box;}
		#lnb .wrap{width:100%;}
		#lnb ul div.top2m{width:100%;}

}
@media only screen and (max-width:1500px) {
	 #lnb ul li a{padding: 50px 30px;}
}
@media only screen and (max-width:1380px) {
	 #lnb ul li a{padding: 50px 20px;}
}
@media only screen and (max-width:1306px) {

	
	 #lnb ul div.top2m div {padding:55px 20px 20px 20px; }

	/*i??e?¨ iï¿ Å’i¸¡ eⓒ”e‰´e³? i?´e?¸i§€*/
	#lnb ul div.top2m.m1 div { background:none;} 
	#lnb ul div.top2m.m2 div { background:none;} 
	#lnb ul div.top2m.m3 div { background:none;} 
	#lnb ul div.top2m.m4 div { background:none;} 
	#lnb ul div.top2m.m6 div { background:none;} 
	#lnb ul div.top2m.m5 div { background:none;} 
	#lnb ul div.top2m div .tit_area { display:none !important}
}


@media only screen and (max-width:1274px) {

	 #side{display:none;}
	 .rowgroup{width:100%;}
}

@media only screen and (max-width:1200px) {
	#container {  padding: 0px 20px 0 20px;}
	#header .top_link .lnb .flag, #header .top_link .lnb .font-big-small, #header .top_link .lnb .sns{display:none;}
	#header .top_link .lnb{padding-right:10px;}

	.cont-top .navi-print-share .print-share .print-btn{display:none;}
	#lnb ul{padding-left:0;}
	#lnb .wrap {  width:auto; height:auto; margin:0;  padding:0; right:0;}
	#lnb ul div.top2m { width:100%; margin:0;}

	.lnb_m_nav {display:block;position:absolute; top:123px;right:10px;z-index:910;}
	.lnb_m_nav .open{width:60px;height:60px;    background: url(/images/portal/new/common_icon.png) no-repeat 0 0; background-position: -13px -7px; font-size: 0;}
	#lnb .top2mbg{display:none}
	#lnb {/*overflow-y:scroll;*/ position:fixed; top:0px; right:-280px; z-index:920; left:inherit; width:280px; height:100%; background:#fff;     overflow-y: auto;}
	#lnb .top1menu{z-index:930; width:100%; left:0; top:0 ; margin-left:0%;}
	#lnb ul li {display:block;float: none; width:100%;}
	#lnb ul li a{ display:block; margin:0;padding:10px 7%;background:#f7f8fa url(/images/portal/common/depth1_m_off.png) no-repeat 95% 45%;border-bottom:solid 1px #ddd; text-align:left;color:#333; font-size:16px;}
	#lnb ul li:first-child a { border-top:none;}
	#lnb ul li a.tit.active,#lnb ul li a.tit:hover {padding:10px 7%; background:#1c73d2 url(/images/portal/common/depth1_m_on.png) no-repeat 95% 45%; border:none; color:#ffffff;}
	#lnb ul div.top2m { position:static; padding:0;}
	#lnb ul div.top2m div{border:none; background:#ffffff; padding:0;}
	#lnb ul ul {padding:0; padding: 0 10px; border-bottom: 1px solid #ddd;}
	#lnb ul ul li{ float:none;  width:100%; margin:0; padding:0;background:none;border:none; }
	#lnb ul ul li.split_line  { display:none;}
	#lnb ul ul li a{padding: 10px 8% 10px 10px;    background: none;    border: none;  color: #5b5e64;  font-size: 14px;  text-align: left;  border-bottom: 1px solid #ddd; border-radius: 0;    background: url(/images/portal/new/sm_3th.png) no-repeat 95% center;}
	#lnb ul li li a.active,  #lnb ul li li a:hover { padding:10px 8% 10px 10px; color:#00379a;  background: none; border:none; border-bottom:solid 1px #ddd; background: url(/images/portal/new/sm_3th_on.png) no-repeat 95% center;}
	#lnb ul ul ul{display:none;padding:10px 0 7px; background:#ececec; }
	#lnb ul ul ul li{ float:none;  border:none;}
	#lnb ul ul ul li a {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth3_m_bg.gif) no-repeat 8% 15px #ececec;color:#535353; text-align:left; font-size:14px; }
	#lnb ul ul ul li a:hover {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth3_m_bg.gif) no-repeat 8% 15px #ececec; color:#535353;}
	#lnb ul ul ul ul { display:none; padding:10px 0 ; background:#cddbeb;}
	#lnb ul ul ul ul li a {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth4_m_bg.gif) no-repeat 8% 15px #cddbeb; }
	#lnb ul ul ul ul li a:hover {padding:8px 8% 8px 14%;  background:url(/images/portal/common/depth4_m_bg.gif) no-repeat 8% 15px #cddbeb; color:#535353;}

	#lnb ul .m1 ul,	#lnb ul .m2 ul,	#lnb ul .m3 ul,	#lnb ul .m4 ul,	#lnb ul .m5 ul,	#lnb ul .m6 ul,	#lnb ul .m7 ul{margin:0;}
	#lnb ul div.top2m.m5 {border-right:none}
	.lnb_close{display:none;position:fixed;right:280px;top:0px; z-index:910; }
	.lnb_close button{width:60px;height:60px; background:url(/images/portal/common/topmenu_btn_close.png) no-repeat center center #5c94e2;font-size:0}
	.mask{  position: fixed; top: 0; left: 0;  z-index: 900; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
	#lnb .depth1 .m6 .tit_arae { display:none;}
	#header .weather { display:none;}

	.tablet_skip, .qrcode, .footer_logo{display:none;}

	#header .Search_btn, #header .site_map{display:none;}
	

}


@media only screen and (max-width:1000px) {
	
	#header{min-height:122px;}
	#header::after{top:50px;}
	#header h1{top:62px;}
	#header h1 img{width:120px;}
	#header .top_link{padding-top: 6px; padding-bottom: 0;}
	.lnb_m_nav{top:57px;}
	.mo_link1{display:none;}
	#header .top_link ul li{margin-left:10px;}
	

}

      



.summary-box{position:relative;padding:43px 56px 37px 235px;border-top: 4px solid #e1e8f0;border-bottom: 2px dotted #e1e8f0;border-radius: 30px 30px 0 0; margin-bottom:50px; word-break: keep-all;}
.summary-box:after{content:"";position:absolute;top: -4px;right: -4px;width:20%;height: 100px;border: 4px solid #1c73d2;border-left: 0;border-bottom:0;border-radius: 0px 30px 0 0;}
.summary-box:before{content:"";position:absolute;left: -4px;top: -4px;height: 100px;border: 4px solid #e3e7f2;border-right: 0;border-bottom:0;border-top:0;border-radius: 30px 0 0 0;width: 400px;}
.summary-box .h3{font-size:24px; font-weight: 600; color:#001a64; margin: 0px 0 17px 0;}
.summary-box p{font-size:16px; line-height: 24px; color:#444444; font-weight: 300;}

.summary-box.bg_01{background:url(/images/portal/new/icon_img01.png) no-repeat 80px 55px;}
.summary-box.bg_02{background:url(/images/portal/new/icon_img02.png) no-repeat 80px 29px;}
.summary-box.bg_03{background:url(/images/portal/new/icon_img03.png) no-repeat 80px 55px;}
.summary-box.bg_04{background:url(/images/portal/new/icon_img04.png) no-repeat 80px 55px;}
.summary-box.bg_05{background:url(/images/portal/new/icon_img05.png) no-repeat 80px 55px;}
.summary-box.bg_06{background:url(/images/portal/new/icon_img06.png) no-repeat 80px 55px;}
.summary-box.bg_07{background:url(/images/portal/new/icon_img07.png) no-repeat 80px 55px;}


@media only screen and (max-width: 670px){
	.summary-box { padding: 20px 20px 23px 20px;}
}


@media only screen and (max-width: 680px){
	.summary-box {padding: 20px 20px 23px 20px;  background: none;}
	.summary-box.bg_01, .summary-box.bg_02, .summary-box.bg_03, .summary-box.bg_04, .summary-box.bg_05, .summary-box.bg_06, .summary-box.bg_07{background:none;}


}
                                                 


.ir{text-indent: -99999999px;}              

/* 순서도 */
.ui-process1 .ui-process.type7 > li {position: relative;width:calc(25% - 40px);margin:0 40px 20px 0px; border:none; float:left;}
.ui-process1 .ui-process.type7 > li:after {display:block; position:absolute; top:50%; right:-30px; content:''; width:20px; height:20px; margin:-10px 0 0; background:url(/images/common/step_arrow.png) no-repeat 50% 50%;}
.ui-process1 .ui-process.type7 > li:last-child:after {display:none;}
.ui-process1 .ui-process.type7 > li .inner {position: relative; min-height:90px;padding:25px 10px;border: 1px solid #dfe2ea;text-align:center; border-radius:5px;}
.ui-process1 .ui-process.type7 > li:first-child .inner{ background:#fff;}
.ui-process1 .ui-process.type7 > li:last-child .inner{ border:1px solid #1c73d2;}
.ui-process1 .ui-process.type7 > li .inner:before {display: none;position: static;width: auto;height: 100%;margin: 0;background: none;vertical-align: middle;content: '';}
.ui-process1 .ui-process.type7 > li .inner:after { height: 100%;}
.ui-process1 .ui-process.type7 > li .inner .item .ui-process_step {display:block;border: none;padding: 0;margin: 0;font-size:16px;font-weight:700;color:#1c73d2; margin-bottom:15px;}

.ui-process1 .ui-process.type7 > li .inner .item .ui-process__title {display:block;border: none;padding: 0;margin: 0;font-size:16px; height:45px; line-height: 45px; font-weight:700;color:#000; border-radius:20px; background:#f3f3f3; }
.ui-process1 .ui-process.type7 > li:last-child .inner .item .ui-process__title {background:#367acd; color:#fff; }
.ui-process1 .ui-process.type7 > li .inner .item .ui-process__text{position:relative; margin-top:15px; padding:5px 0 0; color:#545454; height:40px; }

.ui-process1 .ui-process.type7.step3 > li {width: calc(33.33% - 40px);}

@media only screen and (max-width:900px){

    .ui-process1 .ui-process.type7 > li:after {top:auto;right:50%; bottom: -20px;margin: 0 -10px 0 0;transform:rotate(90deg);-webkit-transform:rotate(90deg);}
    .ui-process1 .ui-process.type7 > li,
    .ui-process1 .ui-process.type7.step3 > li {float:none;width:100%; margin:0 40px 20px 0px;}
	.ui-process1 .ui-process.type7 > li .inner .item .ui-process__text{height:auto;}
}