@charset "UTF-8";
/*기본화면-pc기준*/
#sub_contents{width: 100%; max-width: 1480px; padding-top: 40px; margin: 0 auto; margin-bottom: 80px; box-sizing: border-box;}
.content_area{padding: 40px 0 60px 0;min-height:430px;width: 100%;}

/* 서브페이지-헤더 */
#header{position: static; border-bottom: 1px solid #ddd;}

.logo_english a{background-image: url(/images/domain/english/main/logo_02.png);}
.logo_japaness a{background-image: url(/images/domain/english/main/logo_j02.png);}
.logo_chinese a{background-image: url(/images/domain/english/main/logo_c02.png);}

#header{background-color: #fff;}
#header .langeuage_btn{background-image: url(/images/domain/english/main/i_language_02.png);}
#header .allmenu{background-image: url(/images/domain/english/main/i_menu_02.png);}
.gnb .d1 .m{color: #000;}
.gnb .d1:hover .m{color: #2f4ead;}
.gnb .d1 .sub li a:hover{color: #1b44c0; font-weight: 500;}
.gnb .d1 .sub li a:hover:after{width: 100%;}

/*리스트*/
.list_design{font-size:17px; font-weight:400; padding-left:10px;}
.list_design > li{margin:5px 0;padding-left: 18px;position: relative;width: 100%;box-sizing: border-box;font-size: 18px;line-height: 1.5; word-break: keep-all;}
.list_design > li:after{display: block;width: 6px;height: 6px;border-radius: 50%;background-color: #483afa;position: absolute;content: "";top: 9px;left: 4px;box-shadow: 3px 3px 0px #b4c0ff;}
.list_design2 li{padding-left:13px;position:relative;margin-bottom:3px;word-break: keep-all;font-size: 16px;}
.list_design2 li:after{display: block;content: "";position: absolute;left: 0;top: 8px;width: 0;height: 0;background: none;border-left: 6px solid #414141;border-top: 4px solid transparent;border-bottom: 4px solid transparent;}


/*서브타이틀*/
h3.inlineblockh3{display:inline-block !important; margin-right:5px;}
.small_txt{font-size:18px; color:#4b4b4b; font-weight:500;}
.small_txt a{color:#4b4b4b;}
.subtitle2{font-size:20px;font-weight: 600;color: #44319f;margin-bottom:10px;word-break: keep-all;padding-left: 10px;}

.alink{color: #115bcb !important; border-bottom: 1px solid #115bcb !important;}



/* LNB */
.lnb_area_wrap {position:relative; width:270px; float: left;}
.lnb_area_wrap .lnb_area {position:relative;}

.lnb_area_wrap .lnb_area::before {content:"";position:absolute;left:-1px;bottom:0;background:url("../images/bg_lnb_line.png") left bottom no-repeat;width:1px;height:75px;}

.lnb_area_wrap .lnb_area::after {content:"";position:absolute;right:-1px;bottom:0;background:url("../images/bg_lnb_line.png") left bottom no-repeat;width:1px;height:75px;}

.lnb_area_wrap .lnb_tit {min-height: 125px; padding: 45px 20px 36px; margin-bottom: 10px; box-sizing: border-box; text-align: center; font-size:27px; color:#fff; letter-spacing: -1.2px; font-weight:500; background: linear-gradient(90deg, rgb(7 64 131) 0%, rgb(32 126 204) 100%); border-bottom-right-radius: 20px; border-top-left-radius: 20px;}
.lnb_area_wrap .lnb_area > ul > li{margin-bottom: 4px; border: 1px solid #ddd;     border-radius: 10px; overflow: hidden;}
.lnb_area_wrap .lnb_area > ul > li.active{border: 1px solid #2e4385;}
.lnb_area_wrap .lnb_area > ul > li > a {position: relative; display:block; padding: 12px 20px; font-weight: 400; color: #222;} 
.lnb_area_wrap .lnb_area > ul > li:last-child > a {border-bottom: 0;}
.lnb_area_wrap .lnb_area > ul > li.active > a {color: #fff; background-color: #2e4385;}
.lnb_area_wrap .lnb_area > ul > li > a::before {position:absolute; right: 15px; top: 50%; transform: translateY(-50%); content:""; width:20px; height:20px; background: url("/images/domain/english/sub/lnb01_off.png") center no-repeat;}
.lnb_area_wrap .lnb_area > ul > li.active > a::before {content:""; width:20px; height:20px; background: url("/images/domain/english/sub/lnb01_on.png") center no-repeat;}
.lnb_area_wrap .lnb_area > ul > li.no_depth > a::before {position:absolute; right: 15px; top: 50%; transform: translateY(-50%); content:""; width:20px; height:20px; background: url("/images/domain/english/sub/lnb02_off.png") center no-repeat;}
.lnb_area_wrap .lnb_area > ul > li.no_depth.active > a::before {position:absolute; right: 15px; top: 50%; content:""; width:20px; height:20px; background: url("/images/domain/english/sub/lnb02_on.png") center no-repeat;}

.lnb_area_wrap .lnb_area .active .depth_all {display:block;}
.lnb_area_wrap .lnb_area .depth_all {;padding:15px 20px;display:none;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a {position:relative; display:block; padding: 4px 10px; padding-left:16px; color:#262a30; font-size: 16px;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a::before {position:absolute; left: 6px; top: 50%; transform: translateY(-50%); content:""; width:3px; height:3px;background-color:#6d737c;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:hover,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:focus,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a.active {color: #017cd7;font-weight: bold;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:hover::before,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:focus::before,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a.active::before {background-color:#0099aa;}

/*  페이지 타이틀 및 경로 */
#content_page{float: left; width: calc(100% - 270px); padding-left: 80px; box-sizing: border-box;}
.sub_top{position: relative; min-height: 125px; padding-bottom: 20px; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.page_tit{position: relative; display: inline-block; margin-top: 30px; margin-bottom: 15px; font-size: 32px;}
.page_tit span{position: relative; display: block;}
.location{display: flex; align-items: center;}
.location li{padding-right: 18px; margin-right: 10px; background-image: url(/images/domain/english/sub/location_arrow.png); background-repeat: no-repeat; background-position: right center;}
.location li:last-child{background-image: none;}
.location li a{display: block; font-size: 15px; color: #555; font-weight: 400;}
.location li.home a{text-indent: -9999px; width: 14px; height: 14px; background-image: url(/images/domain/english/sub/i_home.png); background-repeat: no-repeat;}


/*인사말*/
.insatitle{margin-bottom:15px;font-weight:600;font-size: 25px;color: #1b41ba;}
.greetings_wrap{position:relative;font-size:0;box-sizing:border-box;}
.greetings_wrap > div{display:inline-block;vertical-align: top; box-sizing:border-box;}
.greetings_img{width: 310px;position: relative;z-index: 3;background: linear-gradient(175deg, #cdd5e2, #d5ddea);height: 400px;border-radius: 40px 0px 40px 0px;  overflow: hidden;}
.greetings_img img{width:100%}
.greetings_txt{position:relative;font-size:18px;width: calc(100% - 260px);    word-break: break-all; padding: 50px 30px 30px 80px;background: #f7f7f7;margin-left: -50px;bottom: -61px;line-height: 1.6;font-weight:300; z-index: 1;}
.greetings_txt:after{content: ""; position: absolute; display: block; width: 411px; height: 246px; bottom: 0px; right: 10px; background: url(/images/domain/english/sub/intro_backimg.png) no-repeat; z-index: -1;}
.insa_tit{font-size:20px;font-weight:400;position: absolute;top: -55px;line-height: 1.6;}
.insa_writer{text-align:right; font-weight:500;}
.insa_d_danlag{margin-bottom:28px;}

.greetings_wrap .greetings_txt .sign {display:block; margin-top:40px; font-size:16px;  text-align:right; font-weight:bold; color:#293c9e;}
.greetings_wrap .greetings_txt .sign img {position:relative; top:-5px; display:inline-block; margin-left:12px; }
.insa_name{font-size:25px; font-weight:800; color:#000; margin-left:5px; display:inline-block;}


/*프로필*/
.resume_area {position:relative; max-width:1230px; padding:61px 15px 34px 15px; margin:0 auto}
.resume_bg {background:url('../../../../../images/domain/mayor/sub/bg_story.png') 80% 42% no-repeat; min-height:770px; }
.resume{}
.resume dl{width:47%; margin-bottom:30px; }
.resume dl dt{margin-bottom:30px;  position: relative;}
.resume dl dt span{position: relative; display: inline-block; border-radius: 30px; color: #fff;
font-size: 32px; width: 179px; text-align: center; height: 54px; line-height: 54px; font-weight: 500;}
.resume dl dt span.resume_subtit1{background: #ff1d71;}
.resume dl dt span.resume_subtit2{background:#5e4ed0;}
.resume dl dt:before{content: '';display: block;position: absolute;left: 197px;top: 50%;width: 40%;border: 1px dashed #c5c5c1;}
.resume dl dt span:after{    display: block; content: ""; width: 9px; height:9px; border-radius: 50%; position: absolute; top: 51%; right: -20px; transform: translateY(-50%); background:#ccc;}
.resume dl dt span.resume_subtit1:after{background:#ff1d71;}
.resume dl dt span.resume_subtit2:after{background:#5e4ed0;}
.resume dl dt span:before{display: block; content: ""; width: 100%; height: 100%; border-radius: 50px; padding: 8px; border: 1px dashed #ccc; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.resume dl dt span.resume_subtit1:before{border: 1px dashed #ff1d71;}
.resume dl dt span.resume_subtit2:before{border: 1px dashed #5e4ed0;}
.resume dl dd li{position: relative; padding-left:15px; font-size:20px; line-height:37px}
.resume dl dd li:before {content: ''; display: inline-block; width: 9px; height: 4px; background: #d5d5d5; border-radius: 30px; position: absolute;  top: 16px;  left: 0;  font-size: 4px;   color: #999;}


/*연혁*/
.histroy{word-break:keep-all; line-height: 1.6;}
.histroy li{font-size: 0; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #000;}
.histroy li:last-child{border-bottom:0px;}
.histroy li > div{display:inline-block;  vertical-align: top; font-size:17px;}
.histroy li div.years{width:180px; font-size:26px; font-weight:600; position:relative; }
.histroy li div.years:after{display:inline-block;position:absolute;content:"";width: 25px;height: 25px;border-radius:50%;top: -2px;left: -8px;z-index: -1;background: linear-gradient(89deg, #d7e1ff, #ffabe5);}
.histroy li div.histoty_txt{width:calc(100% - 200px); margin-left:20px;}
.histroy_value{margin-bottom:0px;font-size:0;margin-bottom: 5px;padding-bottom: 5px;border-bottom: dotted 1px #ccc;}
.histroy_value.last{padding-bottom: 0px; border-bottom:0px;}
.histroy_value > span{display:inline-block;font-size:17px;vertical-align: top;}
.histroy_value .h_date{font-size:19px;width: 350px;font-weight:500;color: #200087; position:relative;}
.histroy_value .h_date:after{display: inline-block; content: ""; position: absolute; border-right: 1px dashed #5e54c8; width: 1px; height: 15px; right: 8px; top: 50%; transform: translateY(-50%);}
.histroy_value .h_detail{width: calc(100% - 350px);}



/*조직도*/
.org_con2 {}
.org1 {margin-top:20px; position:relative; overflow:hidden;}
.org1 a {display:block; position:relative; box-sizing: border-box;}
.org1 a:hover{text-decoration: underline;}
.org1 li a.lv {width:220px; height:100px; margin:0 auto; margin-bottom:30px; padding-top:21px; font-size:20px; text-align:center; font-weight:bold; color:#ffffff; background-color: #4757c6;  border-radius: 10px;}
.org1 li a.lv span {display:block; padding-top:5px; font-size:13px; letter-spacing:-0.8px;     font-weight: 500;}
.org1 li a.lv::after {position:absolute; top:100px; left:50%; width:1px; height:30px; background:#e0e0e0; content:'';}
.org1 li a.lv0 {width:220px; height:60px; margin:0 auto; margin-bottom:30px; line-height:60px; font-size:18px; text-align:center; font-weight:bold; color:#ffffff; background-color: #0e97b0;  border-radius: 10px;}
.org1 li a.lv0::after {position:absolute; top:60px; left:50%; width:1px; height:30px; background:#e0e0e0; content:'';}
.org1 > li > ul {/*background: url('/images/junggu/junggu/oga_bg2.gif') 50% 185px no-repeat;*/}
.org1 li ul li a.lv1 {width:220px; height:50px; margin:0 auto; margin-bottom:110px; line-height:50px; font-size:18px; text-align:center; font-weight:bold; color:#ffffff; background-color: #ec5779; border-radius: 10px;}
.org1 li ul li a.lv1:focus{box-shadow:0 0 0 1px #0012ff, 0 0 0 2px #0012ff;}
.org1 li a.lv1::after {position:absolute; top:50px; left:50.5%; width:1px; height:110px; background:#e0e0e0; content:'';}
.org1 li ul li ul li.lv2 {margin-top:80px;}
.org1 li ul li ul li.lv2::after {content: ''; display: block; position: absolute; left:9.75%; top:351px; background: #e0e0e0; width: 81%; z-index: 1; height: 1px;}

.org1 li ul li ul li.lv2 ul.group {/*overflow:hidden;*/ padding:2px; min-height:250px;}
.org1 li ul li ul li.lv2 ul.group > li {float:left; width:19%; margin-right:1.25%; background:#f7f7f7;box-sizing: border-box;  }
.org1 li ul li ul li.lv2 ul.group > li:last-child {margin-right:0%; }
.org1 li ul li ul li.lv2 ul.group > li > a {display:block; line-height:40px; background:url('/images/domain/junggu/junggu/og_btn.png') 94% center no-repeat #555b69; color:#ffffff; font-size:15px; text-align:center;}
.org1 li ul li ul li.lv2 ul.group ::before {position:absolute; top:-30px; left:50.5%; width:1px; height:30px; background:#e0e0e0; content:'';}
.org1 li ul li ul li.lv2 ul.group > li > ul li ::before {position:absolute; top:px; left:50%; width:0px; height:0px; background:#e0e0e0; content:'';}

.org1 li ul li ul li.lv2 ul.group li ul {min-height:200px; padding:20px 25px}
.org1 li ul li ul li.lv2 ul.group li ul li {width:100%; padding-left:12px; margin-bottom:11px; color:#666666; font-size:15px; background:url('/images/domain/junggu/common/li_dot2.png') 0 center no-repeat}
.org1 li ul li ul li.lv2 ul.group li ul li:last-child {margin:0}
.org1 .lv1_1 {position:absolute;top: 273px;left:0;width: 20%;padding: 14px 5px 14px 25px;color: #666666;background-color: #f7f7f7;background-position: 17px center;}
.org1 .lv1_1:before{position: absolute; top: 24px; left: 12px; content: ""; display: block; width: 4px; height: 4px; background-color: #888; border-radius: 50%;}
.org1 .lv1_1:after {content: ''; display: block; position: absolute; left:100%; top: 22px; background: #e0e0e0; width: 150%; z-index: 1; height: 1px;} 
.org1 .lv1_2 {position:absolute;top: 273px;right:0;width: 20%;padding: 14px 5px 14px 25px;color: #666666;background-color:#f7f7f7;background-position: 17px center; /*cursor:text;*/}
/*.org1 .lv1_2:hover {text-decoration:none;}*/
.org1 .lv1_2:before {position: absolute; top: 24px; left: 12px; content: ""; display: block; width: 4px; height: 4px; background-color: #888; border-radius: 50%;}
.org1 .lv1_2:after {content: ''; display: block; position: absolute; left: -150%; top: 22px; background: #e0e0e0; width: 150%; z-index: 1; height: 1px;} 
.org1 .lv1_3 {position: absolute; top: 273px; left: 25%; width: 17%; padding: 14px 5px 14px 25px; color: #666666; background-color: #f1f1f1; background-position: 17px center;}
.org1 .lv1_3:before {background: url('/images/junggu/common/li_dot2.png') 0 center no-repeat; padding-left:12px; content:'';} 
/* 기획예산 및 문화관광 */
.org1 li ul li ul li.lv2 ul.group li.box {width:26%; margin-top:40px; background:none}
.org1 li ul li ul li.lv2 ul.group li.box ul {overflow:hidden; min-height:auto; padding:0}
.org1 li ul li ul li.lv2 ul.group li.box ul li {float:right; width:70%; padding:14px 5px 14px 29px ;background-color:#f7f7f7; background-position: 17px center}

.org2 {position:relative; overflow:hidden; /*overflow:hidden;*/ padding-left:20%; color:#ffffff; border:1px solid #e0e0e0; background:#ec516d;}
.org2 > li > a {position:absolute; top:50%; left:0; display:block; width:20%; margin-top:-14px;  padding:0% 20px; font-size:17px; text-align:center; box-sizing: border-box; color:#ffffff;}
.org2 > li > a:hover{text-decoration: underline;}
.org2.st3 > li > a:focus{box-shadow:0 0 0 1px #0012ff, 0 0 0 2px #0012ff;}
.org2 li ul {overflow:hidden; padding:20px 0 0px 0%; background:#ffffff}
.org2 li ul li {float:left; width:22.5%; height:40px; margin:0 0 20px 15px; padding-left:13px; line-height:40px; background:url('/images/domain/junggu/junggu/og_btn.png') 93% center no-repeat #f1f1f1; font-size:14px; text-align:left; box-sizing: border-box;}
.org2 li ul li:hover {background-color:#e8e8e8;}
.org2 li ul li a {display:block; color: #000;}
.org2 li ul li a:hover{text-decoration: underline;}

.org2.st1 {background:#2d98a7}
.org2.st2 {background:#2b59c0}
.org2.st3 {background:#544ba5}



/*비전*/
.vision{text-align:center;}
.v_policy{font-size:25px;font-weight: 600;background: #ffffff;box-sizing:border-box;color: #000000;width:300px;padding:20px 10px;border-radius: 30px;margin: 0 auto;margin-bottom: 60px;box-shadow: 0 0 20px #ffc4da;border: 3px solid #ff1d71; position:relative;}
.v_policy:after{position: absolute; content: ""; display: inline-block; width: 4px; height: 30px; border-right: 10px dotted #fe9abf; bottom: -44px;
 left: 50%; transform: translateX(-50%);}
.vision_list{margin-bottom: 30px;box-sizing:border-box;padding:10px;border: 1px solid #ccc;position:relative;}
.vision_list:after{position: absolute;display: inline-block;content: "";background: #ff1d71;width: 30px;height: 3px;top: -1px;left: 0px;}
.vision_list:before{position: absolute;display: inline-block;content: "";background: #ff1d71;width: 3px;height: 30px;top: -1px;left: -1px;}
.vision_list .vision_list_in{background: #fff4f8;box-sizing:border-box;padding: 30px 10px;font-size: 23px;font-weight: 400;line-height: 1.6;}
.vision_list_in .junggu_point{font-weight:600;}
.vision_list_b .vision_list_in{background:#ecf1ff; line-height:1.9;}
.vision_list_b:after{background:#5044ee;}
.vision_list_b:before{background:#5044ee;}
.vision_list_b .junggu_pink{color:#ff1d71;}
.vision_list_b .junggu_green{color:#008376;}
.vision_list_b .junggu_blue{color: #006eff;}
.vision_list_b .junggu_purple{color: #4e0df3;}
.vision_list_b .junggu_orange{color:#f52506;}


/*찾아오시는 길*/
.map{width: 100%; height: 572px;}
.map .root_daum_roughmap{width: 100% !important; height: 100% !important;}
.map .root_daum_roughmap .wrap_map{height: calc(100% - 32px); border-bottom: 1px solid #dddddd;}

.map_info{margin-top: 20px; border-top: 2px solid #ff3157; background-color: #fafafa;}
.map_info:after{content: ""; display: block; clear: both;}
.map_info li{position: relative; float: left; width: 25%; padding: 20px; box-sizing: border-box;}
.map_info li:after{position: absolute; top: 20px; right: 0; content: ""; display: block; width: 1px; height: 65px; background-color: #d3d3d3;}
.map_info li:last-child:after{display: none;}
.map_info li h4{position: relative; padding-left: 13px; font-size: 19px; font-weight: 500;}
.map_info li h4:before{position: absolute; top: 12px; left: 0; content: ""; display: block; width: 5px; height: 5px; background-color: #ff3157; border-radius: 50%;}



/*뒤로가기버튼*/
.btn_goback{color: #000000; background-color: #ebecff; border: 1px solid #3c46cc; padding: 0 20px; line-height: 35px; font-size: 15px;
box-sizing: border-box; display: inline-block; margin: 6px 0;}




/***********************************************/
/* 1700 이하(~1700)  */
@media screen and (max-width: 1700px) {}

/***********************************************/
/* 1480 이하(~1480)  */
@media screen and (max-width: 1480px) {
    #sub_contents{padding: 40px 70px;}
}

/***********************************************/
/* 1200 이하(~1200)  */
@media screen and (max-width: 1200px) {
    /* LNB */
    .lnb_area_wrap{display: none;}
    
    /*  페이지 타이틀 및 경로 */
    #content_page{width: 100%; padding-left: 0;}
    
}

/***********************************************/
/* 1024 이하 (~1024)  */
@media screen and (max-width: 1024px) {
    #sub_contents{padding: 20px 70px;}
    
     /*  페이지 타이틀 및 경로 */
    .sub_top{min-height: auto;}
    .page_tit{font-size: 28px;}
    .page_tit:before{width: 25px; height: 25px;}

/*인사말*/
.greetings_img{width:220px; vertical-align: top !important; height:287px;}
.greetings_txt{width: calc(100% - 170px);}
.insatitle{font-size:23px;}


/*프로필*/
.resume_bg {background: url(../../../../../images/domain/mayor/sub/bg_story_m.png) no-repeat 100% 20%;
background-size:60%;min-height:auto;}
.resume dl {width:100%}
.resume dl dt {margin-bottom:15px}
.resume dl dt span {font-size: 1.2rem; line-height:40px; height:40px;}
.resume dl dd li { font-size: 1rem; text-shadow: -1px 0px #ffffff, 0px 1px #ffffff, 1px 0px #ffffff, 0px -1px #ffffff;}
.resume dl dt:before {content:none}
.resume dl dt span:after{display:none;}

 /* 조직도 */
    .org1 > li > ul {background:none; overflow:hidden;}
    .org1 li ul li ul li.lv2 {margin-top:0; padding:25px 20px; border:1px solid #dddddd;   display: inline-block}
    .org1 li ul li ul li.lv2::after {height: 0px;}
    .org1 li ul li ul li.lv2 ul.group > li {width:100%; margin:0 0 13px 0}
    .org1 li ul li ul li.lv2 ul.group {margin-bottom:0px; }
    .org1 li ul li ul li.lv2 ul.group ::before {width:0px; }
    .org1 li ul li ul li.lv2 ul.group li ul {min-height:auto}
    .org1 li ul li ul li.lv2 ul.group li ul li a {font-size:14px}
    .org1 li ul li ul li.lv2 ul.group li.box {width:100%; margin-top:0}
    .org1 li ul li ul li.lv2 ul.group li.box ul li {float:none; width:100%;}


    .org2 {padding:0}
    .org2 > li > a {position:static; width:100%; height:35px; margin:0; padding:0; line-height:35px; font-size:16px}
    .org2 li ul {padding:4% 3%}
    .org2 li ul li {float:none; width:100%; height:33px; margin:0 0 10px 0; line-height:33px; background-position:96% center}

    ul.org1 a.lv1_1 { position:relative; top:0; width: 100%; margin-bottom: 18px;}

    .org1 .lv1_1:after {height:0px;} 
    ul.org1 li ul li a.lv1 { margin-bottom: 36px;}
    ul.org1 li a.lv1::after { height: 35px;}

    ul.org1 .lv1_2 {position:relative; top:0; width: 100%; margin-bottom: 18px; right:auto;}
    ul.org1 .lv1_2:after {display:none;} 

    ul.org1 a.lv1_3 { position:relative; top:auto; left:auto; width: 100%; margin-bottom: 18px;}


/*찾아오시는 길*/
    .map{height: 450px;}
    .map_info li{width: 50%;}
    .map_info li:nth-child(2n + 0):after{display: none;}



}



/***********************************************/
/* 767 이하 (~767) */
@media screen and (max-width: 767px) {
    #sub_contents{margin-bottom: 40px; padding: 20px;}
    
    /*  페이지 타이틀 및 경로 */
    .sub_top{padding-bottom: 10px;}
    .page_tit{margin-top: 0; font-size: 24px;}
    .page_tit:before{width: 20px; height: 20px;}
    .location li a{font-size: 14px;}


/*인사말*/
.greetings_img{ width:100%; height:300px; overflow:hidden; position:relative;}
.greetings_img img{    width: 100%; position: absolute; transform: translate(-50%, -36%); left: 50%; top: 50%;}
.greetings_txt{width:100%; margin-left:0; padding:30px; top:0;}
.insa_tit{position:relative; top:0; margin-bottom:30px; padding:0;}
.insa_writer{padding-top:15px;}
.greetings_img{border-radius:0px;}

/*연혁*/
.histroy li div.years{width:100px;}
.histroy li div.histoty_txt{ width: calc(100% - 120px);}

/*비전*/
.v_policy{width:100%; font-size:22px;  padding: 15px 10px;}
.vision_list{width:100%; }
.vision_list .vision_list_in{font-size:19px;  padding: 20px 10px;}



/*찾아오시는 길*/
 .map{height: 350px;}
 .map_info{padding: 10px 0;}
 .map_info li{width: 100%; padding: 10px 20px;}
 .map_info li:after{display: none;}


    
}


/***********************************************/
/* 600 이하 (~600) */
@media screen and (max-width: 560px) {

/*연혁*/
.histroy li div.years{width:100%;}
.histroy li div.histoty_txt{width: 100%; box-sizing: border-box; margin-left: 0; margin-top: 10px;}
.histroy li{margin-bottom:30px; padding-bottom:30px;}




}




/***********************************************/
/* 560 이하 (~560) */
@media screen and (max-width: 560px) {
    #sub_contents{padding: 15px;}
}