@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1890px){
ul.mainQuick { margin: -25px 40px 50px !important;}
}

@media screen and (max-width:1780px){
#header .gnb_wrap .gnb > li > a .va { font-size: 1em;}
#header .utile_wrap .all_wrap .all_top .all_logo .img { display: inline-block; width: 80%;}
.in_notice .in_w1 {  margin-left: 0em;width:100%; height: 25em;}
}

@media screen and (max-width:1670px){
#header .gnb_wrap .gnb > li > a { padding: 0 1em;}
.box3 { width: 90%;}
}

@media screen and (max-width:1590px){
#header .gnb_wrap .gnb > li > a { padding: 0 0.7em;}
}

@media screen and (max-width:1520px){
#header .gnb_wrap .gnb > li > a { padding: 0 0.5em;}

.box4 { width: 80%;}

.mainWrap .main_con1 .slogan.flex.vc .t1, .mainWrap .main_con1 .slogan.flex.vc .t3 { text-align: center;}
.mainWrap .main_con1 .slogan.flex.vc .btn { width: 13em; margin: 2em auto;}
.mainSlider .slogan .t1 {  margin-top: 4.5em;}
ul.mainQuick { margin: 0 !important; position: absolute; display: block; width: 100%; text-align: center; top: 5em;padding: 0; left: 0;top: 28.5em;}
ul.mainQuick a { height: 7em !important; box-sizing:border-box}
ul.mainQuick a.oh { padding:1.2em;}
ul.mainQuick li { width: 25%; margin-top: 0px !important; border-radius: 2em 2em 0 0;height: 7em;}
ul.mainQuick > li:nth-child(odd) { clear: inherit; float: left;}
ul.mainQuick .icon { display:none;}

.main_con2 .p1 { display:none;}

.ul.mainQuick { margin: 0px !important; position: absolute; left: 28%;top: 5.7em; width: 40em; margin-left: 0; padding: 0;}
.main_list_col { margin-left: 0em; padding: 0em 0 0 0;}
}

@media screen and (max-width:1350px){
#header .gnb_wrap { display:none;}
.in_notice .in_w1 .in_wrap { padding: 5em 3em;}
.page_tit .t1.only:before {display:none;}
.page_layout .layCon:first-child { padding: 0 2em 0 0;}
.page_titS > .t1 { margin: 0 ;}
.page_bg { padding: 0em 0 7em;}
.posLine { display:none;}
.procedureStep_list.procedure > .list > li { flex: 1 33.33% !important;}
.box2 {width: 90%;}
}


@media screen and (max-width:1220px){
.scroll_wrap { white-space: nowrap;}
}

@media screen and (max-width:1120px){
#footer .info_wrap .info {  width: 70%;}
.page_layout .layImg > .wrap_img.st1 { height: calc(80% + 0em);}
.page_layout .layCon:first-child { padding: 0 1.5em 0 0;}
.board_photo.d1 > li {  width: 50%;}

}

@media screen and (max-width:1000px){
#header .user_wrap.none { display:none;}
#footer .info_wrap .info {  width: 65%;}
#contents .doc.noMar { padding: 2em 0 0em 0;}
#contents .sub_tab .gnb > li .dp2 > li > a { font-size: 1em;}
#contents .sub_tab .gnb > li .dp2 > li { max-width: 20%;}
#contents .sub_visual_wrap .wrap_in { height: 18em;}
#contents .sub_visual_wrap .wrap_in .twrap .t1 { display: none;}
#contents .sub_tit_wrap { display:none;}
	
.page_layout .layImg > .wrap_img.st1 { height: calc(60% + 0em);}
.diagramWrap.st1 .diagram_in > li.center .wrap_in .in:before { transform: scale(1,1);}
.diagramWrap.st1 .diagram_in > li.center .wrap_in .in .rotateAni { top: -0.3em; left: -0.3em; right: -0.3em; bottom: -0.3em;}
.diagramWrap.st1 .diagram_in > li .wrap_in { padding: 0 0.5em;}

ul.mainQuick a { padding: 1.7em 1em; font-size: 1.3em;}
ul.mainQuick { top: 29.8em;}

}

@media screen and (max-width:830px){
.diagramWrap.st1:last-child { margin-top: 0em;}
.diagramWrap.st1 { margin-bottom: 3em;}
}

@media screen and (max-width:815px){
.main_list_col .inner .list_wrap {margin-top: 3em; margin-left:0}
.main_Con3_in .main_list_col.flex { display: block;}
.main_list_col .inner { width: 100%;}

#contents .sub_visual_wrap .wrap_in .twrap .t2 { font-size: 2em;}
#contents .sub_visual_wrap .wrap_in { height: 16em;}

.page_layout .layCon:first-child { padding: 0 0em 0 0;}
.page_layout .layImg{ display:none;}
.page_titS {margin-bottom: 0em; padding-left: 1.2em;}
.page_tit.w1 { width: 70%;}
.page_tbl.sub1_5 { margin-top:1em;}
.area-box {padding-top:1em;}

.main-service-item { width: calc(100% - 44px); margin: 0 0.5em;}
.diagram_in.flex.di.wrap.ac .xi.xi-angle-right { font-size: 2em !important;}

.diagramWrap.st1 .diagram_in > li.center .wrap_in .in:before { transform: scale(.85,.85);}
.diagram_in.flex.di.wrap.ac .wrap_in img { width: 3em !important;}
.diagramWrap.st1 .diagram_in > li.center .wrap_in .in .rotateAni {top: 0.5em;left: 0.5em;right: 0.5em;bottom: 0.5em;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in { width: 10.8em; height: 10.8em;}
.main_txt.ac .main_txt > * {  margin: 2em 0 0.5em;}

#footer .info_wrap .info {  width: 60%;}
}

@media screen and (max-width:695px){
#footer .info_wrap .info {  width: 55%;}
}

@media screen and (max-width:680px){
.procedureStep_list.procedure > .list > li { flex: 1 50% !important;}
.main-service-list.clearfix {display:block;}
.main-service-item { width: 100%; margin:auto}
.main-service-img {  padding-top: 30%;}

.mainWrap .main_con1 .slogan.flex.vc .btn { display:none;}
.mainSlider .slogan .t1 {  margin-top: 3.5em;}

ul.mainQuick { top: 22em;}
ul.mainQuick li { width: 50%; border-radius: 0em 0em 0 0;}
ul.mainQuick a { padding: 2em 1em;}
ul.mainQuick a.oh { padding: 1.55em;}

#footer .menu_wrap {display:none;}
}

@media screen and (max-width:620px){
#footer .info_wrap .info {  width: 50%; margin: 0;}
.map_info1 .t1 span { margin: 10px;}
.table_st th, .table_st td {  padding: 1em 2em;}
.diagram_in.flex .icon .xi.xi-angle-right { display:none !important;}
.diagram_in.flex.di.wrap.ac .wrap_in img { width: 5em !important;}
.diagramWrap.st1 .diagram_in > li.center .wrap_in .in:before {transform: scale(1,1);}
.diagramWrap.st1 .diagram_in > li .wrap_in .in {  width: 12em; height: 12em; margin: 0 0.8em;}
}

@media screen and (max-width:570px){
#contents .doc { padding: 3em 0 7em 0;}
	
.sub_tab.dp2on .dp2.flex.more {}
.page_titS > .t1 {  font-size: 1.4em;}

.procedureStep_list.procedure > .list > li { flex: 1 100% !important;}

.history_wrap .history > li .year { width: 50%;}
.history_wrap .history > li .list { width: 100%;}
.history_wrap:before, .history_wrap .lineAni { left: 3%;}
.history_wrap .lineAni:before, .history_wrap:after { left: 3%;}
.history_wrap .history > li .year .tt:before { display:none}
.history_wrap .history > li .list .detail .tt { padding: 0 0 0 1.5em;}
.history_wrap .history > li .list .wrap_in { padding: 0 0 0 2em;}
.table_st { white-space: nowrap;}
.board_photo.d1 > li {  width: 100%;}
.board_search_wrap .left { margin: 1em 0;}
.goTop.scroll { bottom: 0.5em;}
.goTop {right: 0.5em;}
.history_wrap .history > li:nth-child(2n) .list { order: 0;}
.history_wrap .history > li:nth-child(2n) .list .detail { order: 0;}
.history_wrap .history > li:nth-child(2n) .list > li > .flex { justify-content: flex-start;}
.history_wrap .history > li:nth-child(2n) .year { justify-content: flex-end; text-align: left;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before { left: 0; right: 0;}
.history_wrap .history > li:nth-child(2n) .list .month,
.history_wrap .history > li:nth-child(2n) .list .detail .t1,
.history_wrap .history > li:nth-child(2n) .list .detail .tt { text-align: left !important;}
}

@media screen and (max-width:500px){
.in_notice.flex.wrap.vc .tx {display:none;}
.in_notice .in_w1 { height: 15em;}
.in_notice .in_w1 .in_wrap {padding: 2em 3em; height: 15em; box-sizing: border-box;}
.in_notice .in_w1 .in_wrap .in_in .link_wrap .link_btn { margin-top: 5.2em; width: 100px;}
.doc .box1 .page_titS > .t1:before { top: -0.1em; left: -0.6em;}
.doc .box1 .page_titS > .t1 { margin-left: 0.7em;}

#contents .dp2.flex.more { display:none;}

.main_tit { font-size: 1.6em;}
.main_pd { padding-top: 2em;}
.main_list_col .inner .list_wrap { margin-top: 2em;}
.main_list_col .tab > li .tt { padding: 0.5em 0.4em;}
.page_tit.w1 { width: 90%;}
.page_titS {padding-left: 0em;}
.board_search_wrap .input_st .xi { display:none;}
.page_titS > .t1:before { top: 0em; left: -0.4em; width: 7px; height: 7px;}

.mainSlider .slogan .t1 .b { font-size: 1.3em;}
.mainSlider .slogan .t3 { font-size: 1em;}

.member_wrap .page_step_wrap { display:none;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in {  width: 12em; height: 12em; margin:.8em;}
input[type=button].input_st { padding: 0 1em;}



}

@media screen and (max-width:420px){
.board_search_wrap .label_select select { padding-right: 1em;}
.board_search_wrap .right .input_st[type=text] { width: 7em;}
.main-service-list { margin: 0;}
.main_txt.ac.flex { display:block;}
.main-service-img { padding-top: 40%;}
input[type=button].input_st { padding: 0 4em;}
.subCon.st4.ac { margin-left:0em !important;}
.mainSlider .slogan .t1 .b { font-size: 1.2em;}

#footer .info_wrap .logo img { height: 4em;}
#footer .info_wrap .info {  width: 100%; margin: 2em 0 0 2em;}
input[type=button].input_st { padding: 0 2em;}
.main_txt > * { margin: 1em 0 1em;}
}

@media screen and (max-width:380px){
#header .search_wrap .wrap_btn {  width: 4em;}
#header .logo img { height: 2.8em;}
	
#contents .sub_visual_wrap .wrap_in { height: 12em;}
#contents .doc.noMar { padding: 1em 0 0em 0;}
#contents .sub_visual_wrap .wrap_in .twrap .t2 { font-size: 1.7em;}

.mainSlider .slogan .t1 { margin-top: 2em;}
ul.mainQuick { top: 15em;}

.page_tit.w1 { width: 100%;}
.title.line { height: 40px;}
.page_titS > .t1 { font-size: 1.4em;}
.main_txt > * { margin: 2em 0 1em;}

.mainSlider .slogan .t1 .b { font-size: 1.1em;}
.mainSlider .slogan .t3 { font-size: .9em;}

ul.mainQuick a {  padding: 2em 1em;font-size: 1.3em;}

#footer .info_wrap .info {  width: 100%; margin: 2em 0 0 2em;}

}

@media screen and (max-width:341px){
.mainSlider .slogan .t1 .b { font-size: 1em;}
}

@media screen and (max-width:310px){
.mainSlider .slogan .t1 .b { font-size: .89em;}
}

@media all and (orientation:landscape){

}