@import url('layout.css');
@import url('/00_common/css/con_com.css');

/* common */

/* 占싸사말 */
.grtBox{ position:relative; text-align:center; word-break: keep-all;}
.grtBox h3{ font-family: 'Montserrat'; padding:1.25rem 0; font-weight:200; font-size:1.6rem; color:#000; background:url('/images/web/spedu/sub/grt_img.png') no-repeat left bottom;}
.grtBox h3:after{ content:""; width:.25rem; height:.25rem; margin-left:.25rem; display:inline-block; border-radius:50%; background:#000;}
.grtBox h4{ display:inline-block; padding:0 2rem; padding-top:.25rem; font-size:1.5rem; font-weight:600; color:#000; background:url('/images/web/spedu/sub/grt_dots.png') no-repeat left top;}
.grtBox h4 em.col1{ color:#2c74d7;}
.grtBox h4 em.col2{ color:#474bc7;}
.grtBox .inner{ position:relative; padding:2.5rem 1rem 5rem; border-top:3px solid #19a0ff; font-size:.85rem;  background:url('/images/web/spedu/sub/grt_bg01.png') no-repeat 1rem 3rem;}
.grtBox .inner:before{ content:""; position:absolute; right:0; bottom:0; width:16rem; height:12.5rem; background:url('/images/web/spedu/sub/grt_bg02.png') no-repeat center; z-index: -1;}
.grtBox .inner p{ margin-top:1.25rem; line-height:1.7;}
.grtBox .inner strong{ display:block; font-weight:400; coloR:#000; margin-top:1.25rem;} 
.grtBox .inner ol li{ color:#0a326d; margin-top:.25rem; font-size:.9rem;}
.grtBox .inner ol li span{ display:inline-block; width:1.5rem; height:1.5rem; line-height:1.55rem; margin-right:.5rem; font-size:.7rem; color:#000; font-weight:600; border-radius:50%; background:#d3f0fa;}

/* 占쏙옙占쏙옙 */
.historyWrap{ position:relative; display:flex; word-break: keep-all;}
.historyWrap .titWrap{ position:relative; flex:2; text-align:center; padding-top:3rem;}
.historyWrap .titWrap h3{ position:absolute; left:calc(50% - 9rem); top:4rem; width:6rem; height:6rem; text-align:center; line-height:6rem; font-size:.9rem; font-weight:900; border-radius:50%; color:#fff; text-transform: uppercase; background:#006cd9;}
.historyWrap .titWrap p{ display:flex; width:15.25rem; height:15.25rem; align-items:center; justify-content:center; border-radius:50%; box-shadow:5px 5px 0px rgba(0,0,0,.2); overflow:hidden; margin:0 auto;}
.historyWrap .titWrap p img{ width:auto; height:100%;}
.historyWrap .lst{ position:relative; flex:3; color:#111; border-left:1px solid #ccc; padding:3rem 0 3rem 2rem;}
.historyWrap .lst:before,
.historyWrap .lst:after{ content:""; position:absolute; border-radius:50%; background:#ccc;}
.historyWrap .lst:before{ top:0; left:-.85rem; width:1.75rem; height:1.75rem; border:.65rem solid #fff;  box-shadow:0 0 0 1px #ccc;}
.historyWrap .lst:after{ bottom:0; left:-.25rem; width:.45rem; height:.45rem;}
.historyWrap .lst dl{ padding:2rem 0;}
.historyWrap .lst dl + dl{ border-top:1px solid #ccc;}
.historyWrap .lst dt{ font-size:1.5rem; margin-bottom:1rem;}
.historyWrap .lst li{ display:flex; line-height:1rem;}
.historyWrap .lst li + li{ margin-top:1rem;}
.historyWrap .lst li strong{ min-width:6rem; padding-right:.5rem; font-size:.85rem; font-weight:400;}

/* 占쏙옙占쏙옙占쏙옙 */
.orgChat{ position:relative; text-align:center; padding-bottom:1.5rem;}
.orgChat:before{ content:""; position:absolute; left:50%; top:0; height:12rem; border-left:1px solid #ccc;}
.orgChat:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 15.5rem); border-radius:1rem; background:#f1f1f1; z-index:-1;}
.orgChat h3{ position:relative; width:7rem; height:7rem; padding-top:.25rem; display:flex; align-items:center; justify-content:center; color:#fff; border-radius:50%; font-size:1.2rem; margin:0 auto; z-index:0; background:#1c2872; font-weight:600;}
.orgChat .org01{ position:relative; display:flex; margin-top:2.25rem;}
.orgChat .org01:before{ content:""; position:absolute; left:16.75%; top:0; width:66.66%; border-top:1px solid #ccc; z-index:-1;}
.orgChat .org01 dl{ position:relative; flex:1; padding:0 1rem;}
.orgChat .org01 dl:before{ content:""; position:absolute; left:50%; top:0; height:2rem; border-left:1px solid #ccc; z-index: -1;}
.orgChat .org01 dl:nth-of-type(2):before{ display:none;}
.orgChat .org01 dt{ position:relative; display:flex; height:3rem; margin:2rem auto 2.5rem; padding-top:.25rem; justify-content:center; align-items:center; border-radius:.75rem; background:#006cd9; color:#fff; font-size:1rem; font-weight:600;}
.orgChat .org01 dd{ height:calc(100% - 7.5rem); border-radius:.75rem; padding:1rem; background:#fff; font-size:.85rem; border:1px solid #aaa;}
.orgChat .org01 dd li span{ display:inline-block;}
.orgChat .org01 dd li + li{ margin-top:.25rem; }

/* 占시쇽옙占싫놂옙 */
.fcltyInfo .img{ margin:1rem auto; background:#f1f1f1; border-radius:.5rem; overflow:hidden;}
.fcltyInfo .img2{ margin:0 auto; overflow:hidden;}
.fcltyInfo span{ color:#000; font-size:.85rem;}

/*占쏙옙占쏙옙占싫놂옙*/
.floor_tab {position:fixed; right:50%; margin-right:-35rem; width:2.9rem;z-index:3;}
.floor_tab li { border:1px solid #000; margin-left:-1px; margin-top:-1px; height:2.9rem; line-height:2.9rem; text-align:center; background-color:#fff}
.floor_tab li a {color:#333; font-size:.9rem; font-weight:600; display:block; }
.floor_tab li a.active {background-color:#757575; color:#fff}
.floor_tab2 {display:none}

/* 찾占싣울옙占시댐옙 占쏙옙 */
.mapInfo{ position:relative; padding-bottom:1.5rem;}
.mapInfo .mapWrap{ height:18rem; border-radius:2rem; overflow:hidden; background:#f1f1f1;}
.mapInfo .info{ position:absolute; left:0; bottom:0; width:95%; display:flex; flex-wrap:wrap; border-radius:0 1.5rem; background:#006cd9; padding:.75rem .5rem;}
.mapInfo .info dl{ position:relative; overflow:hidden; font-size:.9rem; padding:0 1rem; color:#fff;}
.mapInfo .info dl + dl:before{ content:""; position:absolute; left:0; top:calc(50% - .5rem); height:1rem; border-left:1px dotted rgba(255,255,255,0.5);}
.mapInfo .info dl > *{ display:inline-block;}
.mapInfo .info dt{ font-weight:600; font-size:1rem; padding-right:1rem;}
.mapInfo .info dt i{ font-size:1rem; vertical-align: middle; padding-right:.5rem;}

.transport_lst{ padding:1.25rem 1rem;}
.transport_lst ul{ display:flex; flex-wrap: wrap;}
.transport_lst li{ position:relative; min-height:2.25rem; padding-left:3rem; padding-top:.4rem; margin:.25rem .5rem; line-height:1.5rem;}
.transport_lst li em{ position:absolute; left:0; top:0; width:2.25rem; height:2.25rem; line-height:2.25rem; border-radius:50%; color:#fff; text-align:center; font-size:.7rem; vertical-align: middle; margin-right:.5rem;}
.transport_lst li em.col1{ background:#683aa5;}
.transport_lst li em.col2{ background:#07674b;}
.transport_lst li span{ display:inline-block; padding-right:1rem;}

/* 占쏙옙占쏙옙 : 타占쏙옙1  */
.prossTy01{ width:calc(100% + 1.5rem); margin-left:-.75rem; display:flex; flex-wrap: wrap; word-break: keep-all; overflow:hidden; margin-top:.5rem;}
.prossTy01 dl{ position:relative; flex:1; padding:0 .75rem;}
.prossTy01 dl:before{ content:""; position:absolute; right:-.3rem; top:calc(50% + 1.5rem - 9px); width:12px; height:18px; background:url('/images/web/spedu/sub/procss_arrow.png') no-repeat center;}
.prossTy01 dl:last-of-type:before{ display:none; }
.prossTy01 dt{ display:flex; height:2.5rem; line-height:1.3; font-weight:600; color:#2d6cd5; align-items:center; justify-content:center; text-align:center; padding:.25rem .5rem 0; font-size:.85rem; border:1px solid #006cd9; border-radius:.5rem; background:#fff url('/images/web/spedu/sub/procss_bg.png') no-repeat right center/contain;}
.prossTy01 dd{ height:calc(100% - 3rem); border-radius:.5rem; border:1px solid #aaa; padding:.75rem .5rem; margin-top:.5rem; text-align:center;}
.prossTy01 dd strong{ display:block; font-weight:400; font-size:.8rem; padding:.65rem .5rem .4rem; color:#000; border-radius:.4rem; background:#d5e5ff; margin-bottom:.5rem;}
/* 占쏙옙占쏙옙 : 타占쏙옙1 : 占쏙옙占쏙옙 */
.prossTy01 .col1 dt{ color:#179aff; border-color:#179aff;}
.prossTy01 .col2 dt{ color:#087f82; border-color:#087f82; background-image: url('/images/web/spedu/sub/procss_bg_col2.png');}

/* 占쏙옙占쏙옙 : 타占쏙옙2  */
.prossTy02{ word-break: keep-all; margin-top:.75rem; padding-right:5px; overflow:hidden; }
.prossTy02 dl{ position:relative; display:flex; align-items: flex-start; }
.prossTy02 dt{ position:relative; flex:1; padding-right:2.5rem; z-index: 1;}
.prossTy02 dt:before{ content:""; position:absolute; right:0; top:50%; width:100%; border-top:1px dashed #034697; z-index: -1;}
.prossTy02 dt span{ display:flex; min-height:5rem; line-height:1.3; color:#000; align-items:center; justify-content:center; text-align:center; padding:1rem; font-size:.9rem; border:1px solid #034697; border-radius:.5rem; box-shadow:inset 0 0 10px rgba(21, 164, 230, 0.2); background:#fff;}
.prossTy02 dd{ position:relative; flex:2; border-radius:.5rem; border:1px solid #aaa; padding:1.5rem 1.25rem; box-shadow:5px 5px 0 #f1f1f1; margin-bottom:3rem;}
.prossTy02 dd:before{ content:""; position:absolute; right:calc(50% - .75rem); bottom:-2rem; width:1.5rem; height:1rem; background:url('/images/web/spedu/sub/procss_arrow2.png') no-repeat center/cover;}
.prossTy02 dl:last-of-type dd:before{ display:none; }

/* 占쏙옙占쏙옙 : 타占쏙옙3  */
.prossTy03{ display:flex; flex-wrap:wrap; border-radius:1rem; padding:1.25rem; word-break: keep-all; margin-top:.75rem; overflow:hidden; background:#f9f9f9;}
.prossTy03 dl{ width:calc(33.33% - 1rem); text-align:center; padding:1rem .5rem; margin:.5rem; border-radius:.5rem; border:1px solid #aaa; box-shadow:4px 4px 0px rgba(0,0,0,.1); background:#fff;}
.prossTy03 dt{ position:relative; margin-bottom:1rem;}
.prossTy03 dt span{ padding:0 5px; color:#000; font-size:.9rem; font-weight: 600; box-shadow:inset 0 -10px 0 0 rgba(21, 164, 230, 0.3);}
.prossTy03 dd{ color:#000;}

/* 占쏙옙占쏙옙 : 타占쏙옙4  */
.prossTy04{ display:flex; margin-top:1rem; flex-wrap:wrap; word-break: keep-all; overflow:hidden; }
.prossTy04 dl{ flex:1; text-align:center; margin:.5rem; border-radius:.5rem; }
.prossTy04 dt{ position:relative; display:flex; height:2.75rem; line-height:1.3; justify-content:center; text-align:center; align-items:center; text-align:center; border-radius:.5rem; font-size:.9rem; padding:.5rem; background:#e7f1ff; color:#000; margin-bottom:2.5rem;}
.prossTy04 dt:before,
.prossTy04 dt:after{ content:""; position:absolute; left:calc(50% - .15rem); width:.5rem; height:.5rem; border-radius:50%;}
.prossTy04 dt:before{ bottom:-1.1rem; background:#adcfff;}
.prossTy04 dt:after{ bottom:-1.85rem; background:#0083de;}
.prossTy04 dd{ height:calc(100% - 5.25rem); border:1px solid #006cd9; color:#000; border-radius:.5rem; overflow:hidden;}
.prossTy04 dd .tit{ display:flex; height:2.75rem; line-height:1.3; justify-content:center; text-align:center; align-items:center; color:#fff; font-weight:400; font-size:.85rem; text-align:center; padding:.5rem; background:#006cd9;}
.prossTy04 dd .cont{ height:calc(100% - 3rem); min-height:8rem; }
.prossTy04 dd .cont > p { display:flex; align-items:center; justify-content: center; height:50%; margin:0 .75rem; }
.prossTy04 dd .cont > p + p{ border-top:1px dashed #aaa;}
.prossTy04 dd .cont.ht3 > p { height:33.33%;}

/* 占쏙옙占쏙옙 : 타占쏙옙5 : 占쏙옙占쏙옙占쏙옙  */
.prossTy05{ display:flex; flex-wrap:wrap; width:calc(100% + 1rem); margin-left:-.5rem; word-break: keep-all; overflow:hidden; }
.prossTy05 dl{ position:relative; flex:1; text-align:center; margin:1rem .5rem 0; padding-top:1.5rem; }
.prossTy05 dt{ position:absolute; min-width:80%; top:0; left:0; text-align:center; font-size:.9rem; line-height:3rem; font-weight:600; border-radius:1rem 1rem 1rem 0; color:#fff; }
.prossTy05 dd{ height:100%; color:#000; line-height:1.4; border-radius:1rem; border:1px solid transparent; padding:2.5rem 1rem 1rem;}
.prossTy05 dd .ico{ width:5rem; height:5rem; margin:0 auto .75rem; text-align:center; line-height:5rem;  border-radius:50%; box-shadow:inset 0 0 10px rgba(21, 164, 230, 0.1);}
.prossTy05 dl:nth-child(odd) dt{ background:#006cd9;}
.prossTy05 dl:nth-child(odd) dd{ border-color:#006cd9; box-shadow:inset 0 0 5px rgba(79, 185, 235, 0.2); }
.prossTy05 dl:nth-child(odd) dd .ico{ background:#eef7fb;}
.prossTy05 dl:nth-child(even) dt{ background:#8144d1;}
.prossTy05 dl:nth-child(even) dd{ border-color:#8144d1; box-shadow:inset 0 0 5px rgba(233, 153, 106, 0.2);  }
.prossTy05 dl:nth-child(even) dd .ico{ background:#f3eef9;}

/* 占쌘쏙옙 占쏙옙占쏙옙트 */
.box_list{ display:flex; flex-wrap: wrap; width:calc(100% + 1rem); margin-left:-.5rem; word-break: keep-all;}
.box_list dl{ position:relative; width:calc(33.33% - 1rem); margin:.5rem; border-radius:1rem; box-shadow:inset 0 0 5px 5px #f1f1f1, 3px 3px 0px rgba(0,0,0,.1); border:1px solid #006cd9; overflow:hidden;}
.box_list dt{ display:flex; float:left; min-width:80%; height:2.75rem; font-size:.9rem; align-items:center; justify-content:center; padding:0 .5rem; border-radius:.75rem 0; background:#006cd9; color:#fff; font-weight:600;}
.box_list dd{ width:100%; padding:1.25rem 1rem; overflow:hidden;}
.box_list dd li{ position:relative; display:flex; align-items: flex-start; padding-top:.2rem; margin:.25rem 0; }
.box_list dd li em{ min-width:2.5rem; line-height:1.3; padding:.3rem .5rem .15rem; border-radius:.75rem; color:#fff; text-align:center; font-size:.7rem; vertical-align: middle; margin-right:.5rem;}
.box_list dd li em.col1{ background:#2d6cd5;}
.box_list dd li em.col2{ background:#264261;}
.box_list dd li em.col3{ background:#6e7d8e;}
.box_list.w50 dl{ width:calc(50% - 1rem);}

/* 占쏙옙占쏙옙占쏘영 占쏙옙占쏙옙 */
.familyOper {display:flex; flex-wrap:wrap;}
.familyOper dl{ position:relative; display:inline-block;  width:calc(50% - 1rem); margin:1rem .5rem 0; padding-top:1.5rem; }
.familyOper dt{ position:absolute; min-width:50%; top:0; text-align:center; font-size:.9rem; line-height:3rem; color:#fff; }
.familyOper dd{ display:flex; height:100%; border-radius:1rem; box-shadow:inset 0 0 5px 5px #f1f1f1; border:1px solid #aaa; padding:2rem 1.25rem 1rem;}
.familyOper dd .ico{ width:6rem; height:5rem; min-width:0px; min-height:0px; text-align:center; line-height:5rem; border:1px solid #009ae2; border-radius:.9rem; box-shadow:inset 0 0 10px rgba(21, 164, 230, 0.1);}
.familyOper dd ul{ flex:1; padding-left:1rem;}
.familyOper dd li{ position:relative; min-height:2.25rem; padding-left:3rem; padding-top:.4rem; margin:.25rem .5rem; line-height:1.5rem;}
.familyOper dd li em{ position:absolute; left:0; top:0; width:2.25rem; height:2.25rem; line-height:2.25rem; border-radius:50%; color:#fff; text-align:center; font-size:.7rem; vertical-align: middle; margin-right:.5rem;}
.familyOper dd li em.col1{ background:#2d6cd5;}
.familyOper dd li em.col2{ background:#264261;}
.familyOper dd li span{ display:inline-block; padding-right:1rem;}
.familyOper dl:nth-child(-n+2) dt{ right:0; border-radius:1rem 1rem 0 1rem; background:#264261;}
.familyOper dl:nth-child(n+3) dt{ left:0; border-radius:1rem 1rem 0; background:#2d6cd5;}

/* 占썅동占쏙옙占쏙옙 */
.ghvrArbt{ display:flex; flex-wrap: wrap; width:102%; margin-left:-1%; align-items: flex-start;}
.ghvrArbt .box_st1{ border-color:#04afff; box-shadow:inset 0 0 10px rgba(71, 190, 245, 0.2);}
.ghvrArbt > div{ width:23%; margin:0 1%; word-break: keep-all; border-radius:.5rem; color:#000; text-align:center; line-height:1.4; font-size:.85rem;}
.ghvrArbt > div .img{ width:6.25rem; height:6.25rem; border-radius: 50%; text-align:center; line-height:6.25rem; margin:0 auto 1rem; background:#fff4de;}
.ghvrArbt > div:nth-of-type(odd){ margin-top:1rem;}
.ghvrArbt > div:nth-of-type(odd) .img{ background:#eef7fb;}

/* 특占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙 */
.centerMap{ position:relative; margin:1.5rem 0 1.5rem 1.5rem; padding:3rem 1rem; text-align:center; background:#c5e4ff; border-radius:1rem; box-shadow:inset 0 0 1rem rgba(21, 164, 230, 0.1);}
.centerMap h3{ position:absolute; left:-1.5rem; top:-1.5rem; display:flex; height:3.5rem; line-height:1.3; align-items:center; justify-content:center; padding:0 1rem; border-radius:2rem; background:#2d6cd5; color:#fff; font-weight:400; letter-spacing: 0; word-break: keep-all;}
.centerMap h3:before{ content:""; position:absolute; left:-.3rem; bottom:-1.1rem; width:5rem; height:2rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-radius:40%; z-index: -1; background:#163a75;}
.centerMap .img img{ max-width:100%; height:auto;}
.centerMap .inner { position:relative; display:inline-block;}
.centerMap .inner li{ position:absolute;}
.centerMap .inner li a{ display:block; width:2rem; height:2rem; line-height:2rem; text-align:center; color:#000; border-radius: 50%; background:#ffc600; font-size:.7rem; border:2px solid #ffc600; transition: all .2s; -webkit-transition: all .2s;}
.centerMap .inner li.on a{ background:#fff; border-color:#034062;}
.centerMap .inner li.area1{ right:15%; top:16%; }
.centerMap .inner li.area2{ right:32%; top:16%; }
.centerMap .inner li.area3{ right:50%; top:16%; }
.centerMap .inner li.area4{ left:18%; top:20%; }
.centerMap .inner li.area5{ left:35%; top:35%; }
.centerMap .inner li.area6{ left:8%; top:27%; }
.centerMap .inner li.area7{ left:19%; top:35%; }
.centerMap .inner li.area8{ left:12%; top:45%; }
.centerMap .inner li.area9{ left:28%; top:54%; }
.centerMap .inner li.area10{ left:24%; top:68%;}
.centerMap .inner li.area11{ left:34%; top:82%;}
.centerCall{ position:absolute; right:2rem; bottom:2rem; width:12.5rem; height:12.5rem; display:flex; align-items:center; justify-content:center; border-radius:50%; color:#fff; background:#2d6cd5; box-shadow:2px 2px 0px rgba(0,0,0,.1);}
.centerCall:before{ content:""; position:absolute; right:0; top:0; width:3.25rem; height:3.25rem; border-radius:50%; background:#fff url('/images/web/spedu/sub/ico_speduCall.png') no-repeat center; box-shadow:2px 2px 5px rgba(0,0,0,.1);}
.centerCall dt{ width:100%;  font-weight:600; font-size:1.1rem; line-height:1.3; padding-bottom:.75rem; margin-bottom:1rem; border-bottom:2px dotted #000;}
.centerCall dd{ font-size:.85rem;}
.centerCall dd strong{ display:block; font-size:1rem; font-weight:700; letter-spacing: 1px;}

/* 특占쏙옙占싻깍옙 찾占쏙옙(占쏙옙占쏙옙) */
.djMap { display:flex;}
.djMap .mapWrap{ position:relative; width:52%; margin:1.5rem 0 1.5rem 1.5rem; padding:3rem 1rem; text-align:center; border-radius:1rem; border: 1px solid #006cd9; background: #fff; box-shadow:inset 0 0 10px rgba(43, 102, 179, 0.1);}
.djMap .mapWrap h3{ position:absolute; left:-1.5rem; top:-1.5rem; min-width:15rem; display:flex; height:3.5rem; line-height:1.3; align-items:center; justify-content:center; padding:0 1rem; border-radius:2rem; background:#2d6cd5; color:#fff; font-weight:400; letter-spacing: 0; word-break: keep-all;}
.djMap .mapWrap h3:before{ content:""; position:absolute; left:-.3rem; bottom:-1.1rem; width:5rem; height:2rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-radius:40%; z-index: -1; background:#163a75;}
.djMap .mapWrap .img img{ max-width:100%; height:auto;}
.djMap .mapWrap .inner { position:relative; display:inline-block;}
.djMap .mapWrap .inner li{ position:absolute;}
.djMap .mapWrap .inner li a{ display:block; width:45px; height:45px; line-height:48px; text-align:center; color:#fff; border-radius: 50%; background:#8898a7; font-size:13px; transition: all .2s; -webkit-transition: all .2s;}
.djMap .mapWrap .inner li a:hover{ box-shadow:3px 2px 0px rgba(0,0,0,.3);}
.djMap .mapWrap .inner li.on a{ color:#000; background:#fff; box-shadow:3px 2px 0px rgba(0,0,0,.3);}
.djMap .mapWrap .inner li.area1{ left:20%; top:33%; }
.djMap .mapWrap .inner li.area2{ right:30%; top:22%; }
.djMap .mapWrap .inner li.area3{ right:23%; top:51%; }
.djMap .mapWrap .inner li.area4{ left:42%; top:63%; }
.djMap .mapWrap .inner li.area5{ left:20%; top:70%; }
.djMap .cont{ flex:1; margin-left:4%; padding-top:2rem;}
.djMap .srchFrom{ margin-top:2rem;}
.djMap .srchFrom li{ display:flex; align-items:center;}
.djMap .srchFrom li:before{ top:.65rem;}
.djMap .srchFrom li label{ min-width:4rem;}
.djMap .srchFrom li select, input { flex:1; height:2rem; line-height:2rem; font-size:.75rem; border:1px solid #ccc; padding:.15rem 1rem 0 .25rem; border-radius:.25rem;}
.djMap .srchFrom li a.btnSrch{ min-width:4rem; margin-left:.25rem; display:inline-block; height:2rem; line-height:2rem; border-radius:.25rem; font-size:.75rem; background: #2d6cd5; color:#fff; text-align:center; padding:.15rem .5rem 0;}
.djMap .srchFrom li a.btnSrch i{ vertical-align: middle; font-size:.9rem; margin-left:.25rem; height:100%;}
.djMap .srchFrom li a.btnSrch:hover{ background:#034697;}

/* form */
/* 占쏙옙품占쎈여占쏙옙占� 占싯삼옙占쏙옙 */
table .listSearch{ display:flex; flex-wrap: wrap;}
table .listSearch input{ flex:1; }
table .listSearch button{ width:5rem; line-height:34px; padding-top:4px; margin-left:.25rem; color:#fff; text-align:center; background:#264261; border-radius:.25rem;}
table .listSearch button:focus {outline:3px solid #fbd613;}
/* 占쏙옙占쏙옙占쏙옙 ~ 占쏙옙占쏙옙占쏙옙  */
table .dateWrap{ display:flex; flex-wrap: wrap; line-height:2rem;}
table .dateWrap > span{ padding:0 .6rem;}
table .dateWrap .day > *{ margin-top:2px; margin-bottom:2px;}
table .dateWrap .day p{ display:inline-block; vertical-align: middle;}
table .dateWrap .day p + select { margin-left:3px;}
table .dateWrap .day select{ margin-right:3px; margin-left:10px;}
/* 占쏙옙占쏙옙처 */
table .callWrap input{ width:3.5rem;}
table .callWrap > span{ display:inline-block; padding:0 .3rem;}

/* 20230104 캘占쏙옙占쏙옙 占싹댐옙 占싫놂옙  */
.calendar_info {margin-top:1rem;}
.calendar_info span {position:relative; padding-left:1.25rem; margin-right:1rem; line-height:1rem;}
.calendar_info span:before {position:absolute; left:0; top:calc(50% - .5rem); display:inline-block; width:1rem; height:1rem; border-radius:50%; content:'';}
.calendar_info span:nth-child(1):before {background: url('/images/web/spedu/sub/patten1.png') #cb0a6b repeat;}
.calendar_info span:nth-child(2):before {background: url('/images/web/spedu/sub/patten3.png') #2d57d3 repeat;}

/* 처占쏙옙占쏙옙占싱억옙占� */
#sub_container.pop_container {max-width:100%;}
#sub_container.pop_container .subCntBody {width:100%; padding:0 1rem;}
#sub_container.pop_container .subHeader {flex-wrap:nowrap; padding-top:1rem;}
#sub_container.pop_container #pageTitle {width:80%;}
.firstVisit_dl {position:relative; margin-top:3rem;}
.firstVisit_dl:first-child {margin-top:0;}
.firstVisit_dl:before {position:absolute; left:0; bottom:0; width:100%; height:calc(100% - .75rem); background:#f8f8f8; border-radius: 0 0 .75rem .75rem; z-index:-1; content:'';}
.firstVisit_dl dt {position:relative; font-size:.85rem; font-weight:600; color:#2d6cd5; line-height:1.5; padding:.95rem .75rem .95rem 3.2rem; background:#fff; border-radius:.75rem; border:1px solid #ccc; box-shadow: 5px 5px 5px rgba(0,0,0,.05);}
.firstVisit_dl dt span {position:absolute; left:.75rem; top:.6rem; display:inline-block; width:2rem; height:2rem; border-radius:50%; line-height:2rem; text-align:center; background:#2d6cd5; color:#fff; font-family:'Montserrat'; vertical-align:middle; margin-right:.5rem;}
.firstVisit_dl dd {padding:1.2rem 3rem 1.5rem;}
.firstVisit_dl .firstVisit_imgWrap {display:flex; justify-content:center; align-items:center; margin-top:1rem;}
.firstVisit_dl .firstVisit_imgWrap p {width:49.25%; border-radius:.5rem; overflow:hidden;}
.firstVisit_dl .firstVisit_imgWrap p + p {margin-left:1.5%;}
.firstVisit_dl .firstVisit_imgWrap p img {width:100%; height:auto;}
.firstVisit_dl .box_st3 {padding:.85rem 1rem; border-radius:.75rem;}
.firstVisit_dl .fist_btn1 {display:inline-block; background:#2748a7; border-radius:.25rem; line-height:2.5rem; color:#fff; font-size:.8rem; padding:0 2rem; margin:.15rem;}
.firstVisit_dl .fist_btn1 span {display:inline-block; min-width:7rem; padding-right:1rem; text-align:left;}
.firstVisit_dl a:hover,
.firstVisit_dl a:focus {background:#092060;}

/* 占쌉쏙옙占쏙옙 占쏙옙餠占� 占쌍댐옙 css */
.inform_bg {width:100%; height:100%; margin:10px 0 20px 0; background-color:#efefef;}
.inform_bg img {float:left; width:103px; height:70px; margin:10px 15px 0 0 ;}
.inform_bg ul {display:block; font-size:12px; color:#5e5e5e; font-family:NGNormal; line-height:18px; padding:15px 20px 15px 130px;}
.inform_bg ul li {background:url('/images/co/na/check.png') no-repeat 0 3px; padding-left:11px; white-space:normal;}
.inform_bg ul li span {color:#eb2915; white-space:normal;}

/* 개인정보처리방침 */
.icon_tit {line-height:1.2; margin: 20px 0 0 0;}




@media screen and (max-width:1460px){
	.floor_tab {right:1rem; margin-right:0;}
}

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

    /* 占싸사말 */
    .grtBox .inner:before{ width:35%; background-size:contain; background-position: center bottom;}
    
    /* 처占쏙옙占쏙옙占싱억옙占� */
	#sub_container.pop_container {margin-top:0;}
}

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

    /* 占쏙옙占쏙옙 */
    .historyWrap .titWrap{ flex:3;}
    .historyWrap .titWrap p{ width:13rem; height:13rem;}
    .historyWrap .lst{ flex:4;}

    /* 占쏙옙占쏙옙占쏙옙 */
    .orgChat .org01{ margin-left:1rem; margin-right:1rem;}
    .orgChat .org01 dl{ padding:0 .25rem;}

    /* 찾占싣울옙占시댐옙 占쏙옙 */
    .mapInfo .info dl{ padding:0 1.5rem;}

    /* 占쏙옙占쏙옙 : 타占쏙옙1  */
    .prossTy01 dl{ flex:initial; width:33.33%; margin:.5rem 0; padding-right:1.25rem; padding-left:.5rem;}
    .prossTy01 dl:before{ right:0;}

    /* 占쏙옙占쏙옙 : 타占쏙옙3  */
    .prossTy03{ padding:.5rem;}
    .prossTy03 dl{ width:calc(33.33% - .5rem); margin:.25rem;}

    /* 占쌘쏙옙 占쏙옙占쏙옙트 */
    .box_list{ width:calc(100% + .5rem); margin-left:-.25rem;}
    .box_list dl{ width:calc(33.33% - .5rem); margin:.25rem;}
    .box_list.w50 dl{ width:calc(50% - .5rem);}

}

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

    /* 占썅동占쏙옙占쏙옙 */
    .ghvrArbt{ align-items: initial;}
    .ghvrArbt br{ display:none;}
    .ghvrArbt > div{ width:48%; margin:.5rem 1%;}
    .ghvrArbt > div:nth-of-type(odd){ margin-top:.5rem;}

    /* 占쏙옙占쏙옙 : 타占쏙옙5 : 占쏙옙占쏙옙占쏙옙  */
    .prossTy05 dl{ flex:initial; width:calc(50% - 1rem); }

    /* 특占쏙옙占싻깍옙 찾占쏙옙(占쏙옙占쏙옙) */
    .djMap .srchFrom li{ flex-wrap: wrap;}
    .djMap .srchFrom li a.btnSrch{ width:100%; margin-top:.5rem}
    
    /* 占쏙옙占쏙옙占쏘영 占쏙옙占쏙옙 */
	.familyOper {flex-direction:column;}
	.familyOper dl{ width:100%; }

}

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

    /* 占싸사말 */
    .grtBox h3{ padding:.75rem 0 1rem; background-size:8rem auto;}
    .grtBox br{ display:none;}

    /* 占쏙옙占쏙옙 */
    .historyWrap{ display:block;}
    .historyWrap .titWrap{ padding-top:0;}
    .historyWrap .titWrap h3{ top:auto; bottom:-.5rem;}
    .historyWrap .lst{ padding:.5rem 1rem 0; margin-top:2rem; border-left:0; border-top:1px solid #ccc;;}
    .historyWrap .lst:before{ left:0; top:-.75rem; width:1.5rem; height:1.5rem; border-width:.6rem;}
    .historyWrap .lst:after{ left:auto; right:0; top:-.3rem;}
    .historyWrap .lst dl{ padding:1.25rem 0;}
    .historyWrap .lst dt{ font-size:1.35rem; margin-bottom:.75rem;}
    .historyWrap .lst li + li{ margin-top:.75rem;}
    .historyWrap .lst li strong{ min-width:5rem;}

    /* 占쏙옙占쏙옙占쏙옙 */
    .orgChat{ padding-bottom:1rem;}
    .orgChat:before{ height:10rem;}
    .orgChat:after{ height:calc(100% - 12.5rem);}
    .orgChat h3{ width:6rem; height:6rem; line-height:7rem;}
    .orgChat .org01{ margin-top:1rem; }
    .orgChat .org01 dt{ margin:1.5rem 0 2rem; font-size:.95rem; font-weight:400;}
    .orgChat .org01 dd{ height:calc(100% - 6.5rem);}

    /* 찾占싣울옙占시댐옙 占쏙옙 */
    .mapInfo .info{ display:block;}
    .mapInfo .info dl{ padding:.15rem 0;}
    .mapInfo .info dl + dl:before{ display:none;}
    
     /* 占시쇽옙占싫놂옙 */
    .floor_tab {display:none}
	.floor_tab2 {width:100%; top:0; position:relative; display:block; margin-bottom:2rem;}
	.floor_tab2:after {display:block; clear:both; content:'';}
	.floor_tab2 li {float:left; width:33.3%;border:1px solid #666; margin-left:-1px; margin-top:-1px; height:2.5rem; line-height:2.5rem; text-align:center; background-color:#fff}
	.floor_tab2 li a {color:#333; font-size:1rem; font-weight:600; display:block; }
	.floor_tab2 li a.active {background-color:#666; color:#fff}
	.floor_tab2.active {position:fixed; z-index:101; left:3px; top:60px}

    /* 占쏙옙占쏙옙 : 타占쏙옙2  */
    .prossTy02 dt{ flex:2; padding-right:1rem;}
    .prossTy02 dt span{ font-size:.85rem;}
    .prossTy02 dd{ flex:3;}

    /* 占쏙옙占쏙옙 : 타占쏙옙3  */
    .prossTy03 dl{ width:calc(50% - .5rem);}

    /* 占쌘쏙옙 占쏙옙占쏙옙트 */
    .box_list dl{ width:calc(50% - .5rem) !important; }


    /* 특占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙 */
    .centerMap .inner{ margin-right:3rem;}
    .centerCall{ width:10rem; height:10rem; }
    .centerCall dd strong{ font-size:.9rem; letter-spacing: 0px;}
    
    /* 처占쏙옙占쏙옙占싱억옙占� */
	.firstVisit_dl dd {padding:1rem 1.5rem 1.5rem;}

}

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

    /* 占싸사말 */
    .grtBox{ text-align:left;}
    .grtBox h3{ font-size:1.4rem; padding:.75rem 0; background-position: right bottom;}
    .grtBox h4{ font-size:1.4rem; background-size:1.25rem; padding-left:1.75rem; padding-right:0;}
    .grtBox .inner{ padding:1.5rem 0 5rem; background:none;}
    .grtBox .inner:before{ width:10rem;}
    .grtBox .inner ol li span{ text-align: center;}

    /* 占쏙옙占쏙옙 */
    .historyWrap .lst li{ width:100%;}

    /* 占쏙옙占쏙옙 : 타占쏙옙1  */
    .prossTy01 dd{ padding:.5rem;}

    /* 占쏙옙占쏙옙 : 타占쏙옙4  */
    .prossTy04 dl{ flex:initial; width:100%; margin:.5rem 0;}
    .prossTy04 dt{ margin-bottom:.5rem;}
    .prossTy04 dt:before, .prossTy04 dt:after{ display:none;}
    .prossTy04 dd{ height:auto;}
    .prossTy04 dd .tit{ display:block; height:auto; padding:.75rem .5rem;}
    .prossTy04 dd .cont{ display:block; min-height:0px;}
    .prossTy04 dd .cont > p{ display:block; padding:.75rem 0 .5rem;}

    /* 특占쏙옙占싻깍옙 찾占쏙옙(占쏙옙占쏙옙) */
    .djMap{ display:block;}
    .djMap .mapWrap{ display:none;}
    .djMap .cont{ width:auto; margin-left:0; padding-top:0;}

}

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

    /* 占쏙옙占쏙옙 */
    .historyWrap .lst{ padding:.5rem 0 0;}
    .historyWrap .lst dt{ font-size:1.15rem;}

    /* 占쏙옙占쏙옙占쏙옙 */
    .orgChat:after{ display:none; }
    .orgChat .org01{ display:block; background:#f1f1f1; border-radius:1rem; padding:1rem; margin:1.5rem 0 0;}
    .orgChat .org01 dl{ padding:0;}
    .orgChat .org01 dl + dl{ margin-top:1rem;}
    .orgChat .org01 dt{ margin:0 0 .5rem;}

    /* 찾占싣울옙占시댐옙 占쏙옙 */
    .transport_lst{ padding:1rem .5rem;}
    .transport_lst li span{ padding-right:.5rem;}

    /* 占쏙옙占쏙옙 : 타占쏙옙1  */
    .prossTy01 dl{ width:50%;}

    /* 占쏙옙占쏙옙 : 타占쏙옙2  */
    .prossTy02 dl{ display:block;}
    .prossTy02 dt{ padding-right:0; padding-bottom:1rem;}
    .prossTy02 dt:before{ width:0px; height:1rem; right:50%; top:auto; bottom:0; border-top:0; border-right:1px dashed #034697;}
    .prossTy02 dt span{ min-height:0;}
    .prossTy02 dd{ padding:1rem;}

    /* 占쌘쏙옙 占쏙옙占쏙옙트 */
    .box_list{ width:100%; margin:0; }
    .box_list dl{ width:100% !important; margin:.5rem 0; }
    .box_list dt{ float:none; border-radius:0;}
    .box_list dd{ padding:.75rem 1rem;}
    .box_list dd li em br{display:none;}

    /* 특占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙 */
    .centerMap{ padding:3rem 1rem 1rem; margin:1.5rem 0;}
    .centerMap h3{ left:0;}
    .centerMap h3:before{ display:none;}
    .centerMap .inner{ margin:0 auto 1rem;}
    .centerCall{ position:relative; width:100%; height:auto; right:auto; bottom:auto; padding:1rem; border-radius:1rem; }
    .centerCall dt{ font-size:1rem; font-weight:400;}
    .centerCall dd strong{ font-size:.9rem; letter-spacing: 0px;}
    .centerCall:before{ right:-.5rem; top:-.75rem; width:2.5rem; height:2.5rem; background-size:auto 1.5rem;}
    
}

@media screen and (max-width:460px){
    /* 占쏙옙占쏙옙 : 타占쏙옙3  */
    .prossTy03{ display:block; width:100%; margin-left:0;}
    .prossTy03 dl{ width:100%; margin:.25rem 0;}
    .prossTy03 dt{ margin-bottom:.5rem;}

    /* 占썅동占쏙옙占쏙옙 */
    .ghvrArbt > div{ font-size:.8rem;}
    .ghvrArbt > div .img{ width:5rem; height:5rem; line-height:5rem; margin:0 auto .5rem;}
    .ghvrArbt > div .img img{ width:3.25rem; height:auto;}

    /* 占쏙옙占쏙옙 : 타占쏙옙5 : 占쏙옙占쏙옙占쏙옙  */
    .prossTy05 dd .ico{ width:4.5rem; height:4.5rem; line-height:4.5rem;}
    .prossTy05 dd .ico img{ width:3rem; height:auto;}

    /* 특占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙 */
    .centerMap{ background:#fff; border:1px solid #2d6cd5;}
    .centerMap .img{ display:none;}
    .centerMap .inner ul{ display:flex; flex-wrap: wrap;}
    .centerMap .inner li{ position:relative; left:auto !important; top:auto !important; right:auto !important; bottom:auto !important; width:25%; padding:.15rem;}
    .centerMap .inner li a{ width:100%; height:auto; border-radius:.5rem; }
    
    /* 처占쏙옙占쏙옙占싱억옙占� */
	.firstVisit_dl {margin-top:1.5rem;}
    .firstVisit_dl dt {padding:.75rem .75rem .75rem 3.2rem;}
    .firstVisit_dl dt span {top:.4rem;}
    .firstVisit_dl dd {padding:.75rem .75rem 1.5rem;}
	.firstVisit_dl .fist_btn1 {line-height:2.2rem; padding:0 1rem; width:100%;}
	.firstVisit_dl .fist_btn1 span {min-width:auto; width:88%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; }
	
	/* 占쏙옙占쏙옙占쏘영 占쏙옙占쏙옙 */
	.familyOper dt {min-width:65%;}
	.familyOper dd {flex-direction:column; padding: 2rem .75rem .75rem;}
	.familyOper dd .ico {margin:0 auto;}
	.familyOper dd ul {padding-left:0; margin-top:.5rem;}
	
    
}

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

    /* 占싸사말 */
    .grtBox h3{ background-size:6rem auto;}
    .grtBox .inner:before{ display:none;}

    /* 占쏙옙占쏙옙 */
    .historyWrap .titWrap h3{ left:calc(50% - 7rem); width:5rem; height:5rem; line-height:5rem; font-size:.85rem;}
    .historyWrap .titWrap p{ width:11rem; height:11rem;}

    /* 찾占싣울옙占시댐옙 占쏙옙 */
    .mapInfo .info{ width:95%; padding:.5rem .75rem; border-radius:0 .75rem; }
    .mapInfo .info dl{font-size:.85rem;}
    .mapInfo .info dt{ font-weight:400; font-size:.85rem;}
    
    /* 占시쇽옙占싫놂옙 */
    .floor_tab2 li a {font-size:.9rem;}

    /* 占쏙옙占쏙옙 : 타占쏙옙5 : 占쏙옙占쏙옙占쏙옙  */
    .prossTy05{ width:100%; margin-left:0;}
    .prossTy05 dl{ width:100%; margin:.5rem 0; padding-top:1.15rem;}
    .prossTy05 dt{ min-width:90%; height:2.5rem;}
    
    /* 처占쏙옙占쏙옙占싱억옙占� */
    .firstVisit_dl .firstVisit_imgWrap {flex-direction:column;}
    .firstVisit_dl .firstVisit_imgWrap p {width:100%;}
    .firstVisit_dl .firstVisit_imgWrap p + p {margin-left:0; margin-top:.5rem;}
}

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

    /* 占쏙옙占쏙옙 : 타占쏙옙1  */
    .prossTy01 dl{ width:100%; padding:0 0 1.5rem; margin-bottom:0;}
    .prossTy01 dl:before{ top:auto; bottom:0; right:calc(50% - 6px); transform: rotate(90deg); -webkit-transform: rotate(90deg);}
    .prossTy01 dl:last-of-type{ padding:0; margin:0;}

    /* 占썅동占쏙옙占쏙옙 */
    .ghvrArbt > div{ width:100%; margin:.25rem 1%; padding:.75rem;}
    
    /* form */
    /* 占쏙옙품占쎈여占쏙옙占� 占싯삼옙占쏙옙 */
    table .listSearch{ display:block;}
    table .listSearch input{ width:100%; }
    table .listSearch button{ width:100%; margin-top:.5rem; margin-left:0;} 
    /* 占쏙옙占쏙옙占쏙옙 ~ 占쏙옙占쏙옙占쏙옙 */
    table .dateWrap > span{ line-height:1.25rem;}
    table .dateWrap .day p,
    table .dateWrap .day p input{ width:100%;}
    table .dateWrap .day{ display:flex; flex-wrap: wrap;}
    table .dateWrap .day select{ flex:1;}
    table .dateWrap .day p + select{ margin-left:0;}

    /* form */
    /* 占쏙옙占쏙옙처 */
    table .callWrap{ display:flex; align-items: center;}
    table .callWrap input{ flex:1; width:auto; min-width:0px;}
    
}