@charset "utf-8";
/* CSS Document */
/* com2zoa design KJh 24.06.19 */

/* Common================================================== */
.basics_font {font-size:1.077em /*기준폰트 14px*/}
.basics_font img {vertical-align: middle}
.clear_fix::after{content: ''; display: block; clear: both}

/* 모바일에서 표 가로 스크롤스타일 */
.scroll_st{overflow-x: scroll}
.scroll_st::-webkit-scrollbar {height: 10px}
.scroll_st::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.05); border-radius:0 0 5px 5px; box-shadow: inset 0px 0px 0px white}
.scroll_st::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}

/* Layout */
#subpage .basics_font{font-weight:400; color:#333}
#sub_left {display: none}
#subpage {min-height: 300px; line-height:150%; margin:0 10px 50px 20px; font-weight:500; color:#000}
.qmu_popup{display: none}

#footwrap .foot_menu .foot_mlst {border-top:1px solid #ddd}

/*Subtop */
#subtop {position:relative}
#subtop h3{ text-align: center}
#subtop h3 span{display:inline-block; font-weight:700; color:#333}

/* Guide */
#sub_guide{z-index:10}
#sub_guide .btn_home {display: none}
#sub_guide .submn {display: none}
#sub_guide .guide_wrap {position: relative}

/* visual */
.subvisual .visual_wrap {position: relative; width: 100%; margin: 0 auto}
.subvisual .visual_item {width:auto; height:240px}
.subvisual .item1 {background:url(../images/sub/subv_m_spring.jpg) no-repeat center top}
.subvisual .item2 {background:url(../images/sub/subv_m_summer.jpg) no-repeat center top}
.subvisual .item3 {background:url(../images/sub/subv_m_autumn.jpg) no-repeat center top}
.subvisual .item4 {background:url(../images/sub/subv_m_winter.jpg) no-repeat center top}

/* quick02 */
.conv_bgwrap {display:none}
#quickmenu {top:730px}

/* Tab01 */
.tabnavi01 {margin:15px 0}
.tabnavi01 ul {display: flex; justify-content:flex-start; align-items: center}
.tabnavi01 ul li {margin:5px}
.tabnavi01 ul li:first-child {margin-left:0}
.tabnavi01 ul li a {position:relative; display: block; height:auto; line-height:140%; padding:7px 60px 7px 15px; background:#fff; border:2px solid #e0e0e0; border-radius:50px; font-weight:500; font-size: 14px; color:#000; transition: all .3s}
.tabnavi01 ul li.on a, .tabnavi01 ul li a:hover {border-color:#a0db2e; color:#6ea700}
.tabnavi01 ul li a:after {content: ""; position: absolute; width:26px; height:26px; border-radius:50%; background:#e0e0e0 url(../images/sub/bg_tab_arr.png) no-repeat center; top:50%; right:5px; margin-top:-13px; transition: .2s; border:2px solid #ddd; box-sizing: border-box} 
.tabnavi01 ul li.on a:after, .tabnavi01 ul li:hover a:after {background-color:#a0db2e; border-color:#a0db2e}

/* Tab02, boardTab */
.tabnavi02, .boardTab{margin:20px 0}
.tabnavi02 ul, .boardTab ul {padding:13px 19px; border-radius:10px; border:1px solid #dedede}
.tabnavi02 ul:after, .boardTab ul:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
.tabnavi02 ul li, .boardTab ul li { float: left; width: 20%; height:19px; padding:6px 0}
.tabnavi02 ul li a, .boardTab ul li a {display: block; height: 21px; line-height: 21px; padding-left:18px; background: url(../images/sub/blt_othertab.png) left 3px no-repeat; font-weight: 500; font-size:1.077em; color: #111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tabnavi02 ul li.on a, .tabnavi02 ul li:hover a, .boardTab ul li.on a, .boardTab ul li:hover a {height: 21px; line-height: 21px; background: url(../images/sub/blt_othertab_on.png) left 3px  no-repeat; color:#3c9f00}


/******************************서브컨텐츠 영역**************************************/
/* -------------------컨텐츠 공통------------------- */
/****페이지 준비중****/
.sub_loding{min-height: 450px; background: url(../images/sub/page_loding.gif) no-repeat center center}
/****Blind****/
.blind {font-size:0; overflow:hidden; text-indent:-9999999px; height:0; width:0; line-height:0} 
/****TIT****/
h4.sub_tit4 {line-height:140%; padding:2px 0 2px 32px; margin:7px 0; background:url(../images/sub/subtit4.png) no-repeat left 3px; font-size:1.286em; font-weight:700}
h5.sub_tit5 {line-height:140%; padding:0 0 0 28px; margin:12px 0 12px 5px; background:url(../images/sub/subtit5.png) no-repeat 3px 2px; font-size:1.214em; font-weight:500}

/****Table****/
.da_table{position:relative; margin:10px 0 25px; border-radius:15px 15px 0 0}
.da_table table {overflow:hidden; width:100%; border-collapse:collapse; padding:0; margin:0; border-radius:10px 10px 0 0;  background:#fff}
.da_table table caption {display:none}
.da_table .tbleft{padding:10px; text-align: left}
/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기 테이블 감싸고 있는 div한테 table_scroll 클래스 주면됨*/
.scroll_txt{display: none; padding:3px 5px; margin-bottom: 5px; border-radius: 50px; background:#e9e9e9; text-align: center; color:#000; font-size:0.933em}
/*표_색상:회색(기본)*/
.da_table table th, .da_table table td {vertical-align: middle; word-break:keep-all}
.da_table table thead th {padding:9px 6px; line-height:130%; text-align:center; border:1px solid rgba(230,230,230,0.7); background:#707070; color:#fff; font-weight:500; font-size:1.071em; text-shadow:1px 1px 2px rgba(0,0,0,0.1)}
.da_table table thead td {padding:9px 6px; line-height:130%; text-align:center; border:1px solid #ddd; color:#3a3a3a; font-weight:600; background:#d1d1d1}
.da_table table tbody th {padding:9px 6px; line-height:140%; text-align:center; border:1px solid #ddd; background:#f4f4f4; color:#454545; font-weight:600}
.da_table table tbody td {padding:9px 6px; line-height:140%; text-align:center; border:1px solid #ddd; color:#000; font-weight:300}
.da_table table tfoot th {padding:9px 6px; line-height:130%; text-align:center; border:1px solid #ddd; background:#f4f4f4; color:#000; font-weight:600}
.da_table table tfoot td {padding:9px 6px; line-height:140%; text-align:center; border:1px solid #ddd; color:#3a3a3a; font-weight:400}

/*표_색상:연두색*/
.da_table .table_st01 thead th{background:#a7d866}
/*표_색상:초록색*/
.da_table .table_st02 thead th{background:#6bbb61}
/*표_색상:파란색*/
.da_table .table_st03 thead th{background:#0681b8}
/*표_색상:하늘색*/
.da_table .table_st04 thead th{background:#52abd3}
/*표_색상:보라색*/
.da_table .table_st05 thead th{background:#bb84f8}
/*표_색상:하늘색2*/
.da_table .table_st06 thead th{background:#60b3f3}
/*표_색상:노란색*/
.da_table .table_st07 thead th{background:#ffbb5a}
/*표_색상:주황색*/
.da_table .table_st08 thead th{background:#fc925f}
/*표_색상:빨강색*/
.da_table .table_st09 thead th{background:#fc8885}
/*표_색상:네이비*/
.da_table .table_st10 thead th{background:#536e8e}
/*표_색상:핑크*/
.da_table .table_st11 thead th{background:#ff92b6}



/* -------------------공통스타일시작 -------------------*/
/*col class 선언영역*/
.wdtfix{width:40px}
.wdt5{width: 5%}
.wdt6{width: 6%}
.wdt7{width: 7%}
.wdt8{width: 8%}
.wdt9{width: 9%}
.wdt10{width: 10%}
.wdt12{width: 12%}
.wdt15{width: 15%}
.wdt166{width: 16.6%}
.wdt18{width: 18%}
.wdt20{width: 20%}
.wdt25{width: 25%}
.wdt30{width: 30%}
.wdt33{width: 33.3%}
.wdt40{width: 40%}
.wdt50{width: 50%}
.wdt60{width: 60%}
.wdt70{width: 70%}
.wdt75{width: 75%}
.wdt80{width: 80%}
.wdt90{width: 90%}
.wdtauto{width: auto}

/****공통 Table****/
.comtable {width:100%; margin:10px 0 15px; border-collapse:collapse; table-layout:auto}
.comtable table{width: 100%; border-bottom:3px solid #aeaeae}
.comtable thead th { line-height:150%; padding:8px 3px; border-right:1px solid #d2d2d2; background: #aeaeae; vertical-align:middle;text-align:center; font-weight:500; color:#fff;word-break: keep-all}
.comtable tbody th {line-height:150%; padding:8px 3px; border:1px solid #d2d2d2; text-align:center; font-weight:500; vertical-align:middle;background:#f1f1f1; color:#30302e;word-break: keep-all}
.comtable tbody td {line-height:150%; background:#fff; padding:8px 3px; border:1px solid #d2d2d2; text-align:center; vertical-align:middle; color:#4d4d4d; word-break: keep-all;} 
.comtable .txtleft {text-align: left; padding-left: 10px}
.comtable02 table{border-bottom:2px solid #aeaeae; border-top:2px solid #aeaeae}
.comtable02 tbody th {background: #aeaeae; color:#fff}
/*테이블 아래 추가 설명텍스트*/
.comtable .comtb_infotxt{margin-top: 5px}
/*Table양쪽 선 없는 타입*/
.nonbdr .comtable thead th:last-child{border-right: none}
.nonbdr .comtable tbody td.bdr_none{border-left:none}
.nonbdr .comtable tbody th {border-left: none}
.nonbdr .comtable tbody td {border-right: none}
/****공통 Common****/
.common_wrap h4.com_h4{padding:5px 0 5px 35px; margin: 10px 0; background:url(../images/sub/com_h4.gif) left top no-repeat; font-size:1.133em; font-weight:600}
.common_wrap h5.com_h5{padding:2px 0 2px 30px; margin: 10px 0; background:url(../images/sub/com_h5.gif) 6px 3px no-repeat; font-size:1.067em; font-weight:500}
.common_wrap{font-weight: 400} 
.common_wrap .comtop{margin-bottom: 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.common_wrap .comtop_tit{padding: 10px; border-radius: 5px 5px 0 0; font-weight: 500; text-align: center; color:#fff; font-size:1.071em}
.common_wrap .comtop ul{padding: 15px 10px 10px 95px}
.comtop ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%}
.comtop ul li:last-child{margin-bottom: 0}
.combox .cmline{margin-bottom: 20px}
.cmline > .cmtit{ overflow: hidden; position:relative; border-radius:5px; margin-bottom:10px;  border: 1px solid #d2d2d2; box-sizing: border-box}
.cmline > .cmtit h5{ line-height: 140%; padding: 10px; margin: 0 0 0 70px; background: #fff; font-weight: 500; font-size:1.071em}
.cmline > .cmtit p{position: absolute; top:50%; left:0; width:70px;  height:42px; line-height: 42px;  margin-top: -21px; text-align: center; font-weight:bold; color:#fff; font-size:1.071em; font-weight: 400}
.cmline .cmtxt ol li{margin:0 0 5px 20px; line-height: 120%; text-indent: -17px; word-break: keep-all}
.cmline .cmtxt ol li:last-child{margin-bottom: 0}
.cmline .cmtxt ol li>ol, .cmline .cmtxt ol.bgline{padding: 10px; margin: 10px 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.cmline .cmtxt ul li{padding-left: 13px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%; margin-bottom: 5px}
.cmline .cmtxt > p{padding-left: 13px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 140%; margin-bottom: 5px}
.cmline .cmtxt > p.refertxt{padding:5px; background: #838383; border-radius: 5px; text-align: center; color:#fff}
.cmline .cmtxt > dl{margin-top: 10px; padding: 10px; border-radius:5px; margin-bottom:10px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.cmline .cmtxt > dl dt{margin: 5px 0; font-weight: 600}
.cmline .cmtxt > dl dt.bgtit{display: inline-block; padding: 3px 10px; border-radius: 50px; background: #838383; font-weight: 400; color:#fff}
.cmline .cmtxt > dl dt:first-child{margin-top: 0}
.cmline .cmtxt > dl dd{padding-left: 13px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 150%; margin-bottom: 5px}
.cmline .cmtxt > dl dd:last-child{margin-bottom: 0}
.cmline .cmbtn{padding: 10px; margin: 15px 0; border: 1px solid #d2d2d2; text-align: center; line-height: 130%}
.cmline .col_bb{font-weight: 500}
.cmline .cmtxt ol li.no_indent{text-indent: 0; margin-left: 5px}
/*이력관리*/
.comhis_lst{border-radius: 5px 5px 0 0; overflow: hidden}
.comhis_lst .comhis_lstit{padding:10px; text-align:center; background:#9e9e9e; color:#fff; font-weight:500}
.comhis_lst ul{padding:10px; border:1px solid #ccc}
.comhis_lst ul li{margin-bottom:5px}
.comhis_lst ul li:last-child{margin-bottom:0}
.comhis_lst ul li a{display:block; padding:10px; background:#eeeeee; border-radius:50px; text-align:center; transition: all .3s}
.comhis_lst ul li a:hover{color:#fff}
/*텍스트 스타일*/
.common_wrap .comlst_txt{ margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2;box-sizing: border-box}
.common_wrap .comlst_txt ul{padding:12px}
.common_wrap .comlst_txt ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 150%; color:#4d4d4d;}
.common_wrap .comlst_txt ul li:last-child{margin-bottom: 0}
.common_wrap p.comlst_tit{padding: 10px; background: #65758d; border-radius: 5px 5px 0 0; text-align: center; color:#fff; line-height: 140%}

/****공통_개인정보처리방침****/
/* ============== 개인정보처리방침(NEW_라벨링ver) kjh 240403 ============== */
.psinfo_tb .wdt5 {width:5%}
.psinfo_tb .wdt10 {width:10%}
.psinfo_tb .wdt12 {width:12%}
.psinfo_tb .wdt15 {width:15%}
.psinfo_tb .wdt20 {width:20%}
.psinfo_tb .wdt25 {width:25%}
.psinfo_tb .wdt30 {width:30%}
.psinfo_tb .wdt40 {width:40%}
.psinfo_tb .wdt50 {width:50%}
.psinfo_tb .wdtauto {width:auto}
.personal_info strong {font-weight:600; color:#000}
/* 개인정보 표 영역 */
.psinfo_tb {width:100%; margin:15px 0; border-collapse:collapse; table-layout:auto}
.psinfo_tb table {width: 100%; border-collapse: collapse; border-spacing: 0; border: 0}
.psinfo_tb caption {display: none}
.psinfo_tb thead th {line-height:130%; padding:8px 3px; border-left:1px solid #d1d1d1; background: #8b8b8b; vertical-align:middle; text-align:center; font-weight:500; color:#fff; font-size:14px; word-break: keep-all}
.psinfo_tb tbody th {line-height:130%; padding:8px 3px; border:1px solid #d1d1d1; background:#f5f5f5; text-align:center; font-weight:500; vertical-align:middle; color:#30302e; font-size:14px; word-break: keep-all}
.psinfo_tb tbody td {line-height:130%; background:#fff; padding:8px 3px; border:1px solid #d1d1d1; text-align:center; vertical-align:middle; color:#4d4d4d; word-break:keep-all; font-size:13px; word-break: keep-all} 
.psinfo_tb .txtleft {text-align: left; padding-left: 10px}
.psi_scroll {display: none}
/* 개인정보_탑영역 */
.personal_info {margin:0; padding:0; line-height:130%; font-size:13px; color:#4a4a4a; word-break: keep-all; font-family:NSQ}
.psinfo_topbox {padding:0 17px; border-radius:10px; border:3px solid #dfeaff}
.psinfo_topbox .psinfo_top {padding:28px 0 28px 100px; background: url(../images/sub/bg_psinfo_top.png) no-repeat 0 50%}
.psinfo_topbox .psinfo_top .psinfo_tit {font-size:1.385em; font-weight:600; color:#055dd5}
.psinfo_topbox .psinfo_top .psinfo_txt {margin-top:10px; line-height:140%; font-size:1.077em; font-weight:400}
/* 컨텐츠 영역 */
h4.psinfo_tit4 {padding:10px 0 10px 30px; margin:14px 0; background:url(../images/sub/blt_psinfo_tit.png) no-repeat 0 5px ;font-size:1.385em; font-weight:600; color:#2b2b2b}
.psinfo_con .pscon_box .blt_txt {padding-left:15px; background: url(../images/sub/blt_psinfo_arr.png) no-repeat 0 4px}
.psinfo_con {margin-top:30px; font-weight:400}
.psinfo_con img {vertical-align: middle}
.psinfo_con .pscon_box {font-size:1.077em}
.psinfo_con p {line-height:150%}
.ps_label img {width:26px; height:auto; margin:0 3px}
/* 개인정보_라벨링영역 */
.psinfo_label {overflow: hidden; border-radius:15px; border:1px solid #d1d1d1}
.psinfo_label ul {display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap}
.psinfo_label ul li {width:calc(100% / 6 - 1px); text-align: center; border-left:1px solid #d1d1d1; box-sizing: border-box}
.psinfo_label ul li:first-child {border-left:0}
.psinfo_label ul li span {display:block}
.psinfo_label ul li span.psi_ico {display:flex; justify-content:center;align-items: center;  min-height:75px}
.psinfo_label ul li span.psi_ico img {max-width:65px}
.psinfo_label ul li span.psi_txt {margin-top:10px;font-size:1.077em; font-weight:600; color:#000}
.psinfo_label ul li .psi_icobox {padding:18px 0}
/* 개인정보_목차 영역 */
.psinfo_index {overflow: hidden; margin:15px 0; border-radius:15px; border:1px solid #d1d1d1}
.psinfo_index ul {display:flex; flex-wrap:wrap}
.psinfo_index ul li {width:calc(100% / 2); border:1px solid #d1d1d1; border-right:0; border-bottom:0; box-sizing: border-box}
.psinfo_index ul li a {display:flex; justify-content:space-between; align-items: center; padding:5px 15px; font-size:1.077em; font-weight:500; color:#1a1a1a}
.psinfo_index ul li a:hover {text-decoration: underline}
.psinfo_index ul li .ps_label {height:40px; line-height:40px}
.psinfo_index ul li a .psi_txt {width:calc(100% - 50px)}
.psinfo_index ul li:first-child a .psi_txt {width:calc(100% - 100px)}
.psinfo_index ul li:nth-last-of-type(even) {border-left:0}
.psinfo_index ul li:first-child, .psinfo_index ul li:nth-child(2) {border-top:0}
/* 개인정보_컨텐츠 */
.psinfo_con h5 {position:relative; display:flex; justify-content: space-between; align-items:center; line-height:150%; padding:16px 22px; border:1px solid #d1d1d1; border-left:0; border-radius:0 30px 0 0}
.psinfo_con h5:after {content:""; display: block; position:absolute; top:-1px; left:0; width:3px; height:100%; background:#1f5688; border:1px solid #1f5688}
.psinfo_con h5 .ps_txt {width:calc(100% - 98px); font-size:1.231em; font-weight:600; color:#000}
.psinfo_con .pscon_box {margin:20px 0}
.psinfo_con .pscon_box ul {margin:0 0 0 20px}
.psinfo_con .pscon_box ul li {line-height:140%; margin-top:5px; text-indent:-20px}
.psinfo_con .pscon_box ul li:first-child {margin:0 !important}
.psinfo_con .pscon_box ul li ul.ps_lst {line-height:150%; padding:20px 20px; margin:10px 0 10px -20px; background:#f1f1f1; font-size:0.935em}
.psinfo_con .pscon_box ul li ul.ps_lst li {margin-top:10px; text-indent:0}
.psinfo_con .pscon_box ul .blt_txt {background-position:0 4px}
/* ul li 에 들여쓰기 없는 스타일 */
.psinfo_con .pscon_box ul.pslst_box {margin:0}
.psinfo_con .pscon_box ul.pslst_box li {text-indent: 0}
.psinfo_con .pscon_box ul.pslst_box li ul.ps_lst {margin:10px 0}
.ps_txtbox {margin:12px 0; padding:15px 12px; border:1px solid #8b8b8b; text-indent:0}
.ps_txtbox .ps_bold {display:block; position:relative; padding:0 0 0 20px; color:#000; font-size:14px}
.ps_txtbox .ps_bold:after {content:"※"; display: block; position: absolute; top:0; left:0; width:10px; height:10px;}
/* 링크 영역 */
.psinfo_link {margin:15px 0; border:1px solid #6eaafc; text-align: center}
.psinfo_link .ps_linktxt {padding:20px 10px; line-height:150%}
.psinfo_link a.ps_link {display:block; padding:8px; background:#6eaafc}
.psinfo_link a.ps_link span {position: relative; display:inline-block; padding:5px 60px 5px 0; color:#fff}
.psinfo_link a.ps_link span:after {content:"GO"; display: block; position: absolute; top:50%; right:0; margin-top:-10px; width:44px; height:20px; line-height:20px; background:#fff; border-radius:50px; color:#000}
.psinfo_link:hover {border-color:#2d7de9; transition:.3s}
.psinfo_link:hover a.ps_link {background:#2d7de9; transition:.3s}
a.psi_link {display:inline-block; padding:1px 20px 1px 0; background: url(../images/sub/bg_psinfo_link.png) no-repeat right 0 top 50%; color:#003cff; text-decoration: underline}
/* =====이력관리===== */
/*개인정보 이력관리 */
.pshis_lst{margin-top:30px; border-radius: 5px 5px 0 0; overflow: hidden}
.pshis_lst .pshis_lstit{padding:10px; text-align:center; background:#9e9e9e; color:#fff; font-weight:600; font-size:1.154em}
.pshis_lst ul {padding:10px; border:1px solid #ccc}
.pshis_lst ul li{margin-bottom:5px; font-size:1em; font-weight:500; border-radius:5px}
.pshis_lst ul li:last-child{margin-bottom:0}
.pshis_lst ul li a{display:block; padding:10px 0; background:#eee; border-radius:5px; text-align:center; transition: all .3s}
.pshis_lst ul li a:hover{color:#fff; background:#519bff}
.pshis_lst ul li.on a {background:#519bff; color:#fff}

/****공통_개인정보처리방침****/
.protect {font-family:NSQ}
.protect .comtop ul{min-height: 65px; background:url(../images/sub/protect_img.gif) 13px 10px no-repeat}
.protect .comtop_tit{background: #519bff}
.protect .cmline {margin:15px 0 25px}
.protect .cmline .cmtit{background:#519bff}
.protect .priv_go a{ display: block; background: #525252; padding:8px 5px; margin-top: 10px; border-radius:5px; font-weight:400; text-align: center; color:#fff; transition: all .6s}
.protect .priv_go a:hover{background:#519bff}
.protect .comhis_lst ul li a:hover{background:#519bff}

/****공통_영상정보처리방침****/
.video .comtop ul{min-height: 65px; background:url(../images/sub/video_img.gif) 13px 10px no-repeat}
.video .comtop_tit{background: #1ebaa6}
.video .cmline .cmtit{background:#1ebaa6}
.video .priv_go a{ display: block; background: #525252; padding:8px 5px; margin-top: 10px; border-radius:5px; font-weight:400; text-align: center; color:#fff; transition: all .6s}
.video .priv_go a:hover{background:#1ebaa6}
.video .comhis_lst ul li a:hover{background:#1ebaa6}

/****공통_저작권신고****/
.copyright  {line-height:160%}
.copyright .cmline .cmtit{background:#a46de1}
.copyright .comtop ul{background:url(../images/sub/copy_img.gif) 13px 10px no-repeat}
.copyright .comtop_tit{background: #a46de1}
.copyright .copy_txt{margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.copyright .copy_txt > p.copy_tit{padding: 8px; background:#838383; border-radius: 5px 5px 0 0; text-align: center; line-height: 140%; color:#fff}
.copyright .copy_txt > ul, .copyright .copy_txt > ol{padding: 10px}
.copyright .copy_txt > ul li, .copyright .copy_bgtxt ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%}
.copyright .copy_txt > ul li:last-child, .copyright .copy_bgtxt ul li:last-child{margin-bottom: 0}
.copyright .copy_txt > ol > li{margin:0 0 5px 20px; line-height: 120%; text-indent: -17px}
.copyright .copy_txt > ol > li:last-child{margin-bottom: 0}
.copyright .copy_txt > ol > li > ol{padding: 10px; margin:10px 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.copyright .copy_txt > ol > li > ol > li{margin-left:20px}
.copyright .copy_bgtxt{padding: 10px; margin:0 10px 10px; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.copyright p.copy_info{padding: 10px; margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2; text-align: center; line-height: 150%}
.copyright .comtable table{border-bottom-color:#a46de1}
.copyright .comtable thead th {background: #a46de1}
.copyright .copy_img > p.copyimg_txt{position:relative; width: 606px; height: 266px; margin: 20px auto}
.copyright .copyimg01 > p.copyimg_txt{background:url(../images/sub/copy_img01.gif) center left no-repeat}
.copyright .copyimg02 > p.copyimg_txt{background:url(../images/sub/copy_img02.gif) center left no-repeat}
.copyright .copy_img > p.copyimg_txt span{display: block; position: absolute;top:88px; right:4px; width: 127px; height: 96px; padding: 15px 0 0;text-align: center; font-weight: 500; font-size: 18px; line-height: 130%; color:#fff}
.copyright .copy_btn a{display: block; padding: 10px; border-radius: 0 0 5px 5px; background: #486170; text-align: center; color:#fff}

/****공통_행정서비스헌장 영역****/
.charter .comtop{position: relative; padding:40px 15px 15px; margin: 40px 0 15px; line-height:140%; background:#65758d; border-radius:5px; color: #fff; text-align: center; font-size:1.071em}
.charter .comtop::before{content: ""; display: block; clear: both; position: absolute; top:-25px; left:50%; margin-left: -40px; width:71px; height:70px; background: url(../images/sub/charter_img.png) no-repeat left top}
.charter .comtop span {color:#daff5b; font-weight: 400}
.charter .combox{margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.charter .combox ol{padding: 10px}
.charter .combox ol li{line-height: 150%; margin-left: 20px; text-indent: -17px;}
.charter .combox .charter_bt{padding:10px; background: #d2d2d2; text-align: center}
.charter .comtable table{border-bottom-color:#65758d}
.charter .comtable thead th {background: #65758d}
.charter .comtable02 table{border-bottom-color:#65758d; border-top-color:#65758d}
.charter .comtable02 tbody th {background: #65758d}
.charter .charter_bt{padding: 10px; background: #d2d2d2; border-radius: 0 0 5px 5px; text-align: center; font-weight: 500}

/****공통_정보공개제도안내****/
.openinfo .comtable table{border-bottom-color:#46a4f4}
.openinfo .comtable thead th {background: #46a4f4}
.openinfo .comtable a.gobtn{display: inline-block; padding: 5px 10px; border-radius: 3px; background: #d2d2d2; transition: all .3s}
.openinfo .comtable a.gobtn:hover{background: #46a4f4; color:#fff}

/****공통_비공개대상정보 22.09.14 공통사항 추가****/
.private_new{font-size:1.077em}
.private_new .pri_top{overflow: hidden; border-radius: 5px; margin-top: 20px; border:2px solid #65758d; line-height: 140%; box-sizing: border-box}
.private_new .pri_top h4.pritit{height:auto; margin:0; padding: 8px; background:#65758d; color:#fff; text-align: center; font-weight: 500; font-size:1.143em}
.private_new .pri_top .pritxt{padding: 10px; font-weight: 500}
.private_new .pri_top .prilst{padding: 10px; margin:0 10px 10px; border-radius: 5px; background: #f1f1f1}
.private_new h5.com_h5{height:auto; padding:2px 0 2px 30px; margin: 10px 0 7px; background:url(../images/sub/com_h5.gif) 6px 3px no-repeat; font-weight: 600; font-size:1.071em}
.private_new .comlst_txt{ margin:0 0 15px; border-radius: 5px; border:1px solid #d2d2d2;box-sizing: border-box}
.private_new .comlst_txt ul{padding: 10px}
.private_new .comlst_txt ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 140%}
.private_new .comlst_txt ul li:last-child{margin-bottom: 0}
.private_new .comlst_txt li > ul{padding: 5px; margin:5px 0 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}

/****2022교외(개별) 체험학습(version UP)-안내페이지 스타일 시작-KYJ****/
/*☆☆공통스타일 안내사항 : 최상단 타이틀은 작업하는 해당학교에서 사용 하는 색상및 연관 디자인 및 코딩 으로 변경☆☆*/
/*강조폰트*/
.app_trip span.col_r{font-weight: 500; color:#ff5c41}
.app_trip span.col_b{font-weight: 500; color:#3087e1}
.app_trip span.col_p{font-weight: 500; color: #ae4ce6}
.app_trip span.col_bb{font-weight: 500; color:#202020}
/**타이틀-두암**/
.app_trip .trip_top{position: relative; padding:0 0 50px; text-align: center; z-index: 0}
.app_trip .trip_top span{display: block; position: relative; z-index: 5}
.app_trip .trip_top::before{content: ""; display: block; clear: both; position: absolute; bottom:-32px; left:50%; z-index:1; margin-left:-365px; height:140px; width:733px; background:url(../images/sub/bg_trip_img.gif) no-repeat 0 bottom}
/**버튼 및 절차**/
/*버튼*/
.app_trip .trip_btnbox{position: relative;  z-index: 5}
.app_trip .btn_box{margin: 0 60px}
.app_trip .btn_box li{float: left; display:block; width:50%; margin: 0; padding: 0}
.app_trip .btn_box li a{display:block; width:90%;  padding: 13px 5px; margin: 0 auto; background-position:right center; background-repeat: no-repeat; border-radius: 50px; box-sizing: border-box; text-align: left; color:#fff; font-size: 1.2em; font-weight: 500; transition: all .6s}
.app_trip .btn_box li:first-child a{background-image: url(../images/sub/trip_btn2.png); background-color: #43b1ff}
.app_trip .btn_box li:first-child a:hover{background-color: #2587cd}
.app_trip .btn_box li:last-child a{background-image: url(../images/sub/trip_btn1.png) ; background-color: #ff6643}
.app_trip .btn_box li:last-child a:hover{background-color: #f33e14}
.app_trip .btn_box li span{display:block; padding: 5px 0 5px 40px; margin-left: 15px; background-position:left center; background-repeat: no-repeat}
.app_trip .btn_box li:first-child span{background-image:url(../images/sub/trip_ico01.png)}
.app_trip .btn_box li:last-child span{background-image:url(../images/sub/trip_ico02.png)}
/*상단절차*/
.app_trip .trip_steptop{margin: -25px 0 30px; padding: 50px 20px 25px; background: #f4f4f4; border-radius:15px}
.app_trip .trip_steptop ul{font-size: 0; text-align: center}
.app_trip .trip_steptop ul li{display: inline-block; width:20%; font-size: 14px}
.app_trip .trip_steptop ul li p{position: relative; width: 85%; height: 50px; line-height: 50px; margin: 0 auto; background: #fff; border-radius: 50px; border:2px solid #cecece; font-size:1.077em}
.app_trip .trip_steptop p::before{content: ""; display: block; clear: both; position: absolute; top:15px; right:-11px; width:11px;  height:19px; background: url(../images/sub/trip_arw.png) no-repeat right top; z-index:1}
.app_trip .trip_steptop li:last-child p::before{display: none}
.app_trip .trip_steptop p span.num{position: absolute; top:0; left:10px; color:#c7c7c7; font-size: 1.429em; font-weight: 700}
.app_trip .trip_steptop p span.txt{padding-left: 25px; font-weight: 500}
/**내용-공통 및 기본**/
.app_trip .trip_wrap .trip_box{padding:0 15px 20px; margin-bottom: 20px; border-bottom: 1px solid #dbdbdb}
.app_trip .trip_wrap .trip_box.step_wrap{padding-bottom: 0}
.app_trip .trip_box dt.tit{padding-left: 15px; background: url(../images/sub/trip_blt1.gif) no-repeat left 3px; font-weight: 600; color:#000}
.app_trip .trip_box .more_txt{margin-top: 8px; padding: 5px; border-radius: 3px; background: #f4f4f4; font-weight:300}
.app_trip .trip_box .down_btn a{display: inline-block; line-height:1; padding:6px 35px 6px 13px; margin-right: 5px; border-radius: 5px; background-image: url(../images/sub/trip_down.png); background-position:right center; background-repeat: no-repeat; color:#fff; font-weight: 500; transition: all .6s}
.app_trip .trip_box a.down1{background-color: #409de5}
.app_trip .trip_box a.down1:hover{background-color: #2b7cbb}
.app_trip .trip_box a.down2{background-color: #ffaa25}
.app_trip .trip_box a.down2:hover{background-color: #fa7e19}
.app_trip .basic_box .trip_box dd{margin: -20px 0 0 140px;}
.app_trip .basic_box .trip_box dd.down_btn{margin: -25px 0 0 140px}
/**내용-절차 세부 안내**/
.app_trip .trip_step{margin-top: 20px}
.app_trip .trip_step .step_lst{min-height: 110px; padding: 17px 0 0 117px; background-position:left top; background-repeat: no-repeat}
.app_trip .trip_step .steplst01{background-image: url(../images/sub/trip_step01.gif)}
.app_trip .trip_step .steplst02{background-image: url(../images/sub/trip_step02.gif)}
.app_trip .trip_step .steplst03{background-image: url(../images/sub/trip_step03.gif)}
.app_trip .trip_step .steplst04{background-image: url(../images/sub/trip_step04.gif)}
.app_trip .trip_step .steplst05{background-image: url(../images/sub/trip_step05.gif)}
.app_trip .trip_step .step_lst dt{padding-left: 15px; margin-bottom: 10px; background: url(../images/sub/trip_blt2.gif) no-repeat left 3px; font-weight:600}
.app_trip .trip_step .step_lst dd{padding-left: 15px; background: url(../images/sub/trip_blt3.gif) no-repeat left 9px}

/* -------------------공통스타일 끝 -------------------*/

/* -------------------컨텐츠 스타일 시작 -------------------*/
/*폰트에서 span사용시 색지정
(span에 단독으로 스타일을 주면 모든 span 태그에 font-weight가 지정되므로 bold는 각각 지정함)_더 두껍게 할 시에는 고유클래스 아래에 지정  */
span.col_r{color:#ff4832}
span.col_g{color:#60a622}
span.col_b{color:#2f85e5}
span.col_o{color: #ff812d}
span.col_p{color: #ff69a5}
span.col_s{color: #fb7770}
span.col_pp{color: #b47ef6}
span.col_y{color: #ffc528}
span.col_m{color: #2ac0c2}
span.col_bk{color:#000}
span.bold{font-weight:600}
span.bold2{font-weight:500}

/* 페이지 상단 공통 스타일 영역 */
.cont_titbox {margin-bottom:20px; text-align: center}
.cont_titbox .con_subtit span {display:inline-block; min-width:228px; height:20px; line-height:20px; background:#6d6d6d; border-radius:25px 25px 0 0; color:#fff; vertical-align: bottom}
.cont_titbox .con_tit {padding:20px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.cont_titbox .con_tit .ctit span {position:relative; display:inline-block; padding:3px 40px}
.cont_titbox .con_tit .ctit span:before {content:""; display:block; position: absolute; top:0; left:0; width:25px; height:15px; background:url(../images/sub/img_quotes01.png) no-repeat 0 0 }
.cont_titbox .con_tit .ctit span:after {content:""; display:block; position: absolute; top:0; right:0; width:25px; height:15px; background:url(../images/sub/img_quotes02.png) no-repeat 100% 0 }

.con_etc {padding:12px 10px; background:#eee; border-radius:50px; text-align: center; font-weight:300}
.cont_txtbox {position:relative; line-height:160%; margin:15px 0 20px; padding:30px 28px; border:2px solid #ebebeb; border-radius: 30px 30px 8px 8px; font-weight:300; color:#000; word-break: keep-all}

/* 가나다라 등 절차 스타일 영역 */
.bullet_txtbox {margin:15px 0 20px}
.bullet_txtbox ul li {display: flex; justify-content: flex-start; margin-top:7px}
.bullet_txtbox ul li:first-child {margin-top:0}
.bullet_txtbox ul li .bullet {display:inline-block; width:22px; height:22px; line-height:22px; margin-right:12px; text-align: center; color:#fff; background:#949494; border-radius:5px}
.bullet_txtbox ul li:nth-of-type(odd) .bullet {background:#383838}
.bullet_txtbox ul li p.bul_txt {width:calc(100% - 34px); padding:1px 0; font-weight:300; color:#000}

/* 페이지 상단 공통 스타일 타입 2 */
.cont_titbox2 {position:relative; border-top:1px solid #ddd; margin-bottom:20px}
.cont_titbox2:after {content:""; display:block; position:absolute}
.cont_titbox2 .cont_tit {padding:27px 210px 27px 18px}
.cont_titbox2 .cont_eng {display:block; padding:4px 15px; color:#fff; font-weight:500; background:#ddd; border-radius:50px}

/* 인사말 */
.da_greet {font-family:NSK}
.da_greet .greet_top {text-align: center}
.da_greet .greet_tit {display:flex; justify-content: center; align-items: center; margin:16px 0 13px}
.da_greet .greet_eng {display:inline-block; min-width:228px; height:20px; line-height:20px; margin:0 auto; text-align: center; color:#fff; font-weight:500; background:#a6d9f9; border-radius:15px 15px 0 0}
.greet_welcome {position:relative; padding-bottom:3px}
.greet_welcome:before {content:""; display: block; position: absolute; bottom:0; left:0; width:100%; height:21px; background:#f4f4f4; border-radius:50px 50px}
.greet_weltit {position:relative; display:block; width:630px; border:2px solid #f4f4f4; background:#fff; margin:0 auto; padding:8px; border-radius:50px 50px}
.greet_weltit span {display:inline-block; padding:0 100px; background:url(../images/sub/img_quotes01.png) no-repeat 0 50%, url(../images/sub/img_quotes02.png) no-repeat 100% 50%}
.greet_con {padding:30px 0; text-align: center; font-size:1.071em}
.greet_txt {line-height:170%; word-break: keep-all}
.greet_txt.gtxt02 {margin:25px 0; padding:25px 30px; border:1px solid #aedcfc; border-radius:30px; background:url(../images/sub/bg_greettxt01.png) no-repeat 0 100%, url(../images/sub/bg_greettxt02.png) no-repeat 100% 100%}
.greet_txt.gtxt04 {margin-top:20px}
.greet_sign {text-align: center}
.greet_sign span {position:relative; display:inline-block; text-align: center; width:245px}
.greet_sign span:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:13px; border-radius:50px; background:#f4f4f4}
.greet_sign span img {position: relative}

/* 연혁 */
.da_history .cont_titbox {position: relative}
.da_history .cont_titbox:before {content:""; display: block; position: absolute; bottom:0; left:3%; width:94%; height:27px; background:#eee; border-radius:40px 40px 0 0}
.da_history .cont_titbox .con_subtit span {background:#ffcb4d}
.da_history .cont_titbox .con_tit {position:relative; padding:20px 0 76px; border-top-color:#ffcb4d}
.da_history .cont_titbox .con_tit:before {content:""; display:block; position:absolute; bottom:-4px; left:20px; width:114px; height:110px; background:url(../images/sub/bg_history_left.png) no-repeat 0 0}
.da_history .cont_titbox .con_tit:after {content:""; display:block; position:absolute; bottom:-6px; right:46px; width:90px; height:139px; background:url(../images/sub/bg_history_right.png) no-repeat 0 0}

.da_history .history_box {position: relative; margin-top:-76px}
.da_history .his_year{padding:0}
.da_history .his_year .his_btn {position:absolute; top:0; left:50%; width:178px}
.da_history .his_year01 .his_btn {text-align:right; margin-left:-280px}
.da_history .his_year02 .his_btn {text-align: center; margin-left:-88px}
.da_history .his_year03 .his_btn {text-align: left; margin-left:103px}
.da_history .his_year .his_btn a {overflow:hidden; display: inline-block; position:relative; min-width:176px; height:44px; padding:10px 20px; position:relative; border-radius:5px 5px 30px 30px; border:2px solid #eee; box-sizing: border-box; font-size: 1.143em; font-weight: 600; text-align:center; background:#fff }
.da_history .his_year .his_btn a span {padding:3px 44px 3px 10px; background:url(../images/sub/bg_histab_off.png) no-repeat right 10px top 50%}

/*연도별 버튼 hover시 색상 변경*/
.da_history .his_year.on .his_btn a {background:#71b4ff; border-color:#71b4ff; color:#fff}
.da_history .his_year.on .his_btn a span {background: url(../images/sub/bg_histab_on.png) no-repeat right 10px top 50%}

.da_history .his_year.on .his_txtbox {display: block; padding-top:58px}
.da_history .his_txtbox {display: none}
.da_history .his_year.on .his_btn a:before, .da_history .his_year .his_btn:hover  a:before {bottom:0; right:0; background-color:#55a9f1}
.da_history .his_year02.on .his_btn a:before, .da_history .his_year02 .his_btn:hover a:before {bottom:-7px; right:-1px; background-color:#81c962}

/*연혁 리스트*/
.his_txttit {position:relative; display:block; text-align: center}
.his_txttit p {display:inline-block; min-width:300px; padding:15px 30px 22px; background: url(../images/sub/bg_patt_line.gif) repeat-x 0 100%; font-size:1.071em; box-sizing: border-box}
.his_txttit p span {color:#000; font-weight:600}
.da_history .year_list {position:relative; padding:20px 0 40px; margin-bottom:28px}
.da_history .year_list:after {content:"Duam Elemetary School"; display: block; position:absolute; bottom:0; left:0; width:100%; height:40px; background:#eee; border-radius:50px; text-align: right; padding:10px 30px; box-sizing: border-box; font-size:20px;  font-weight:600; color:#fff; letter-spacing:1px}
.da_history .year_date {position:relative; display:inline-block; background: #fff url(../images/sub/blt_hisyear.gif) no-repeat 15px 50%; width:auto; min-width: 156px; height:58px; line-height:54px; border-radius:50px; border:2px solid #efefef; box-sizing: border-box; margin-right: 20px; padding:0 20px 0 50px; font-size:1.429em; color:#000; font-weight:700}
.da_history .year_date span {font-size:15px; color:#949494; font-weight:400; vertical-align: top}
.da_history .his_year .thisyear .year_date {border-color:#71b4ff; color:#2b7cea; background: #fff url(../images/sub/blt_hisyear_on.gif) no-repeat 15px 50%}

.da_history .year_list li {padding:15px 0; position: relative; display: flex; border-top:1px dashed #eee}
.da_history .year_list li:first-child {border-top:0}
.da_history .year_list li .year_txt ul li {word-break:keep-all; margin:0; padding:7px 10px 7px 90px; border:0}
.da_history .year_list li .year_txt ul li.longtxt {padding:34px 10px 7px 90px}
.da_history .year_list span.ydate {position:absolute; top:6px; left:0; display:block; padding:0 15px; font-family:NSK; font-weight:500; z-index: 1; background:url(../images/sub/blt_his_lst.gif) no-repeat 0 6px; min-width:70px; font-family:CGC; color:#000; font-weight:600}
.da_history .his_year .thisyear span.ydate {background:url(../images/sub/blt_his_lston.gif) no-repeat 0 6px}

.year_txt {width:calc(100% - 154px); font-family:NSK; padding:13px 0 0}
.year_txt .ydat {font-family:CGC}
.da_history .year_list li.longtxt {flex-wrap: wrap; flex-direction: column}

/* 학교상징 */
.da_symbol .cont_titbox .con_subtit span {background:#86bf53}
.da_symbol .cont_titbox .con_tit {position:relative; border-color:#86bf53; border-bottom:0}
.da_symbol .cont_titbox .con_tit:before {content:""; display: block; position:absolute; bottom:12px; left:0; width:100%; height:26px; background:#ebf5d6; border-radius:50px}
.symbol {margin-top:120px}
.symbol_map {display:flex; justify-content: space-between; width:750px; margin:0 auto}
.symbol_mapwrap {position:relative; padding-bottom:15px; margin-bottom:30px}
.symbol_mapwrap:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:26px; background:#efefef; border-radius:50px 50px}
.symbol_mapwrap:after {content:""; display:block; position:absolute; bottom:18px; left:50%; width:220px; height:32px; margin-left:-110px; background:url(../images/sub/img_symbol_duamtxt.png) no-repeat 0 0}
.sym_layer {position:relative; background:#eee; border-radius:150px 150px 10px 10px; padding:12px 12px 0}
.sym_layer .sym_mean {padding:15px 0; color:#fff; text-align: center}
.sym_layer dl {position:absolute; top:146px; left:5px; width:calc(100% - 10px); display:flex; justify-content: space-between; align-items:center; padding:8px; background:#fff; border-radius:50px 50px; box-sizing: border-box}
.sym_layer dl dt span {display:inline-block;width:54px; height:24px; line-height:24px; background:#eee; border-radius:50px; text-align: center; color:#fff}
.sym_layer dl dd {padding-right:10px}
.sym_img {position:relative; z-index:0}
.sym_img:before {content:""; display:block; position:absolute; z-index:-1}
.symbol01 .sym_layer {background-color:#a7beff}
.symbol01 .sym_layer dl dt span  {background:#6182e0}
.symbol01 .sym_img:before {top:-12px; left:-16px; width:52px; height:49px; background:url(../images/sub/bg_symbol_ico01.png) no-repeat 0 0}
.symbol02 {margin-top:0}
.symbol02 .sym_layer {background-color:#ffcf5b}
.symbol02 .sym_layer dl dt span  {background:#ffc028}
.symbol02 .sym_img:before {top:-43px; left:50%; width:48px; height:62px; margin-left:-24px; background:url(../images/sub/bg_symbol_ico02.png) no-repeat 0 0}
.symbol03 .sym_layer {background-color:#a5d66e}
.symbol03 .sym_layer dl dt span  {background:#86bf53}
.symbol03 .sym_img:before {top:-54px; left:50%; width:48px; height:62px; margin-left:-24px; background:url(../images/sub/bg_symbol_ico03.png) no-repeat 0 0}

/*교가*/
#schSong{display:none}
.song_wrap{position: relative; display:flex; justify-content: space-between}
.song_box {position:relative; margin-top:15px; }
.song_box:before {content:""; display: block; position:absolute; top:-20px; right:-15px; width:110px; height:60px; background:url(../images/sub/bg_songtit_img.png) no-repeat 100% 0}
.song_writer {display: flex; justify-content: flex-start; padding:4px 0 4px 22px; margin:5px 10px; background:url(../images/sub/blt_songwriter.png) no-repeat 0 50%}
.song_writer p {margin-right:10px; color:#000; font-weight:500; font-size:1.071em}
.song_writer p span {font-size:13px; color:#666; font-weight:300}
.song_wrap .song_note {position: relative; width:560px; border-top:1px solid #e3e3e3}
.song_wrap .song_tb {position: relative; box-sizing: border-box; border:3px solid #eee; border-bottom-width:15px; border-radius:60px 60px 10px 10px; width:calc(100% - 560px); background:#fff; padding:10px 14px}
.song_wrap .song_tb:after {content:""; display: block; position:absolute; bottom:-13px; right:10px; width:94px; height:136px; background:url(../images/sub/bg_song_img.png) no-repeat 100% 100%}
.song_wrap .song_tbtop {background:#c485fb; border-radius:55px 55px 10px 10px}
.song_wrap .song_area {position: relative; width: 100%; height: 43px; color:#000}
.song_wrap .song_area dt {float: left; margin:12px 25px}
.song_wrap .song_area dd{float: right}
.song_wrap .song_area dd ul{position: relative; padding:8px 18px; z-index: 10}
.song_wrap .song_area dd ul li{float: left; width:54px; height:27px; margin-right: 5px}
.song_wrap .song_area dd ul li a {display:block; background:#fff; border-radius:50px 50px; text-align: center}
.song_wrap .song_area dd ul li:last-child {margin-right: 0}
.song_wrap .song_txt{position: relative; box-sizing: border-box}
.song_wrap .song_lyrics{position: relative; padding:15px 0 0}
.song_wrap .song_lyrics dt {position: relative; box-sizing: border-box; border-bottom:1px solid #ddd; padding:0 5px 10px; background:url(../images/sub/bg_song_arr.gif) no-repeat 100% 50%}
.song_wrap .song_lyrics dt::after{content: ""; display: block; clear: both; position: absolute; bottom:-10px; left:50%; width: 21px; height: 8px; margin-left: -10px; background:url(../images/sub/blt_note1.gif) left top no-repeat}
.song_wrap .song_lyrics dt.lyrics02::after{background:url(../images/sub/blt_note2.gif) left top no-repeat}
.song_wrap .song_lyrics dd {padding:10px; margin-bottom:10px; line-height: 150%; font-weight: 400; color:#202020; font-family:NSK}

/* 학교현황 */
.state_top {margin-bottom:20px}
.state_top a {overflow:hidden; display:flex; justify-content: space-between; align-items: flex-end; border:1px solid #ffcb4d; border-radius:10px; transition: .3s}
.state_top a .state_add {padding:20px 10px 20px 100px; background:url(../images/sub/bg_state_school.gif) no-repeat 10px 100%}
.state_top a .btn_alimi {position:relative; border-radius:50px 0 0 0; padding:12px 20px 10px; background:#ffcb4d; min-width:228px; box-sizing: border-box; font-size:1.071em}
.state_top a .btn_alimi .alimi_txt {padding-left:26px; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,0.1); background:url(../images/sub/blt_schalimi.png) no-repeat 0 50%}
.state_top a .btn_alimi .alimi_go {position:absolute; top:50%; right:10px; margin-top:-10px; width:52px; height:20px; line-height:18px; background:#fff; border-radius:50px; text-align: center; color:#000}
.state_top:hover a {border-color:#0ba95f; transition: .3s}
.state_top:hover a .btn_alimi {background:#0ba95f; transition: .3s}

/* 교직원소개 */
.teacher_wrap {overflow:hidden; display:flex; justify-content:space-between; align-items: center; border:1px solid #cdcdcd; border-radius:10px; margin-bottom:25px}
.teacher_wrap li {width:calc(100% / 9); text-align: center}
.teacher_wrap li a {display:block; height:40px; line-height:40px; border-left:1px solid #e6e6e6; box-sizing: border-box}
.teacher_wrap li:first-child a {border-left:0}
.teacher_wrap li:hover a {background:#efefef}
.da_teacher .tel_btn {display:none}
.da_teacher .tel_btn img {vertical-align: middle}

/* 오시는 길 */
.map_wrap {overflow:hidden; position:relative; border-radius:0; border:1px solid #dbdbdb; border-radius:30px;  z-index:0}
.map_wrap .root_daum_roughmap {width:100% !important; padding:0; border:none; box-sizing: border-box}
.map_wrap .map_border {border:none !important; background:none !important}
.map_wrap .root_daum_roughmap .wrap_map {height:430px !important}
.map_add {padding:19px 200px 19px 28px; background:url(../images/sub/bg_map_schimg.gif) no-repeat right 38px bottom}
.map_add span {display:inline-block; padding:5px 10px 5px 30px; background:url(../images/sub/blt_map_add.gif) no-repeat 0 50%; font-size:1.071em}
.map_lst {display:flex; justify-content:center; align-content: center; padding:12px 26px; background:#eaeaea; gap:18px; border-radius:30px 30px 5px 5px}
.map_lst li {overflow:hidden; display:flex; justify-content:flex-start; align-items:center; width:100%; border-radius:50px}
.map_lst li .minfo_txt {display:flex; justify-content: space-between; width:calc(100% - 92px); padding:6px 5px 5px; background:#fff; box-sizing: border-box}
.map_lst li .minfo_txt span {width:calc(100% / 2); padding-left:15px}
.map_lst li .minfo_txt span.minfo_tel {border-right:1px solid #dadad9}
.map_lst li .minfo_tit {width:92px; text-align: center; color:#fff; font-size:1.071em; font-weight:300}
.map_lst li.map_li01 {background:#4b96f3}
.map_lst li.map_li02 {background:#1d689f}

/* 학교장경영관 */
.manage_wrap .cont_titbox {margin-bottom:5px}
.manage_wrap .cont_titbox .con_tit {border-top-color:#1683ac; padding:15px}
.manage_wrap .cont_titbox .con_subtit span {min-width:228px; height:24px; line-height:24px; background:#1683ac; border-radius:15px 15px 0 0}
.da_managegoal .arr img {display:block;margin:0 auto; text-align: center}

.manage_txt {display:block; position:relative; width:685px; padding:20px 30px; border:2px dashed #e2e2e2; margin:0 auto; text-align: center; border-radius:60px 60px; box-sizing: border-box}
.manage_txt:before {content:""; display:block; position: absolute; top:-10px; left:40px; width:25px; height:15px; background:url(../images/sub/img_quotes01.png) no-repeat 0 0 }
.manage_txt:after {content:""; display:block; position: absolute; bottom:-10px; right:40px; width:25px; height:15px; background:url(../images/sub/img_quotes02.png) no-repeat 100% 0 }
.manage_imgwrap .manage_imglst {display:flex; justify-content:space-between; padding-top:71px; background: url(../images/sub/bg_manage_mapline.gif) no-repeat 50% 0}
.manage_imgwrap .manage_imglst dl {width:calc(100% / 4 - 10px); border:1px solid #ddd; padding:0 7px 7px; box-sizing: border-box; border-radius:60px 60px 10px 10px}
.manage_imgwrap .manage_imglst dl dt {padding:56px 0 15px; text-align: center}
.manage_imgwrap .manage_imglst dl dd {padding-top:8px; border-top:1px solid #ddd; text-align: center; font-weight:300}
.manage_imgwrap .manage_imglst dl dd .mimg_box {padding:10px; border-radius:10px; min-height:82px}

.manage_imgwrap .manage_imglst dl.mimg01 dt {background:url(../images/sub/bg_manage_ico01.gif) no-repeat 50% 0}
.manage_imgwrap .manage_imglst dl.mimg01 dd .mimg_box {background:#f6fbf0}
.manage_imgwrap .manage_imglst dl.mimg02 dt {background:url(../images/sub/bg_manage_ico02.gif) no-repeat 50% 0}
.manage_imgwrap .manage_imglst dl.mimg02 dd .mimg_box {background:#fffaed}
.manage_imgwrap .manage_imglst dl.mimg03 dt {background:url(../images/sub/bg_manage_ico03.gif) no-repeat 50% 0}
.manage_imgwrap .manage_imglst dl.mimg03 dd .mimg_box {background:#f1f9ff}
.manage_imgwrap .manage_imglst dl.mimg04 dt {background:url(../images/sub/bg_manage_ico04.gif) no-repeat 50% 0}
.manage_imgwrap .manage_imglst dl.mimg04 dd .mimg_box {background:#fff4f8}

.manage_plus {position:relative; margin:26px 0; display:flex; justify-content: space-between; align-items: center}
.manage_plus .mplus {position:absolute; top:50%; left:50%; margin:-18px 0 0 -32px}
.manage_plus p {position:relative; width:calc(100% / 2 - 25px); border:1px dashed #ddd; padding:11px; box-sizing: border-box; word-break:keep-all}
.manage_plus p span {display:inline-block; padding:20px 10px; font-size:1.071em}
.manage_plus p.mplus01 {text-align:left; border-radius:10px 50px 50px 10px; padding-right:120px}
.manage_plus p.mplus02 {text-align:right; border-radius:50px 10px 10px 50px; padding-left:120px}
.manage_plus p:after {content:""; display:block; position: absolute; top:50%; margin-top:-30px; width:114px; height:60px; border-radius:50px}
.manage_plus p.mplus01:after {right:15px; background:#f4e9ff url(../images/sub/bg_manage01.png) no-repeat 50% 50%}
.manage_plus p.mplus02:after {left:15px;background:#d8f7f2 url(../images/sub/bg_manage02.png) no-repeat 50% 50%}
.manage_lst {display:flex; justify-content:space-between; margin-bottom:40px}
.manage_lst dl {width:calc(100% / 4 - 10px); border:1px solid #ddd; padding:7px 7px 0; box-sizing: border-box; border-radius:10px 10px 60px 60px }
.manage_lst dl dt {height:50px; line-height:50px; text-align: center; border-radius:8px}
.manage_lst dl dd {padding:15px 10px 70px; text-align: center; font-weight:300}

.manage_lst dl.mlst01 dt {background:#a5d66e}
.manage_lst dl.mlst01 dd {background:url(../images/sub/bg_manage_lsttxt01.gif) no-repeat 50% 100%}
.manage_lst dl.mlst02 dt {background:#ffcb4d}
.manage_lst dl.mlst02 dd {background:url(../images/sub/bg_manage_lsttxt02.gif) no-repeat 50% 100%}
.manage_lst dl.mlst03 dt {background:#71c7fe}
.manage_lst dl.mlst03 dd {background:url(../images/sub/bg_manage_lsttxt03.gif) no-repeat 50% 100%}
.manage_lst dl.mlst04 dt {background:#ff92b6}
.manage_lst dl.mlst04 dd {background:url(../images/sub/bg_manage_lsttxt04.gif) no-repeat 50% 100%}

.edugoal_wrap .cont_titbox .con_subtit span {min-width:228px; height:24px; line-height:24px; background:#368ed7; border-radius:15px 15px 0 0}
.edugoal_wrap .cont_titbox .con_tit {padding:25px; border:1px solid #ddd; border-radius:25px 25px 5px 5px}
.edugoal_wrap .cont_titbox {margin-bottom:5px}
.edugoal_box {margin-bottom:25px}
.eg_toptit {position:relative; text-align: center}
.eg_toptit span {display:inline-block; width:178px; height:38px; line-height:38px;  margin:0 auto; background:#7a7a7a; border-radius:5px 5px 25px 25px; text-align: center; font-size:1.143em; color:#fff}
.eg_boxwrap {margin-top:-21px;  border-top:1px solid #e5e5e5; padding-top:42px}
.eg_boxarea {display:flex; justify-content: space-between; border-radius:15px; border:2px solid #ececec}
.eg_boxarea .eg_box {width:calc(100% / 4); border-right:1px dashed #e0e0e0; text-align: center; padding:10px; box-sizing: border-box}
.eg_boxarea .eg_box04 {border-right:none}
.eg_boxarea .eg_box dl dt {margin:-23px 0}
.eg_boxarea .eg_box dl dt span {display:inline-block; min-width:90px; padding:10px 20px; border:2px solid #ddd; border-radius:5px 5px 30px 30px; background:#fff; box-sizing: border-box}
.eg_boxarea .eg_box dl dd {padding:36px 10px 15px; border-radius:5px; color:#fff; margin-bottom:10px; font-size:1.071em}
.eg_boxarea .eg_box01 dl dt span{border-color:#ffbb51}
.eg_boxarea .eg_box02 dl dt span{border-color:#a5d66e}
.eg_boxarea .eg_box03 dl dt span{border-color:#7ec1ff}
.eg_boxarea .eg_box04 dl dt span{border-color:#c285ff}
.eg_boxarea .eg_box01 dl dd {background:#ffbb51}
.eg_boxarea .eg_box02 dl dd {background:#a5d66e}
.eg_boxarea .eg_box03 dl dd {background:#7ec1ff}
.eg_boxarea .eg_box04 dl dd {background:#c285ff}
.eg_boxtxt {padding:10px 0}

.ee_toptit {position:relative; text-align: center}
.ee_toptit span {position:relative; display:inline-block; width:178px; height:38px; line-height:38px; margin:0 auto; background:#a9a9a9; border-radius:5px 5px 25px 25px; text-align: center; font-size:1.143em; color:#fff; z-index: 1}
.ee_boxwrap {position:relative; margin-top:-20px; padding:36px 12px 12px; border:1px solid #ddd; border-radius:5px 5px 35px 35px}
.ee_boxwrap:after {content:""; display:block; position:absolute; bottom:0; right:30px; width:268px; height:116px; background: url(../images/sub/bg_edugoal_img.png) no-repeat 100% 100%}
.ee_boxwrap ul {background:#f9f9f9; border-radius:20px; padding:20px}
.ee_boxwrap ul li {padding-left:15px; margin-top:7px}
.ee_boxwrap ul li:first-child {margin-top:0}
.ee_boxwrap li:first-child {background:url(../images/sub/blt_edugoal_lst01.png) no-repeat 0 5px}
.ee_boxwrap li:first-child span {color:#ff952d; font-weight:700}
.ee_boxwrap li:nth-child(2){background:url(../images/sub/blt_edugoal_lst02.png) no-repeat 0 5px}
.ee_boxwrap li:nth-child(2) span {color:#72c218; font-weight:700}
.ee_boxwrap li:nth-child(3){background:url(../images/sub/blt_edugoal_lst03.png) no-repeat 0 5px}
.ee_boxwrap li:nth-child(3) span {color:#47a1f5; font-weight:700}
.ee_boxwrap li:nth-child(4){background:url(../images/sub/blt_edugoal_lst04.png) no-repeat 0 5px}
.ee_boxwrap li:nth-child(4) span {color:#ab60f7; font-weight:700}


/* 학사일정 */
.da_schedule .cont_titbox .con_tit {border-top-color:#50dacb}
.da_schedule .cont_titbox .con_subtit span {background:#50dacb}
.sche_lst{display: flex; margin-bottom:30px; justify-content:space-between; position: relative}
.sche_lst:last-child{margin-bottom: 0}
.sche_lst > li{border-radius: 30px; position:relative; width: calc(100% / 3); margin-right: 18px}
.sche_lst > li:last-child{margin-right: 0}
.sche_list {height:calc(100% - 32px)}
.sche_lst > li .month_tit {position:relative; display: flex; align-items:flex-end; text-align: left; margin:0 10px 0 5px}
.sche_lst > li .month_tit .kor {position:absolute; bottom:0; left:0; display:inline-block; width:80px; height:38px; line-height:36px; color:#fff; font-size:1.143em; text-align: center; border-radius:10px 30px 0 0}
.sche_lst > li .month_tit .kor span {font-size:1.25em; font-weight:700}
.sche_lst > li .month_tit .eng {width:100%; border-radius:10px 10px 0 0; text-align: right; padding:6px 10px 6px 100px; box-sizing: border-box; text-shadow:0 1px 3px rgba(0,0,0,0.1); font-weight:500; color:#fff; font-size:1.214em}
.sche_list .date_list > li.long_date span {min-width:86px; letter-spacing:-0.6px}
.sche_list .date_list > li.long_date {padding-left:96px}
.sche_list {background:#fff; border:2px solid #d1d1d1; box-sizing: border-box; border-radius:5px; padding:10px}
.sche_list .date_list > li {margin-bottom:4px; word-break: keep-all; position:relative; padding-left:80px; padding-top:1px; line-height: 140%; color:#222222; font-family:NSK; font-weight:300}
.sche_list .date_list > li:last-child {margin-bottom: 0}
.sche_list .date_list > li span {color:#383838;font-size:12px; display: inline-block; min-width:70px; min-height: 19px; position:absolute; top:0; left:0; line-height: 19px; font-weight: 600; border-radius: 5px; background:#dedede; text-align: center}
.sche_list .date_list > li span.holi{background-color:#ff6f5f; color:#fff}
.sche_lst .sch_year {position:absolute; top:6px; left:90px}

/*학사일정 색상*/
.sche_lst:nth-of-type(1) .sche_list {border-color:#a5d66e}
.sche_lst:nth-of-type(1) li .month_tit .kor {background:#a5d66e}
.sche_lst:nth-of-type(1) li .month_tit .eng {background:#e8f7d7}
.sche_lst:nth-of-type(2) .sche_list {border-color:#89ccff}
.sche_lst:nth-of-type(2) li .month_tit .kor {background:#89ccff}
.sche_lst:nth-of-type(2) li .month_tit .eng {background:#e7f5ff}
.sche_lst:nth-of-type(3) .sche_list {border-color:#ffcb4d}
.sche_lst:nth-of-type(3) li .month_tit .kor {background:#ffcb4d}
.sche_lst:nth-of-type(3) li .month_tit .eng {background:#fff5db}
.sche_lst:nth-of-type(4) .sche_list {border-color:#b4b0fe}
.sche_lst:nth-of-type(4) li .month_tit .kor {background:#b4b0fe}
.sche_lst:nth-of-type(4) li .month_tit .eng {background:#f0efff}

/* 일일 시정 운영 */
.da_daily .cont_titbox .con_subtit span {background:#0ba95f}
.da_daily .cont_titbox .con_tit {border-top-color:#0ba95f}

/* 특색교육 */
.da_speedu .cont_titbox2 {border-color:#aedeff}
.da_speedu .cont_titbox2 .cont_eng {background:#aedeff}
.da_speedu .cont_titbox2:after {bottom:-2px; right:40px; width:159px; height:112px; background: url(../images/sub/bg_speedu_img.png) no-repeat 100% 100%}
.da_speedu .cont_titbox2 .cont_tit {padding:20px 210px 20px 18px}
.speedu_txt {padding:5px 0 15px; font-family:NSK}
.speedu_txt li {line-height:160%; padding-left:16px; margin-top:5px; text-indent:-16px; word-break:keep-all}
.speedu_txt li:first-child {margin-top:0}
.speedu_tit {display:block; position:relative; width:460px; padding:15px 30px; border:2px dashed #e2e2e2; margin:0 auto; text-align: center; border-radius:60px 60px; box-sizing: border-box}
.speedu_tit:before {content:""; display:block; position: absolute; top:-10px; left:40px; width:25px; height:15px; background:url(../images/sub/img_quotes01.png) no-repeat 0 0 }
.speedu_tit:after {content:""; display:block; position: absolute; bottom:-10px; right:40px; width:25px; height:15px; background:url(../images/sub/img_quotes02.png) no-repeat 100% 0 }
.speedu_wrap {margin-top:20px}
.speedu_lst {position:relative; display:flex; justify-content: space-between; padding:66px 0 0}
.speedu_lst:after {content:""; display:block; position:absolute; top:-14px; left:50%; width:166px; height:74px; margin-left:-83px; background:url(../images/sub/bg_speedu_arr.png) no-repeat 50% 0}
.spelst_box {width:calc(100% / 3 - 15px)}
.spelst_box .sl_boxtit {padding:17px 15px; border-radius:10px; text-align: center; font-size:1.071em; background:#eee; color:#fff}
.spelst_box .sl_boxtit span {background:#fff; border-radius:50px; padding:0 14px; color:#000}

.sl_box {position:relative; border-bottom:3px solid #eee; height:calc(100% - 64px); font-family:NSK}
.sl_box:after {content:""; display:block; position:absolute; top:-24px; left:10px; width:11px; height:40px; background:url(../images/sub/bg_speedu_link.png) no-repeat 0 0}
.sl_box:before {content:""; display:block; position:absolute; top:-24px; right:10px; width:11px; height:40px; background:url(../images/sub/bg_speedu_link.png) no-repeat 0 0}
.sl_box ul{margin:8px 0; padding:28px 12px; border:2px solid #e4e4e4; height:calc(100% - 8px) ; border-radius:8px; box-sizing: border-box}
.sl_box ul li {margin-top:5px;padding-left:12px; background:url(../images/sub/blt_speedu_lst.gif) no-repeat 0 6px; font-weight:300; color:#000; word-break: keep-all}
.sl_box ul li:first-child {margin-top:0}
.sl_box01 .sl_boxtit {background:#a5d66e}
.sl_box02 .sl_boxtit {background:#ff92b6}
.sl_box03 .sl_boxtit {background:#53a3fc}
.sl_box01 .sl_box {border-color:#a5d66e}
.sl_box02 .sl_box {border-color:#ff92b6}
.sl_box03 .sl_box {border-color:#53a3fc}

/* 양궁부 소개 */
.da_archery .cont_titbox2 {border-color:#b4e9f5}
.da_archery .cont_titbox2 .cont_eng {background:#b4e9f5}
.da_archery .cont_titbox2:after {bottom:0; right:40px; width:170px; height:112px; background: url(../images/sub/bg_archery_img.png) no-repeat 100% 100%}
.archery_wrap {margin:10px 0 20px; border:1px solid #ddd; border-radius: 10px; background:url(../images/sub/bg_archery.png) no-repeat 100% 100%}
.archery_wrap ul {padding:20px 16px}
.archery_wrap ul li {line-height:150%; font-weight:300; margin-top:5px; color:#000}
.archery_wrap ul li:nth-child(5) {padding-right:260px}
.archery_wrap ul li:nth-child(6) {padding-right:260px}
.archery_wrap ul li:nth-child(7) {padding-right:260px}
.archery_wrap ul li:first-child {margin-top:0}
.da_archery .bullet_txtbox ul li:nth-of-type(odd) .bullet {background:#00a9af}

/* 도서관 이용안내 */
.da_library .cont_titbox2 {border-color:#e7e7e7}
.da_library .cont_titbox2 .cont_eng {background:#e7e7e7}
.da_library .cont_titbox2:after {bottom:0; right:15px; width:166px; height:100px; background: url(../images/sub/bg_library_img.png) no-repeat 100% 100%}
.library_wrap {margin:15px 0 20px; border:1px solid #ddd; border-radius: 10px; background:url(../images/sub/bg_library.png) no-repeat 100% 100%}
.library_wrap ul {padding:18px 16px}
.library_wrap ul li {line-height:150%; font-weight:300; margin-top:5px; color:#000; padding-left:12px; background:url(../images/sub/blt_contxt2.gif) no-repeat 0 8px}
.library_info {display:flex; justify-content:space-between; margin:30px 0}
.library_info dl {width:calc(100% / 3 - 15px)}
.library_info dl dt {padding:12px 10px; border-radius:30px 30px 5px 5px; text-align: center; background:#a9a9a9; color:#fff; font-size:1.143em}
.library_info dl dd {position:relative; border:1px solid #ddd; border-radius: 5px; margin-top:3px; padding:35px 0 20px; text-align: center; height:calc(100% - 104px)}
.library_info dl dd:after {content:""; display: block; position:absolute; top:-10px; left:50%; width:58px; height:32px; margin-left:-29px}
.library_info dl dd ul li {margin-top:4px}
.library_info dl dd ul li:first-child {margin:0}
.lib_info01 dd .bg_col {padding:0 8px; background:#eee; border-radius:5px}
.library_info dl.lib_info01 dt {background:#ff777b}
.lib_info03 dd ul {padding:10px 0}
.lib_info01 dd:after {background:url(../images/sub/blt_library_ico01.png) no-repeat 50% 0}
.lib_info02 dd:after {background:url(../images/sub/blt_library_ico02.png) no-repeat 50% 0}
.lib_info03 dd:after {background:url(../images/sub/blt_library_ico03.png) no-repeat 50% 0}

/* 전교학생회 소개 */
.da_council .cont_titbox .con_tit {border-top-color:#60b3f3}
.da_council .cont_titbox .con_subtit span {min-width:185px; height:28px; line-height:28px; background:#60b3f3}
.council_wrap {position:relative; padding:10px 45px 80px}
.council_wrap:before {content:""; display:block; position: absolute; bottom:0; left:0; width:100%; height:26px; background:#efefef; border-radius:50px 50px}
.council_wrap:after {content:""; display: block; position:absolute; bottom:0; left:50%; width:238px; height:176px; margin-left:-119px; background:url(../images/sub/bg_council_img.png) no-repeat 50% 100%}
.council {width:232px; margin:0 auto; padding:10px 6px 6px; border:1px solid #ddd; border-radius:50px 50px 10px 10px; box-sizing: border-box; background:#fff}
.council dl {display:flex; justify-content: space-between; padding:10px; margin-top:14px; border-radius:50px 50px; font-size:1.071em }
.council dl dt {width:74px; height:24px; line-height:24px; text-align: center; border-radius:50px 50px; color:#fff}
.council dl dd {padding:0 5px}
.council_txt {text-align: center}
.council_txt span {display:block; width:88px; height:23px; margin:0 auto 5px; background:#797979; border-radius:50px 50px}
.council01 dl {background:#dff0fd}
.council01 dt {background:#60b3f3}
.council02 {position:relative; margin:56px 0 0 0}
.council02:before {content:""; display:block; position:absolute; top:-56px; left:50%; width:1px; height:56px; background:#ddd}
.council02 dl {background:#fff5db}
.council02 dt {background:#ffcb4d}
.council03 {position:relative; margin:56px 0 0 0}
.council03:before {content:""; display:block; position:absolute; top:-56px; left:50%; width:1px; height:56px; background:#ddd}
.council03 dl {background:#edf7e2}
.council03 dt {background:#a5d66e}
.council_line {position:relative; display: flex; justify-content: space-between; margin:-56px auto 0; width:820px}
.council_line:before {content:""; display:block; position:absolute; top:1px; width:calc(100% - 232px); height:1px; background:#ddd; left:116px; z-index:-1}

/* 식생활관 소개 */
.da_foodinfo .cont_titbox .con_subtit span {background:#4fc97f}
.da_foodinfo .cont_titbox .con_tit {border-top-color:#4fc97f; padding-bottom:0; border-bottom:0}
.da_foodinfo .cont_txtbox {padding:25px 250px 25px 30px}
.da_foodinfo .cont_txtbox:after {content:""; display:block; position: absolute; bottom:0; right:25px; width:222px; height:138px; background:url(../images/sub/bg_foodinfo_img.png) no-repeat 100%  100%}
.foodinfo_etc {padding:20px 30px; background:#828282; border-radius:10px; text-align: center; font-weight:300; color:#fff; word-break: keep-all}
.foodinfo_etc span {font-size:1.143em; font-weight:700; color:#fff17d}

/* 책마중회 소개 */
.da_bookclub .cont_titbox .con_subtit span {background:#ffab34}
.da_bookclub .cont_titbox .con_tit {border-top-color:#ffab34}
.da_bookclub .cont_txtbox {padding:30px 270px 30px 30px}
.da_bookclub .cont_txtbox:after {content:""; display:block; position: absolute; bottom:0; right:25px; width:264px; height:128px; background:url(../images/sub/bg_bookclub_img.png) no-repeat 100%  100%}
.da_bookclub .bullet_txtbox ul {padding:10px 230px 20px 0; border-bottom:1px solid #e5e5e5; background:url(../images/sub/bg_bookclub.png) no-repeat 100% 100%}
.da_bookclub .bullet_txtbox ul li:nth-of-type(odd) .bullet {background:#ffab34}

/* 학부모회 소개 */
.da_parent .cont_titbox2 {border-color:#ffd3e2}
.da_parent .cont_titbox2 .cont_eng {background:#ffd3e2}
.da_parent .cont_titbox2:after {bottom:0; right:40px; width:170px; height:112px; background: url(../images/sub/bg_parent_img.png) no-repeat 100% 100%}
.parent_process {margin:10px 0 30px; display:flex; justify-content: space-between}
.par_prowrap {position:relative; width:calc(100% / 3 - 28px)}
.par_protit {padding:12px 10px; border-radius:30px 30px 5px 5px; margin-bottom:4px; text-align: center; background:#eee; color:#fff}
.par_procon {overflow:hidden; display:flex; justify-content: flex-start; align-items:flex-start; border:1px solid #ddd; border-radius:5px; height:calc(100% - 48px)}
.par_procon .par_bullet {display:block; width:34px; height:34px; line-height:34px; border-radius:0 0 10px 0; background:#eee; font-size:1.143em; color:#fff; text-align: center}
.par_procon .par_protxt {width:calc(100% - 50px); line-height:150%; padding:20px 10px 20px 13px; font-family:NSK; word-break: keep-all; font-size:1.071em}
.par_prowrap:after {content:""; display:block; position:absolute; bottom:50%; right:-29px; width:29px; height:41px; margin-bottom:-45px; background:url(../images/sub/bg_process_arr.png) no-repeat 100% 100%}
.par_prowrap.par_pro03:after {display:none}

.da_parent .bullet_txtbox ul li {margin-top:10px}
.da_parent .bullet_txtbox ul li:nth-of-type(odd) .bullet {background:#ff92b6}

.par_pro01 .par_protit {background:#60b3f3}
.par_pro01 .par_procon {border-color:#60b3f3}
.par_pro01 .par_procon .par_bullet {background:#60b3f3}
.par_pro02 .par_protit {background:#58b1b5}
.par_pro02 .par_procon {border-color:#58b1b5}
.par_pro02 .par_procon .par_bullet {background:#58b1b5}
.par_pro03 .par_protit {background:#566382}
.par_pro03 .par_procon {border-color:#566382}
.par_pro03 .par_procon .par_bullet {background:#566382}

/* 교직원회 소개 */
.da_teacher .cont_titbox .con_subtit span {background:#60b3f3}
.da_teacher .cont_titbox .con_tit {border-top-color:#60b3f3}
.da_teacher .cont_txtbox {padding:25px 280px 25px 20px}
.da_teacher .cont_txtbox ul li {padding-left:12px; background:url(../images/sub/blt_contxt.png) no-repeat 0 8px}
.da_teacher .cont_txtbox:after {content:""; display:block; position: absolute; bottom:-4px; right:15px; width:232px; height:144px; background:url(../images/sub/bg_teacher_img.png) no-repeat 100%  100%}
.da_teacher .sub_tit5 {padding:1px 0 8px 30px; border-bottom:1px solid #e8e8e8}
.da_teacher .con_txtwrap {line-height:160%; padding:0 15px; margin-bottom:30px; font-weight:300}
.da_teacher .con_txtwrap ul li {padding:0 0 0 13px; background:url(../images/sub/blt_contxt2.gif) no-repeat 0 8px}
.da_teacher table .tb_bg01 {background:#fff4f8}
.da_teacher table .tb_bg02 {background:#fffaed}
.da_teacher table .tb_bg03 {background:#f6fbf0}
.da_teacher table .tb_lst > li {padding-left:10px; background:url(../images/sub/blt_contxt.png) no-repeat 0 6px}
.da_teacher table .tb_lst2 {margin:5px 0; padding:5px 10px; background:#f4f4f4; font-weight:300}
.da_teacher table .tb_lst2 > li {padding-left:10px; background:url(../images/sub/blt_contxt2.gif) no-repeat 0 8px}

/* 교직원회조직도 */
.teacher_map {margin-bottom:40px}
.tc_map {position:relative; padding-top:24px; text-align: center}
.teacher_map dl {position:relative; width:250px; margin:0 auto; border:1px solid #ccc; border-radius:15px 15px 2px 2px; background:#fff}
.teacher_map dl dt {padding:5px 0; background:#ccc; text-align: center; color:#fff; font-weight:500; border-radius:12px 12px 0 0}
.teacher_map dl dd {padding:10px 5px; border-radius:0 0 2px 2px}
.teacher_map > div.tc_map01 {padding-top:0; padding-bottom:25px}
.tc_map01 dl {border-color:#1e6ed8}
.tc_map01 dl dt {background:#1e6ed8}
.tc_map01:before {content:""; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#ddd}
.tc_map02 {display:flex; justify-content: center; padding:0}
.tc_map02:after {content:""; display:block; position:absolute; top:0; width:50%; height:1px; background:#ddd; left:50%; margin-left:-25%; padding-right:1px}
.tc_map02:before {content:""; display:block; position:absolute; bottom:0; width:50%; height:1px; background:#ddd; left:50%; margin-left:-25%; padding-right:1px}
.tc_map02 dl {margin:25px auto; border-color:#6aa8f9}
.tc_map02 dl:before {content:""; display:block; position:absolute; top:-25px; left:50%; width:1px; height:100%; background:#ddd; z-index:-1}
.tc_map02 dl:after {content:""; display:block; position:absolute; bottom:-25px; left:50%; width:1px; height:100%; background:#ddd; z-index:-1}
.tc_map02 dl dt {background:#6aa8f9}
.tc_map03 dl:before {content:""; display:block; position:absolute; top:-25px; left:50%; width:1px; height:100%; background:#ddd; z-index:-1}
.tc_map03 dl:after {content:""; display:block; position:absolute; bottom:-25px; left:50%; width:1px; height:100%; background:#ddd; z-index:-1}
.tc_map03 dl {border-color:#4fc5bb}
.tc_map03 dl dt {background:#4fc5bb}
.tc_map04 {padding-bottom:24px}
.tc_map04:after {content:""; display:block; position:absolute; bottom:-50%; left:50%; width:1px; height:100%; background:#ddd; z-index:-1}
.tc_map04 p {padding:8px; background:#4c545f; color:#fff; border-radius:5px}
.tc_map05 {padding-bottom:24px}
.tc_map05:before {content:""; display:block; position:absolute; top:1px; width:90%; height:1px; background:#ddd; left:5%}
.tc_map05:after {content:""; display:block; position:absolute; bottom:1px; width:90%; height:1px; background:#ddd; left:5%}
.tc_map05 ul {display: flex; justify-content: space-between; gap:5px}
.tc_map05 ul li {position:relative; width:calc(100% / 9 - 10px); padding:20px 5px; border:2px solid #b2de74; border-radius:5px; box-sizing: border-box; background:#fff}
.tc_map05 ul li:before {content:""; display:block; position:absolute; top:-25px; left:50%; width:1px; height:100%; background:#ddd; z-index:-1}
.tc_map05 ul li:after {content:""; display:block; position:absolute; bottom:-25px; left:50%; width:1px; height:100%; background:#ddd; z-index:-1}
.tc_map05 ul li:nth-child(5):after {display: none}
.tc_map05 ul li:nth-child(5):before {display: none}
.tc_map05 ul li.lcol01 {border-color:#f8d55d}
.tc_map05 ul li.lcol02 {border-color:#fb97ae}
.tc_map05 ul li.lcol03 {border-color:#ceadfb}
.tc_map06:after {content:""; display:block; position:absolute; top:-50%; left:50%; width:1px; height:100%; background:#ddd; z-index:-1}
.tc_map06 p {padding:8px; background:#989fa9; color:#fff; border-radius:5px}

/* 규정 규칙 학칙 등 */
/*규정_개정이력(기본-운영위원회 규칙)*/
.da_rule .ruledate_box {overflow:hidden; position: relative; min-height: 80px; margin:0 0 20px; border-bottom:1px solid #60b3f3}
.da_rule .ruledate_tit {position: relative; background:#60b3f3; text-align: center; border-radius:30px 30px 0 0}
.da_rule .ruledate_tit span{position:relative; display:inline-block; padding:10px 15px; font-weight:500; color:#fff; font-size:1.071em}
.da_rule .ruledate_box ul {padding:16px 12px}
.da_rule .ruledate_box li {float:left; width:20%; margin:1px 0; text-align:left; text-indent:0; letter-spacing:-0.3px; font-size:13px; font-weight:400}
.da_rule .ruledate_box li span {padding-left:12px; background:url(../images/sub/blt_ruletop_dott.png) left 50% no-repeat}
.rulebody_box h4.first_tit {margin-top:0}

/*규정_타이틀 보라(기본-교직원회 )*/
.rulebody_box {color:#1a1a1a; font-weight:300}
.rulebody_box h4 {position: relative; line-height:160%; margin:10px 0; font-weight:600; color:#000; font-size:1.143em}
.rulebody_box h4 .rtit {display:flex; justify-content: flex-start}
.rulebody_box h4 span.tit_bg {display:block; width:100px; border-radius:5px; box-sizing: border-box; background:#177fd0 url(../images/sub/blt_ruletit.png) no-repeat 12px 8px; color:#fff; padding:7px 0 7px 42px; margin-right:10px}
.rulebody_box h4 span.tit_txt {display:block; min-height:40px; width:calc(100% - 110px); border-radius:5px; border:1px solid #cacaca; padding:6px 15px; font-size:1.063em; box-sizing: border-box}
.rulebody_box h5 {line-height:160%; margin:5px 0; padding:6px 5px 8px 32px; background:url(../images/sub/blt_rule_subtit.png) left 5px no-repeat; font-weight:600; font-size:1.071em; color:#2d2d2d; border-bottom:1px solid #cacaca}

/* 규정 텍스트스타일*/
.rulebody_box p {line-height:140%; margin:13px 5px 20px}
.rulebody_box ul {line-height:150%; margin:13px 10px}
.rulebody_box ul li {padding:0 0 5px 10px; text-indent:-17px; word-break: keep-all; color:#000}
.rulebody_box ul.rule_list01, .rulebody_box ul.rule_list02 {line-height:160%; padding:14px; margin:5px 0 10px 0; border-radius:5px}
.rulebody_box ul.rule_list01{margin: 5px 0 10px 20px}
.rulebody_box ul.rule_list02 li, .rulebody_box ul.rule_list03 li {padding:0; text-indent:0; color:#4d4d4d}
.rulebody_box ul.rule_list01, .rulebody_box ul.rule_list02 {background: #f4f4f4}
.rulebody_box ul.rule_list03 {margin:10px 0; padding:5px 10px; background: #fff; border-radius:5px}
.rulebody_box .da_table {margin:5px 0}
.rulebody_box .da_table tbody td ul {margin:0}
.rulebody_box .da_table tbody td ul.tb_lst li {text-indent:0}

/* 운영위원회 규정 */
.da_rule02 .ruledate_tit {background:#bb84f8}
.da_rule02 .ruledate_box {border-color:#bb84f8}
.da_rule02 .rulebody_box h4 span.tit_bg {background-color:#8849ce}

/* 운영위 소개 */
.da_committee .cont_titbox .con_subtit span {background:#cda0ff}
.da_committee .cont_titbox .con_tit {border-top-color:#cda0ff}
.da_committee .cont_txtbox {padding-right:280px}
.da_committee .cont_txtbox:after {content:""; display:block; position: absolute; top:50%; right:22px; width:213px; height:169px; margin-top:-89px; background:url(../images/sub/bg_committee_img.png) no-repeat 0 0}
.commit_wrap li {position:relative; font-size:1.071em; margin:10px 0}
.commit_wrap li .num {display:inline-block; width:24px; height:24px; line-height:24px; background:#3b258c; border-radius:50% 50%; text-align: center; color:#fff}
.commit_lst {padding:15px 0}
.commit_box {position:relative; overflow:hidden; border:1px solid #e5e5e5; border-radius:15px; margin-bottom:15px; background:#fff}
.commit_box dt {padding:8px 20px}
.commit_box dt span {display:inline-block; padding:10px 10px 10px 40px; font-size:1.067em; font-weight:600}
.commit_box dd {padding:20px; font-weight:300; font-family:NSK}
.commit_box:nth-of-type(odd) dt {background:#f3e9ff}
.commit_box:nth-of-type(even) dt {background:#e3e3e3}

.commit_box01 dt span {background:url(../images/sub/blt_committee_ico01.png) no-repeat 0 0}
.commit_box02 dt span {background:url(../images/sub/blt_committee_ico02.png) no-repeat 0 0}
.commit_box03 dt span {background:url(../images/sub/blt_committee_ico03.png) no-repeat 0 0}
.commit_box04 dt span {background:url(../images/sub/blt_committee_ico04.png) no-repeat 0 0}
.commit_box05 dt span {background:url(../images/sub/blt_committee_ico05.png) no-repeat 0 0}
.commit_box06 dt span {background:url(../images/sub/blt_committee_ico06.png) no-repeat 0 0}

.commit_lst2 {position:relative; display:flex; justify-content: space-between; }
.commit_lst2:before {content:""; display: block; position:absolute; bottom:0; left:0; width:100%; height:26px; background:#efefef; border-radius:50px 50px}
.commit_lst2 {padding:15px 50px 10px}
.commit_lst2 .commit_box {width:calc(100% / 2 - 12px); margin-bottom:0}
.commit_lst2 dt {text-align: center; color:#fff}
.commit_lst2 .commit_box:nth-of-type(odd) dt{background:#848484}
.commit_lst2 .commit_box:nth-of-type(even) dt{background:#a7a7a7}

/* 운영위 명단 */
.da_committee2 .cont_titbox .con_tit {padding-bottom:0; border-bottom:0}
.da_committee2 .cont_titbox .con_subtit span {min-width:145px; height:28px; line-height:28px}

/* 돌봄교실 소개 */
.da_dolbom .cont_titbox .con_subtit span {background:#fe8144}
.da_dolbom .cont_titbox .con_tit {border-top-color:#fe8144}
.da_dolbom .cont_txtbox {padding:30px 270px 30px 30px}
.da_dolbom .cont_txtbox:after {content:""; display:block; position: absolute; bottom:0; right:25px; width:266px; height:112px; background:url(../images/sub/bg_dolbom_img.png) no-repeat 100%  100%}
.dolbom_wrap {margin:0 0 30px}
.dolbom_lst {display:flex; justify-content: flex-start; margin-top:12px}
.dolbom_lst .dolbom_tit {width:160px; height:38px; line-height:38px; border-radius:50px 50px; text-align: center; background:#efefef; font-weight:600; color:#000; margin-right:20px}
.dolbom_lst:first-child .dolbom_tit {background:#6d6d6d; color:#fff}
.dolbom_lst .dolbom_txt {width:calc(100% - 200px); padding:9px 0}

/* 주중방과후학교 소개 */
.da_afterschool .cont_titbox .con_subtit span {background:#f46a67}
.da_afterschool .cont_titbox .con_tit {border-top-color:#f46a67}
.da_afterschool .cont_txtbox {overflow:hidden; padding:28px 270px 28px 20px}
.da_afterschool .cont_txtbox:after {content:""; display:block; position: absolute; top:0; right:0; width:250px; height:172px; background:url(../images/sub/bg_after_img.png) no-repeat 100% 0}
.da_afterschool .bullet_txtbox ul li:nth-of-type(odd) .bullet {background:#f46a67}
.after_wrap {margin:10px 0 20px; border:1px solid #ddd; border-radius: 10px}
.after_wrap ul {padding:20px 16px}
.after_wrap ul li {line-height:150%; font-weight:300; margin-top:5px; color:#000}
.after_wrap ul li:first-child {margin-top:0}
.after_btn li {margin:4px 0}
.after_btn li a {display:block; width:90px; padding:5px 8px; margin:0 auto; text-align: left; background:#9f9f9f url(../images/sub/bg_after_arr.png) no-repeat right 10px top 50%; border-radius:5px; color:#fff; font-weight:400; box-sizing: border-box; transition:.3s}
.after_btn li:last-child a {background-color:#646464}
.after_btn li:hover a {background-color:#454545; transition:.3s}

.after_partwrap .after_part {color:#000; font-weight:500}
.after_ico {display:block; width:66px; height:66px; line-height:66px; margin:0 auto 5px; border-radius:50%; border:2px solid #e1e1e1}
.after_etclst li {word-break: keep-all; font-weight:300; color:#000}

/* 유치원 소개 */
.da_kinder h4.sub_tit4 {background:url(../images/sub/kinder_tith4.gif) no-repeat left 3px}
.da_kinder .cont_titbox {margin-bottom:0}
.da_kinder .cont_titbox .con_tit {border-top-color:#ff92b6; border-bottom:0}
.da_kinder .cont_titbox .con_subtit span {min-width:228px; height:26px; line-height:26px; background:#ff92b6; border-radius:15px 15px 0 0}
.da_kinder .kinder_after .cont_titbox .con_tit {border-top-color:#ffcb4d}
.da_kinder .kinder_after .cont_titbox .con_subtit span {min-width:228px; height:26px; line-height:26px; background:#ffcb4d; border-radius:15px 15px 0 0}

.da_kinder .kinder_info .cont_titbox {position:relative; padding-bottom:78px; background:url(../images/sub/bg_kinderinfo_img.png) no-repeat 50% 100%}
.da_kinder .kinder_info .cont_titbox:before {content:""; display:block; position:absolute; bottom:0; left:50%; width:632px; height:28px; background:#f4f4f4; border-radius:26px 26px 0 0; margin-left:-316px; z-index:-1}
.kinder_infowrap {position:relative; padding:15px 20px 20px; margin-bottom:25px; border-radius:10px 10px 50px 50px; border:1px solid #e5e5e5}
.kid_toptit {position:relative; text-align: center; margin-top:22px}
.kid_toptit span {display:inline-block; width:118px; height:38px; line-height:38px;  margin:0 auto; background:#7a7a7a; border-radius:5px 5px 25px 25px; text-align: center; font-size:1.143em; color:#fff}
.kid_contxt {margin-top:-25px;  border-top:1px solid #e5e5e5; padding-top:36px; text-align: center}

.kinder_moral .kid_toptit {margin-top:0}
.kinder_moral .kid_toptit span {background:#cf87f8}

.kinder_egoal .kid_toptit span {background:#a9a9a9}
.kideg_boxwrap {margin-top:-25px;  border-top:1px solid #e5e5e5; padding-top:45px; text-align: center}
.kideg_boxwrap ul {display:flex; justify-content: space-between; border-radius:15px; border:2px solid #f4f4f4}
.kideg_boxwrap ul li {position:relative; width:calc(100% / 5); border-right:1px dashed #e0e0e0; text-align: center; padding:10px; box-sizing: border-box; font-weight:400; color:#5a5a5a}
.kideg_boxwrap ul li:after {content:""; display:block; position:absolute; top:-7px; left:50%; width:91px; height:65px; margin-left:-45px}

.kideg_boxwrap ul li:nth-child(1) span {color:#ff669a}
.kideg_boxwrap ul li:nth-child(1):after {background:url(../images/sub/bg_kinderedu_ico01.png)}
.kideg_boxwrap ul li:nth-child(2) span {color:#fead23}
.kideg_boxwrap ul li:nth-child(2):after {background:url(../images/sub/bg_kinderedu_ico02.png)}
.kideg_boxwrap ul li:nth-child(3) span {color:#6fb919}
.kideg_boxwrap ul li:nth-child(3):after {background:url(../images/sub/bg_kinderedu_ico03.png)}
.kideg_boxwrap ul li:nth-child(4) span {color:#3fa9ee}
.kideg_boxwrap ul li:nth-child(4):after {background:url(../images/sub/bg_kinderedu_ico04.png)}
.kideg_boxwrap ul li:nth-child(5) span {color:#bc5df2}
.kideg_boxwrap ul li:nth-child(5):after {background:url(../images/sub/bg_kinderedu_ico05.png)}
.kideg_boxwrap ul li:last-child {border:0}
.kideg_boxwrap ul li p {padding:60px 0 5px; text-align: center}

.kinder_aftwrap {padding:15px 20px 25px; margin-bottom:25px; border-radius:10px 10px 50px 50px; border:1px solid #ddd; word-break:keep-all}
.kid_afttxt {padding:10px 0 0; text-align: center; font-size:1.071em; font-weight:400; line-height:160%; color:#5a5a5a}
.kid_afttxt .col_y {color:#feb401}
.kid_afttxt .col_b {color:#2aa4f2}
.kid_afttxt .col_p {color:#ff86a5}
.kid_after .kid_toptit span {background:#00aa7b}
.kinder_after .kid_contxt {margin-top:-30px; padding-top:45px; text-align: center; font-size:1.143em; font-weight:600}
.kinder_after .kid_contxt .bg_col {display:inline-block; margin:5px 0; padding:2px 5px; background:#f4f4f4; border-radius:5px; font-size:0.875em; font-weight:300; color:#000}
.kinder_aftpro {display:flex; justify-content: space-between}
.kinder_aftpro .kid_pro {width:calc(100% / 2 - 15px)}
.kinder_aftpro .kid_pro .kid_contxt {padding:55px 20px 20px; border:1px solid #e5e5e5; border-radius:5px 5px 35px 35px; height:calc(100% - 30px); background:#fff; box-sizing: border-box; word-break: keep-all}
.kid_pro01 .kid_toptit span {background:#a9a9a9; padding:0 35px}
.kid_pro02 .kid_toptit span {padding:0 10px}
.kinder_aftpro .kid_pro02 .kid_contxt {padding-top:65px; font-size:1.071em}

/* 유치원 둘러보기 */
.da_kinderview .cont_titbox .con_tit {border-top-color:#ff92b6}
.da_kinderview .cont_titbox .con_subtit span {min-width:228px; height:28px; line-height:28px; background:#ff92b6}
.da_kinderview .tit_cont_box {position:relative; background:#efefef; border-radius:5px 5px 30px 30px; padding:68px 10px 20px; margin-top:-53px}
.da_kinderview .da_tit {text-align: center; font-size:1.231em; font-weight:700}
.da_kinderview .kinderview_wrap{max-width: 100%; overflow: hidden; margin: 25px 0}
.kinderview_wrap .view_big {position: relative; width:90%; max-width:770px; margin:0 auto; border:3px solid #efefef; border-radius:30px; overflow: hidden; box-sizing: border-box}
.kinderview_wrap .view_big::before{content: ''; display: block; padding-bottom: 53.5%}
.kinderview_wrap .view_big > img {position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: 100%; transition: .2s; z-index:1}
.kinderview_wrap .view_list {margin-top:20px; display: flex; justify-content: space-between; flex-wrap:wrap}
.kinderview_wrap .view_list > li {width: calc(25% - 10px)}
.kinderview_wrap .view_list .img_box{position: relative; border-radius:15px; overflow: hidden; border:1px solid #e2e2e2}
.view_list .img_box > a {display: block; padding-bottom: 57.5%}
.view_list .img_box > a::before{content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/sub/bg_kinder_view.png) no-repeat center rgba(0, 0, 0, .6); left: 0; z-index: 1; top: -100%; transition: .2s}
.kinderview_wrap .view_list > li.on .img_box > a::before{top: 0}
.view_list .img_box > a > img{position: absolute; width: 100%}
.view_list > li > p > a {text-align: center; line-height:30px; padding-bottom: 3px; margin-bottom:15px; position: relative; display: block; transition: .2s; font-weight: 600; font-size:1.071em}
.view_list > li > p > a::after{content: ''; position: absolute; width: 100%; height:1px; bottom: 0; left: 0; background: #e2e2e2; transition: .2s}
.view_list > li.on > p > a{color: #f4417c}
.view_list > li.on > p > a::after{background: #f4417c}
.kinderview_wrap .view_list > li.on .img_box {border-color:#f4417c}




/* ============MOBILE LAYOUT============ */
@media only screen and (max-width:1024px) {
.basics_font {font-size: 1em/*기준폰트 13px*/}

/* Visual*/
.subvisual .visual_wrap {position: relative;  margin: 0 auto}
.subvisual .visual_wrap .slick-dots {top:126px; margin:0 -98px 0 0}
.subvisual .visual_wrap .btn_visual {top:122px; margin:0 -115px 0 0}

#quickmenu {display:block; position:absolute; top:530px; left:inherit; margin:0; right:10px; z-index:1}
#quickmenu .btn_top {display:block}
#quickmenu .btn_top a {width:35px; height:44px; background-color:rgba(150,150,155,0.7)}

/* Layout */
#subright{position: relative}
#subright.nomargin {margin-top:0 !important}
#subtop {height:96px}
#subtop h3 {position: relative; height:52px; background-color: #f4f4f4; font-size:17px; color:#000; font-weight: 600; overflow:hidden}
#subtop h3 span {padding:17px 10px}
#subpage {margin:20px 10px 30px}
    
.line_color01 #subtop h3 {background:#ddf1ff}
.line_color02 #subtop h3 {background:#ebfcc7}
.line_color03 #subtop h3 {background:#ffeef4}
.line_color04 #subtop h3 {background:#f3f3ff}

/* MB guide */
#sub_guide {position: absolute; top:52px; left:0; width:100%; font-size: 13px; z-index:15}
.guide_wrap {margin:0 10px; padding:3px 0 3px 45px; border:2px solid #eee; border-top:0; border-radius:0 0 15px 15px}
#sub_guide .navi_area > ul > li.nav_home {display:none}
#sub_guide .navi_area .btn_home {display: block}
#sub_guide .navi_area .btn_home a {display: block; width:36px; height: 31px; position:absolute; top:4px; left:5px; text-indent:-99999px; background:url(../images/sub/btn_mb_home.png) no-repeat 50% 50%; border:none; border-radius:10px}
#sub_guide .navi_area .btn_home span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
#sub_guide .navi_area .btn_home img {display: none}
#sub_guide .navi_area > ul > li{position: relative; float: left; width: 33.3%;  background:url(../images/sub/btn_mb_arr.gif) no-repeat right 8px center}
#sub_guide .navi_area > ul > li > a {display: block; height:32px; line-height:32px; padding:0 20px 0 8px; font-weight: 500; font-size:1.077em; border-right: 1px solid #e5e5e5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#sub_guide .navi_area > ul > li:last-child a{border-right: none}
#sub_guide .submn {overflow: hidden; position: absolute; left: 0; top: 100%; width: 100%;  margin: 0 auto; background: #fff; border:2px solid #dfdfdf; border-radius: 5px; z-index:99; box-sizing: border-box}
#sub_guide .submn ul {padding: 0 4px}
#sub_guide .submn li {padding:6px 5px; border-bottom: 1px solid #ccc; z-index: 150}
#sub_guide .submn li:last-child{border:none}
#sub_guide .submn li a {display:block; line-height: 130%; color: #404040; font-weight: 500; word-break:keep-all}
#sub_guide .submn li a:hover{color:#ff8328; font-weight: 600}
    
.line_color01 .guide_wrap {border-color:#a6d9f9}
.line_color01 #sub_guide .navi_area .btn_home a {background-color:#87c5eb}
.line_color02 .guide_wrap {border-color:#c1eb91}
.line_color02 #sub_guide .navi_area .btn_home a {background-color:#a5d66e}
.line_color03 .guide_wrap {border-color:#ffb7cf}
.line_color03 #sub_guide .navi_area .btn_home a {background-color:#ff92b6}
.line_color04 .guide_wrap {border-color:#d2d1ff}
.line_color04 #sub_guide .navi_area .btn_home a {background-color:#b0aefc}

/* Tab01 */
.tabnavi01{margin:10px}
.tabnavi01 ul {display:block}
.tabnavi01 ul li {display:inline-block; margin:3px 2px}
.tabnavi01 ul li a {padding:5px 44px 5px 12px; font-size:13px; background-size:24px auto !important}
.tabnavi01 ul li a:after {width:22px; height:22px; margin-top:-11px}

/* Tab02, boardTab */
.tabnavi02, .boardTab {margin:10px 0}
.tabnavi02 ul, .boardTab ul {padding:8px 10px}
.tabnavi02 ul li, .boardTab ul li {width: 33.3%; padding:5px 0}
.tabnavi02 ul li a, .boardTab ul li a{padding-left: 15px; font-size:13px}
    
/******************************서브컨텐츠 영역**************************************/
/****페이지 준비중****/
.sub_loding{background: url(../images/sub/page_loding_m.gif) no-repeat center center}

/* 테이블 */
.da_table {margin:5px 0 15px}

/* -------------------공통스타일 시작 -------------------*/
.common_wrap .comtop ul{padding: 10px}
/* 개인정보처리방침(NEW_라벨링ver) */
.psinfo_con {margin-top:20px}
.psinfo_topbox .psinfo_top .psinfo_txt {font-size:1em}
h4.psinfo_tit4 {margin:10px 0; padding:8px 0 8px 28px; font-size:1.231em}
.psinfo_con .pscon_box {font-size:1em}
.psinfo_topbox .psinfo_top .psinfo_tit {font-size:1.231em}
/* 표 */
.psinfo_tb thead th {font-size:13px}
.psinfo_tb tbody th {font-size:13px}
.psinfo_tb tbody td {font-size:13px}
/* 라벨링 */
.psinfo_label ul li {width:calc(100% / 3)}
.psinfo_label ul li:nth-child(4) {border-top:1px solid #d1d1d1; border-left:0}
.psinfo_label ul li:nth-child(5) {border-top:1px solid #d1d1d1}
.psinfo_label ul li:nth-child(6) {border-top:1px solid #d1d1d1}
.psinfo_label ul li .psi_icobox {padding:10px 0}
.psinfo_label ul li span.psi_ico {min-height:55px}
.psinfo_label ul li span.psi_ico img {max-width:50px}
.psinfo_label ul li span.psi_txt {margin-top:5px; font-size:1em}
/* 목차 */
.psinfo_index ul li {width:100%; border-left:0}
.psinfo_index ul li:first-child {border-top:0}
.psinfo_index ul li:nth-child(2) {border-top:1px solid #d1d1d1}
.psinfo_index ul li a {padding:0 10px; font-size:1em}
/* 컨텐츠 */
.psinfo_con h5 .ps_txt {font-size:1.231em}
.psinfo_con h5 {padding:10px 18px}
.psinfo_con .pscon_box {margin:15px 0}
.psinfo_con .pscon_box ul {margin:0 0 0 17px}
.psinfo_con .pscon_box ul li {text-indent:-15px}
.psinfo_con .pscon_box ul li ul.ps_lst {padding:14px}
.ps_txtbox .ps_bold {font-size:13px}
/*공통_개인정보처리방침*/
.protect .comtop ul{background:none}
/*공통_영상정보처리방침*/
.video .comtop ul{min-height:auto; background:none}
/*공통_저작권신고*/
.copyright .comtop ul{background:none}
.copyright p.copy_info{text-align: left}
.copyright p.copy_info br{display: none}
/*공통_행정서비스헌장*/
.charter .comtop{margin: 70px 0 15px}
.charter .comtop br{display: none}
/* -------------------공통스타일 끝 -------------------*/

/* -------------------컨텐츠 스타일 시작 -------------------*/
.scroll_txt{display: none}
/*MB에서 필요 없을때 선언*/
.mb_none{display: none}
/* 타이틀 */
h4.sub_tit4 {font-size:1.308em; background-position:left 1px}
h5.sub_tit5 {font-size:1.231em; background-position:3px 1px}
  
/* 페이지 상단 공통 스타일 영역 */
.cont_titbox .con_tit {padding:14px 0}
.cont_titbox .con_tit .ctit span {padding:3px 34px}
.cont_titbox .con_tit .ctit span img {height:23px}
.cont_titbox .con_tit .ctit span:before, .cont_titbox .con_tit .ctit span:after {width:19px; background-size:19px auto}
.cont_txtbox {padding:25px 20px}
.cont_txtbox br {display: none}
    
/* 교직원인사말 */
.da_greet .greet_tit {flex-wrap:wrap; margin:13px 0; gap:6px}
.da_greet .greet_tit img {height:30px}
.greet_weltit img {height:26px}
.greet_welcome {padding:0 10px 10px}
.greet_weltit {width:calc(100% - 20px); padding:12px 10px; border-radius:10px}
.greet_weltit span {padding:0 22px; text-align: center; background-position:0 5px, 100% 5px; background-size:20px auto}
.greet_con {padding:12px 0; font-size:1em}
.greet_txt {line-height:150%; padding:0 10px}
.greet_txt.gtxt02 {margin:16px 0 ; padding:20px 15px 25px; background-size: 100px auto; border-radius:15px}
.greet_txt.gtxt02 br {display:none}
.greet_txt.gtxt04 {margin-top:12px}
.greet_sign span {width:196px}
.greet_sign span:before {width:196px; height:10px; } 
.greet_sign span img {width:172px}
    
/* 학교상징 */
.da_symbol .cont_titbox .con_tit .ctit span img {height:30px}
.da_symbol .cont_titbox .con_tit:before {bottom:3px}
.song_wrap {flex-wrap:wrap; justify-content:center}
.song_wrap .song_tb {width:100%; border-radius:30px 30px 10px 10px; padding:10px}
.song_box {margin-top:0}
.song_box:before {display:none}
.song_wrap .song_tbtop {border-radius:25px 25px 10px 10px}
.symbol_map {width:720px}
    
/* 연혁 */
.da_history .cont_titbox .con_tit:before {display:none}
.da_history .cont_titbox .con_tit:after {display:none}
.da_history .his_year.on .his_txtbox {padding-top:54px}
.da_history .year_list {padding:10px 0 55px}
.da_history .year_list:after {font-size:17px; height:36px; padding:8px 25px; text-align: center}
.da_history .year_list li {flex-wrap:wrap; border:0; padding:15px 0 0; width:100%}
.da_history .year_date {width:100%; height:40px; line-height:36px; font-size:1.308em; margin:0}
.da_history .year_list li .year_txt ul li {padding:4px 10px 4px 80px}
.da_history .year_list li .year_txt ul li.longtxt {padding:30px 10px 4px 15px}
.da_history .year_list span.ydate {min-width:50px}
.year_txt {width:100%}

/* 학교현황 */
.state_top a {justify-content: center; flex-wrap: wrap}
.state_top a .state_add {padding:16px 10px 16px 90px}
.state_top a .btn_alimi {width:calc(100% - 18px); border-radius:25px 25px 0 0}
.state_top a .btn_alimi .alimi_go {right:20px}
    
/* 교직원소개 */
.teacher_wrap {flex-wrap:wrap; justify-content:left}
.teacher_wrap  li {flex-basis:20%; border-top:1px solid #e6e6e6}
.teacher_wrap  li:nth-child(1), .teacher_wrap  li:nth-child(2), .teacher_wrap  li:nth-child(3), .teacher_wrap  li:nth-child(4), .teacher_wrap  li:nth-child(5) {border-top:0}   
.teacher_wrap li:nth-child(6n) a {border-left:0}    
.tel_txt {display:none}
.da_teacher .tel_btn {display:block}
    
/* 찾아오시는 길*/
.map_lst {margin-top:-1px}
.map_add {padding:10px 10px 48px 10px; text-align: center; background-size:120px auto; background-position:50% 100%}
    
/* 교육목표 등 */
.manage_wrap .cont_titbox .con_tit img {height:36px}
.da_managegoal .arr {display:block; margin-top:-5px}
.da_managegoal .arr img {transform:scale(0.7)}
.manage_txt {width:100%; padding:15px 30px}
.manage_txt img {height:30px}
.manage_imgwrap .manage_imglst {padding:0; background:none}
.manage_imgwrap .manage_imglst dl {position:relative; width:calc(100% / 4 - 5px); margin-top:15px; background:#fff; border-radius:30px 30px 10px 10px}
.manage_imgwrap .manage_imglst dl:before {content:""; display:block; position:absolute; top:-16px; left:50%; width:1px; height:100%; background:#ddd; z-index:-1 }
.manage_imgwrap .manage_imglst dl dd .mimg_box {padding:10px 0}
.manage_plus p:after {width:60px}
.manage_plus p.mplus01 {padding-right:75px}
.manage_plus p.mplus02 {padding-left:75px}
.manage_lst dl {width:calc(100% / 4 - 5px); border-radius:10px 10px 30px 30px}
.manage_lst dl dd {padding:15px 0 70px; min-height:65px}
    
.edugoal_wrap .cont_titbox .con_tit img {height:32px}
.edugoal_wrap .cont_titbox .con_tit {padding:16px 20px}
.eg_toptit span {font-size:1.077em}
.ee_boxwrap:after {right:15px; width:200px; height:90px; background-size:200px auto}
    
    
/* 특색교육 */
.spelst_box {width:calc(100% / 3 - 8px)}
.speedu_tit {width:100%; padding:10px 20px}
.speedu_tit img {height:44px}
.speedu_tit:before {left:20px}
.speedu_tit:after {right:20px}
    
/* 양궁부 소개 */
.archery_wrap {background-size:200px auto}
.archery_wrap ul li:nth-child(5), 
.archery_wrap ul li:nth-child(6), 
.archery_wrap ul li:nth-child(7) {padding-right:165px}
    
/* 학생회 소개*/
.council_wrap {padding:10px 0 60px}
.council_wrap:after {width:180px; height:136px; margin-left:-90px; background-size:180px auto}  
.council_line {width:680px}
    
/* 도서관 이용안내 */
.library_info {margin:15px 0 25px}
.library_info dl {width:calc(100% / 3 - 10px)}
.library_wrap {background-size:220px auto}
    
/* 식생활관 소개 */
.da_foodinfo .cont_txtbox {padding-right:140px}
.da_foodinfo .cont_txtbox:after {right:10px; bottom:-2px; background-size:160px; width:160px; height:100px}
    
/* 책마중회 소개 */
.da_bookclub .cont_txtbox {padding-right:190px}
.da_bookclub .cont_txtbox:after {right:15px; top:inherit; bottom:-1px; margin-top:0; background-size:170px; width:170px; height:82px}
.da_bookclub .bullet_txtbox ul {padding:0 0 15px 0; background-size:140px auto}
.da_bookclub .bullet_txtbox ul li:nth-child(6) {padding-right:140px}
.da_bookclub .bullet_txtbox ul li:nth-child(7) {padding-right:140px}
    
/* 학부모회 소개 */
.par_prowrap {width:calc(100% / 3 - 22px)}
.par_procon .par_protxt {padding:10px}
.da_parent .cont_titbox2:after {background-size:140px auto; right:20px; width:140px; height:100px}
    
/* 교직원회 소개 */
.da_teacher .cont_txtbox {padding-right:190px}
.da_teacher .cont_txtbox:after {background-size:160px; width:160px; height:100px}
.tc_map04 {padding:15px 0}
.tc_map05 {padding:0}
.tc_map05:before, .tc_map05:after {display: none}
.tc_map05 ul {gap:2px; align-items:center; padding:8px; border:1px solid #ddd; border-radius:5px; background:#fff}
.tc_map05 ul li:before, .tc_map05 ul li:after {display: none}
.tc_map05 ul li {padding:20px 2px; word-break: keep-all; width:calc(100% / 9 - 5px)}
.tc_map06 {padding-top:15px}
    
/* 교직원회 규정 및 운영위 규칙 공통 */
.da_rule .ruledate_box li {width:33.3%}
.rulebody_box h4 {font-size:1em}
.rulebody_box h4 span.tit_bg {width:76px; padding:8px 0 8px 32px; background-position:6px 6px; margin-right:5px}
.rulebody_box h4 span.tit_txt {width:calc(100% - 80px); min-height:36px; padding:6px 10px; font-size:1.231em}
.rulebody_box h5 {padding:4px 5px 6px 30px; background-position:left 2px; font-size:1.077em}
.rulebody_box p {margin:10px 0 15px}

/* 위원회 소개 */
.da_committee .cont_txtbox {padding-right:190px}
.da_committee .cont_txtbox:after {right:15px; top:inherit; bottom:-15px; margin-top:0; background-size:160px; width:160px; height:128px}
.commit_box dt {padding:7px 10px}
.commit_box dt span {padding:7px 0 7px 38px; font-size:1.077em}
.commit_box dd {padding:15px}
.commit_lst {padding:15px 0 0}
.commit_lst2 {padding:15px 20px 10px}
    
/* 방과후학교 */
.da_afterschool .cont_txtbox {padding:25px 165px 25px 20px}
.da_afterschool .cont_txtbox:after {background-size:160px; width:160px; height:114px}

/* 돌봄교실 */
.da_dolbom .cont_txtbox {padding:25px 170px 25px 20px}
.da_dolbom .cont_txtbox:after {right:10px; margin-top:0; background-size:160px; width:160px; height:68px; bottom:-1px}
.dolbom_lst {margin-top:5px}
.dolbom_lst .dolbom_tit {width:80px; height:26px; line-height:26px; margin-right:10px}
.dolbom_lst .dolbom_txt {width:calc(100% - 100px); padding:4px 0; word-break: keep-all}

/* 교외체험학습 */
.app_trip .trip_top {padding:0 0 85px}
.app_trip .btn_box {margin:12px 20px -78px}
.app_trip .btn_box li a{width:95%; padding: 8px 5px; background-size:37px 33px; font-size: 1.071em}
.app_trip .trip_steptop {margin:20px 0; padding:78px 10px 10px}
.app_trip .trip_top::before {bottom:0; width:286px; height:82px; margin-left:-143px; background:url(../images/sub/bg_trip_mimg.gif) no-repeat  50% 0}
.app_trip .trip_top span img {height:40px}
    
    /* 유치원 소개 */
    .da_kinder .cont_titbox .con_tit .ctit span img  {height:34px}
    .da_kinder .kinder_info .cont_titbox {padding-bottom:56px; background-size:260px auto}
    .da_kinder .kinder_info .cont_titbox:before {width:86%; left:7%; height:18px; margin:0}
    .kid_contxt img {height:34px}
    .kid_toptit span {font-size:1.077em}
    .kinder_aftpro .kid_pro {width:calc(100% /2 - 10px)}
    .kinder_aftpro .kid_pro02 .kid_contxt {padding-top:55px}
}

/* PC LAYOUT */
@media only screen and (min-width:1025px) {
/* Layout */
#subcontainer{position: relative;/* z-index: 1*/}
.subconwrap{position: relative}
.subconbox {position: relative; width: 1200px; margin:0 auto; /*z-index: 1*/}
#sub_left {position: relative; display: block; float: left; margin-bottom: 50px; margin-top:-96px; color:#fff}
#subright {position: relative; float: right; width:910px; margin-top:-96px}
#subpage{margin:25px 0 70px}
    
/* quick02 */
.conv_bgwrap {display:block; width:294px}
#quick02 {display:block; min-height:289px}
#quick02 .quick_box {width:294px; height:289px; padding:12px 18px}
#quick02 .quick_btns li .qk {height:46px;line-height:44px;}
#quick02 .quick_btns li .qk01 {margin-top:85px}
#quick02 .quick_btns li.btn {margin:5px 0 0 -62px}
#quick02 .quick_btns li .qk04 {margin-top:-204px; background:#86bf53}
#quick02 .quick_btns .btn:hover .qk04, #quick02 .quick_btns .btn.on .qk04 {color:#86bf53}
#quick02 .quick_box.qb04 .quick_list .qmu_icon {background-color:#fff; border:2px solid #eee}
#quick02 .quick_box .quick_list .qmu_icon {width:64px; height:64px; margin:7px auto; background-size:36px auto}
#quick02 .quick_box .quick_list li {margin:2px auto; min-height: 110px}
#quick02 .quick_box .quick_list .qmu_tit {font-size:1em}
.qb_tit span img {transform:scale(0.9)}
/*퀵메뉴 추가 */
#quick02 .quick_box.qb04 ul li span.qico4_v1 {background-image:url(../images/main/img_vquick01.gif)}
#quick02 .quick_box.qb04 ul li span.qico4_v2 {background-image:url(../images/main/img_vquick02.gif)}
#quick02 .quick_box.qb04 ul li span.qico4_v3 {background-image:url(../images/main/img_vquick03.gif)}
#quick02 .quick_box.qb04 ul li span.qico4_v4 {background-image:url(../images/main/img_vquick04.gif)}
#quick02 .quick_box.qb04 ul li span.qico4_v5 {background-image:url(../images/main/img_vquick05.gif)}
#quick02 .quick_box.qb04 ul li span.qico4_v6 {background-image:url(../images/main/img_vquick06.gif)}

#quick02 .quick_box.qb04 ul li span {background-size:36px auto}
#quick02 .quick_box.qb04 .quick_list li:hover .qmu_icon {border-color:#a5d37b}
#quick02 .quick_box.qb04 .quick_list li:hover .qmu_tit {color:#86bf53}

/* Visual */
.subvisual .visual_wrap {position: relative; width: 100%; margin: 0 auto}
.subvisual .visual_item {width:auto; height:507px}
.subvisual .item1 {background:url(../images/sub/subv_pc_spring.jpg) no-repeat center top}
.subvisual .item2 {background:url(../images/sub/subv_pc_summer.jpg) no-repeat center top}
.subvisual .item3 {background:url(../images/sub/subv_pc_autumn.jpg) no-repeat center top}
.subvisual .item4 {background:url(../images/sub/subv_pc_winter.jpg) no-repeat center top}

.subvisual .visual_wrap .slick-dots {top:250px; margin:0 -420px 0 0}
.subvisual .visual_wrap .btn_visual {top:248px; margin:0 -438px 0 0}
    
/* Subleft */
.left_tit{position: relative; width:270px; text-align: center; box-sizing: border-box}
.left_tit h2 {padding:24px 0; font-size:22px; font-weight:600; text-shadow:3px 2px 4px rgba(0,0,0,0.1)}
.leftmn {position: relative; width:270px; padding:10px; box-sizing: border-box; border:1px solid #ddd; border-radius:30px; background:#fff}
.leftmn > ul > li {margin-top:6px}
.leftmn > ul > li:first-child {margin-top:0}
.leftmn > ul > li > a {display: block; line-height: 130%; border-radius:15px; padding:14px 34px 14px 18px; background:#efefef url(../images/sub/blt_subleft.png) no-repeat right top; font-size:1.231em; font-weight:500; color: #000; transition: all .3s; box-sizing: border-box; word-break:keep-all}
.leftmn ul > li:last-child a {margin-bottom: 0}
.leftmn ul > li > a:hover, .leftmn .leftmenuover > a {background:#ffcb4d url(../images/sub/blt_subleft_a.png) no-repeat right top; color:#fff; font-weight:500; text-decoration:none}
/*MN third*/
.leftmn .third {position: relative; margin:6px 0 0; box-sizing: border-box}
.leftmn .third li {background:url(../images/sub/bg_left_dott.gif) repeat-x 0 100%}
.leftmn .third li a{display: block; line-height: 140%; padding:8px 0 8px 15px; margin-bottom: 0;  background:url(../images/sub/blt_third_off.gif) no-repeat 5px 15px; font-weight:500; color:#878787; font-size:1.077em}
.leftmn .third li:last-child {background: none}
.leftmn .third li:hover a, .leftmn .third .on a, .leftmn .third .third_on a {background:url(../images/sub/blt_third_on.gif) no-repeat 5px 15px; color:#ff9500; font-weight:500; border-color:#e0e0e0}
/*Subtop TIT */
#subtop {height:104px}
#subtop h3 span {position:relative; padding:24px 38px; font-size:20px}
/* PC guide*/
#sub_guide {background:#f4f4f4; border-radius:25px 25px 0 0; padding:3px 10px}
#sub_guide:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
#sub_guide .navi_area {height:30px; line-height:30px}
#sub_guide .navi_area ul {text-align: right}
#sub_guide .navi_area li {display: inline-block; width:auto !important}
#sub_guide .navi_area li a { display: block;padding:0 8px 0 14px; line-height: 19px; background: url(../images/sub/navi_arr_pc.png) 0 50% no-repeat; color:#4d4d4d; font-weight:400}
#sub_guide .navi_area li:first-child a {background: none; padding-left: 0}
#sub_guide .navi_area li.m_menu {display: none}
#sub_guide .navi_area li.page_on a {color:#000; font-weight:500}
#sub_guide .navi_area > ul > li.nav_home a {width:19px; padding:0 5px 0 0; height:15px}
#sub_guide .navi_area > ul > li.nav_home a img {vertical-align:-3px}
/* subtop_btn */
.subtop_btn {display:flex; justify-content: space-between; align-items:center; margin-top:10px; background:#e9e9e9; border-radius:12px; padding:4px}
.subtop_btn dl.font {display:flex; justify-content:space-between; align-items: center; width:204px;  background:#fff; border-radius:10px; box-sizing: border-box; padding:2px 10px}
.subtop_btn dl.font > dt{color:#acacac; font-size:13px; font-weight:300}
.subtop_btn dl.font > dd {display:flex; justify-content: space-between; margin-left: 5px}
.subtop_btn dl.font > dd a {display: block; width:31px; height:31px; line-height:29px; border-radius:50%; background: #fff; text-align: center; box-sizing: border-box; transition: all .3s}
.subtop_btn dl.font > dd a img {vertical-align: middle}
.subtop_btn dl.font > dd a:hover{transition:.3s}
.subtop_btn .btn_print {width:calc(100% - 204px); text-align: center}
.subtop_btn .btn_print a {display:  block; width:29px; height:22px; line-height:22px; margin:0 auto; transition: all .3s}
.subtop_btn .btn_print a img {vertical-align: middle}
/******************************서브컨텐츠 영역**************************************/

/*PC에서 br 필요 없을때 선언*/
br.pcbr_none{display: none}
/*PC에서 필요 없을때 선언*/
.pc_none{display: none}
    
/* 유치원 둘러보기 */
.kinderview_wrap .view_big {width:770px; height:450px; margin: 0 auto}
.da_kinderview .tit_cont_box  {padding:68px 10px 20px}
.da_kinderview .tit_cont_box:after {right:40px; margin:0}
.kinderview_wrap .view_list > li {width:calc(25% - 14px)}
.view_list > li > p > a {line-height:50px; margin-bottom:0}
.da_kinderview .tit_cont_box:after {content:""; display:block; position:absolute; bottom:-3px; right:40px; width:187px; height:40px; background:url(../images/sub/bg_kinder_img.png) no-repeat 100% 100%}
.kinderview_wrap .view_list {margin-top:40px}
.da_kinderview .da_tit {font-size:1.286em}
    
}

/**** LOWSET FIX ****/
/* 프린트관련 */
.printBG #subright{margin-top:0}
.printBG #subright .tabnavi01, .printBG #subright .tabnavi02{display:none}
.printBG .subconwrap {margin:0}
@media print {
.printBG #subright{-webkit-print-color-adjust:exact}
.printBG .subtop_btn{display:none}
}
/********* TABLET LAYOUT[중간사이즈 조정관련] *********/
    
@media only screen and (max-width:850px) {
/****개별[교외] 체험학습****/

/*상단절차*/
.app_trip .trip_steptop ul li{width:33.3%; margin-bottom:10px}
.app_trip .trip_steptop ul li p{height: 40px; line-height: 40px; font-size:1.000em}
.app_trip .trip_steptop p::before{top:10px}
    
/* 찾아오시는 길 */
.map_lst {flex-wrap:wrap; gap:8px; padding:14px}
.map_lst li {border-radius:10px}
.map_lst li .minfo_txt {flex-wrap:wrap}
.map_lst li .minfo_txt span {width:100%; padding-left:10px}
.map_lst li .minfo_txt span.minfo_tel {border:0}
    
/*학사일정*/
.sche_lst {flex-wrap:wrap; margin-bottom: 0}
.sche_lst:nth-of-type(1){margin-top: 19px}
.sche_lst > li{width: 100%; margin-bottom: 15px; margin-right: 0}
.sche_lst::after{display: none}
.sche_lst:last-child li:last-child{margin-bottom: 0}
    
}

@media only screen and (max-width:750px) {
/* 학교연혁 */
.da_history .cont_titbox .con_tit {padding:14px 0 55px}
.da_history .cont_titbox:before {left:0; width:100%}
.da_history .history_box {margin-top:-65px}
.da_history .his_year .his_btn {width:96px}
.da_history .his_year .his_btn a {min-width:96px; height:36px; padding:5px 0; font-size:1.077em; border-radius:5px 5px 20px 20px}
.da_history .his_year01 .his_btn {margin-left:-147px}
.da_history .his_year02 .his_btn {margin-left:-47px}
.da_history .his_year03 .his_btn {margin-left:52px}
.da_history .his_year .his_btn a span {padding:3px 24px 3px 5px; background-position:right 4px top 50% !important; background-size:18px auto !important}
.da_history .his_year.on .his_txtbox {padding-top:45px}

/*학교상징 */
.symbol_map {width: 100%; flex-wrap: wrap; justify-content: center; flex-direction:column}
.symbol {width:232px; margin:25px auto}
.symbol01 {margin-top:5px}
.symbol_mapwrap {padding-bottom:40px}
.symbol_mapwrap:before {height:12px}
.symbol_mapwrap:after {bottom:5px}
    
/* 학생회 소개 */
.council_wrap {padding:0 0 145px}
.council_line {width:100%; flex-wrap:wrap; margin:0 auto}
.council_line:before {display: none}
.council {width:100%}
.council02 {margin:15px 0 0}
.council03 {margin:15px 0 0}
.council02:before, .council03:before {top:-16px; height:15px}

/* 학부모회 소개 */
.parent_process {flex-wrap:wrap}
.par_prowrap {width:100%; margin-bottom:35px}
.par_prowrap.par_pro03 {margin:0}
.par_prowrap:after {bottom:0; right:inherit; left:50%; margin:0 0 -37px -10px; transform:rotate(90deg)}
}

@media only screen and (max-width:710px) {
/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기*/	
.scroll_txt {display: block; padding:3px 5px !important; margin: 5px 0 !important; border-radius: 50px; background:#eaeaea !important; text-align: center; color:#000; font-size: 13px}
/****공통 Table****/
.table_scroll{overflow-x: auto; position: relative}
.table_scroll > table {min-width:710px}
.comtable .table_scroll table tbody th{background: #fff}
}

@media only screen and (max-width:660px) {
/*공통_저작권신고*/
.copyright .copy_img > p.copyimg_txt{width: 309px; height: 221px}
.copyright .copyimg01 > p.copyimg_txt{background:url(../images/sub/copy_img01_m.gif) center left no-repeat}
.copyright .copyimg02 > p.copyimg_txt{background:url(../images/sub/copy_img02_m.gif) center left no-repeat}
.copyright .copy_img > p.copyimg_txt span{top:180px;  right:0; width:309px; height:26px; padding: 12px 0 0; font-size: 14px}
.copyright .copy_img > p.copyimg_txt span br{display: none}

/****개별[교외] 체험학습****/

/* ================ 컨텐츠 ===================== */
/* 개인정보처리방침(NEW_라벨링ver) */
.psinfo_topbox {padding:0}
.psinfo_topbox .psinfo_top {padding:15px; background:none}
/* 표 영역 */
.psi_scroll {display:block; margin:5px 0}
.psi_scroll span {display: block; width:100%; text-align: center; background:#eee; border-radius:50px}    
.psinfo_scroll {overflow-x: auto; position: relative}
.psinfo_scroll > table {min-width:650px}
    
/* 공통 상단 */
.cont_titbox2 .cont_tit {padding:18px 10px; text-align: center}
.cont_titbox2 .cont_tit img {height:38px}
.cont_titbox2 .cont_eng {text-align: center}
.cont_titbox2:after {display:none}
    
/* 양궁부 소개 */
.archery_wrap {background:none}
.archery_wrap ul li:nth-child(5), 
.archery_wrap ul li:nth-child(6), 
.archery_wrap ul li:nth-child(7) {padding-right:0}

/* 교육목표 */
.manage_imgwrap .manage_imglst {flex-wrap:wrap}
.manage_imgwrap .manage_imglst dl {width:calc(100% / 2 - 5px); border-radius:30px 30px 5px 5px}
.manage_plus {flex-wrap:wrap}
.manage_plus p {width:100%; border-radius:10px !important}
.manage_plus p span {display:block; padding:10px; text-align: center}
.manage_plus p.mplus01 {margin-bottom:30px; padding:10px 10px 40px 10px}
.manage_plus p.mplus02 {margin-top:30px; padding:40px 10px 10px 10px}
.manage_plus p:after {top:0; left:50% !important; margin:0; margin-left:-60px; width:120px; height:34px; background-size:auto 20px !important; border-radius:0 0 30px 30px}
.manage_plus p.mplus01:after {right:inherit; border-radius:30px 30px 0 0; top:inherit; bottom:0}
.manage_lst {flex-wrap:wrap; margin-bottom:20px}
.manage_lst dl {width:calc(100% / 2 - 3px); padding:7px 5px 0; margin-bottom:10px; border-radius:5px 5px 30px 30px}
.manage_lst dl dt {height:40px; line-height:40px}
.manage_lst dl dd {padding:15px 0 70px; min-height:40px}

.eg_boxarea {flex-wrap:wrap}
.eg_boxarea .eg_box {width:calc(100% / 2); border-top:1px dashed #ddd}
.eg_boxarea .eg_box01 {border-top:0; padding-bottom:20px}
.eg_boxarea .eg_box02 {border-top:0; border-right:0; padding-bottom:20px}
.ee_boxwrap:after {display:none}
.ee_boxwrap {padding:30px 10px 10px; border-radius:5px 5px 25px 25px}
.ee_boxwrap ul {padding:15px; border-radius:15px}

/* 특색교육 */
.da_speedu .cont_titbox2 .cont_tit img {height:42px}
.da_speedu .cont_titbox2 .cont_tit {padding:10px 10px 80px 20px}
.da_speedu .cont_titbox2 .cont_eng {padding:12px 15px 5px; border-radius: 20px 20px 5px 5px}
.da_speedu .cont_titbox2:after {display:block; bottom:30px; right:50%; margin-right:-72px; width:144px; height:92px; background:url(../images/sub/bg_speedu_mimg.png) no-repeat 50% 0}  
.speedu_lst {padding:45px 0 0; flex-wrap:wrap}
.speedu_lst:after {background-size:120px auto; width:120px; height:50px; margin-left:-60px}
.spelst_box {width:100%}
.spelst_box .sl_boxtit {padding:13px 10px}
.sl_box ul {padding:20px 10px}
    
/* 도서관 이용안내 */
.library_info {flex-wrap:wrap}
.library_info dl {width:100%; margin-top:10px}
.library_info dl.lib_info01 {margin-top:0}
.library_wrap {background:none}
.library_info dl dt {font-size:1.077em}
.library_info dl dd {padding:35px 0 15px; height:calc(100% - 99px)}
    
/* 유치원 소개 */
.kideg_boxwrap ul {flex-wrap:wrap}
.kideg_boxwrap ul li {width:100%; border:0; border-bottom:1px dashed #e0e0e0}
.kideg_boxwrap ul li p {word-break: keep-all}
.kideg_boxwrap ul li p br {display: none}
.kinder_aftpro {flex-wrap:wrap}
.kinder_aftpro .kid_pro {width:100%}
.kinder_aftpro .kid_pro .kid_contxt {padding:55px 10px 15px}
.kinder_aftpro .kid_pro02 .kid_contxt {padding-top:45px}

}

@media only screen and (max-width:550px) {
/****개별[교외] 체험학습****/
/*버튼*/
.app_trip .btn_box{margin:0 0 25px}
.app_trip .btn_box li{float: none; width:100%; margin-bottom: 5px}
.app_trip .btn_box li a{width:100%}
/*상단절차*/
.app_trip .trip_steptop{display: none}
/**내용-공통 및 기본**/
.app_trip .trip_wrap .trip_box {padding:0 10px 15px}
.app_trip .basic_box .trip_box dd, .app_trip .basic_box .trip_box dd.down_btn{margin:10px 0 0}
/**내용-절차 세부 안내**/
.app_trip .trip_step{margin-top: 20px}
.app_trip .trip_step .step_lst{min-height: 75px; padding: 10px 0 15px 85px; background-size: 72px 75px}
.app_trip .trip_step .step_lst dt{font-size:1em}
.app_trip .trip_step .step_lst dd{font-size:1em}

/* ==============컨텐츠==================*/

/* 교직원 인사말 */
.greet_weltit img {display:block; margin:0 auto -5px}

/* 식생활관 */
.da_foodinfo .cont_txtbox {padding:18px 15px; border-radius:15px 15px 5px 5px; text-align: center}
.da_foodinfo .cont_txtbox:after {display: none}
    
/* 책마중회 소개 */
.da_bookclub .cont_txtbox {padding:18px 15px; border-radius:15px 15px 5px 5px; text-align: center}
.da_bookclub .cont_txtbox:after {display: none}
.da_bookclub .bullet_txtbox ul {background:none}
.da_bookclub .bullet_txtbox ul li {padding:0 !important}

/* 교직원회 소개 */
.da_teacher .cont_txtbox {padding:18px 15px; border-radius:15px 15px 5px 5px}
.da_teacher .cont_txtbox:after {display: none}
.teacher_map > div.tc_map01 {padding-bottom:15px}
.tc_map02 {flex-wrap: wrap}
.tc_map02:before, .tc_map02:after {display:none}
.tc_map02 dl {margin:0 auto 15px}
.tc_map03 {padding-top:0}
.tc_map05 ul {flex-wrap:wrap}
.tc_map05 ul li {width:calc(100% / 6 - 3px); padding:10px 2px}
.tc_map05 ul li.lcol01 {width:calc(33.3% - 3px)}
.tc_map05 ul li.lcol02 {width:calc(33.3% - 3px); padding:10px 5px}
.tc_map05 ul li.lcol03 {width:calc(33.3% - 3px)}

/* 교직원회 규정 및 운영위 규칙 공통 */
.da_rule .ruledate_box li {width:50%}
.da_rule .ruledate_box ul {padding:12px 5px}

/* 운영위원회 소개 */
.da_committee .cont_txtbox {padding:18px 15px; border-radius:15px 15px 5px 5px; text-align: center}
.da_committee .cont_txtbox:after {display: none}
.commit_lst2 {flex-wrap:wrap; padding:15px 0}
.commit_lst2 .commit_box {width:100%; margin-bottom:10px}
.commit_lst2:before {display: none}
    
/* 방과후학교 */
.da_afterschool .cont_txtbox {padding:15px; border-radius:15px 15px 5px 5px}
.da_afterschool .cont_txtbox:after {display: none}

/* 돌봄교실 */
.da_dolbom .cont_txtbox {padding:18px 15px; border-radius:15px 15px 5px 5px; text-align: center}
.da_dolbom .cont_txtbox:after {display: none}
    
/* 유치원 둘러보기 */
.kinderview_wrap .view_list > li {width: calc(50% - 10px)}

}

@media only screen and (max-width:360px) {
/* Tab02, boardTab */
.tabnavi02 ul li, .boardTab ul li {width: 50%}
}

/**** keyframe ****/
@keyframes effect{
    0%,40%,100% {transform:translateY(0)}
    20%,60% {transform:translateY(-5px)}
}
@keyframes effect2 {
    0%,40%,100% {transform:translateY(0)}
    20%,60% {transform:translateY(-3px)}
}
@keyframes effect3 {
    0%{transform:translateX(0)}
    50%{transform:translateX(-6px)}
    100%{transform:translateX(0)}
}