@charset "utf-8";

* { box-sizing: border-box; letter-spacing: -1px;}
#contents-in{color:#000;}
.c_red{color:#f10a0a;}
.c_purple{color: #b604cb;}
.bold{font-weight:700;}

.w5 	{ width: 5%; }
.w6 	{ width: 6%; }
.w7 	{ width: 7%; }
.w8 	{ width: 8%; }
.w10	{ width: 10%; }
.w11	{ width: 11%; }
.w12	{ width: 12%; }
.w12_5	{ width: 12.5%; }
.w13	{ width: 13%; }
.w14	{ width: 14%; }
.w15	{ width: 15%; }
.w17	{ width: 17%; }
.w18	{ width: 18%; }
.w20	{ width: 20%; }
.w21	{ width: 21%; }
.w22	{ width: 22%; }
.w23	{ width: 23%; }
.w24	{ width: 24%; }
.w25	{ width: 25%; }
.w26	{ width: 26%; }
.w27	{ width: 27%; }
.w28	{ width: 28%; }
.w29	{ width: 29%; }
.w30	{ width: 30%; }
.w35 	{ width: 35%; }
.w40 	{ width: 40%; }
.w45 	{ width: 45%; }
.w50 	{ width: 50%; }
.w54	{ width: 54%; }
.w55 	{ width: 55%; }
.w57 	{ width: 57%; }
.w60 	{ width: 60%; }
.w65 	{ width: 65%; }
.w70 	{ width: 70%; }
.w75 	{ width: 75%; }
.w80 	{ width: 80%; }
.w85 	{ width: 85%; }
.w90 	{ width: 90%; }
.w95 	{ width: 95%; }
.w100 	{ width: 100%; }
.w1000  { width:1000px;}

.mgt_5  { margin-top: 5px; }
.mgt_10 { margin-top: 10px; }
.mgt_15 { margin-top: 15px; }
.mgt_20 { margin-top: 20px; }
.mgt_25 { margin-top: 25px; }
.mgt_30 { margin-top: 30px; }
.mgt_35 { margin-top: 35px; }
.mgt_40 { margin-top: 40px; }
.mgt_45 { margin-top: 45px; }
.mgt_50 { margin-top: 50px; }
.mgt_55 { margin-top: 55px; }
.mgt_60 { margin-top: 60px; }
.mgt_65 { margin-top: 65px; }
.mgt_70 { margin-top: 70px; }
.mgt_75 { margin-top: 75px; }
.mgt_80 { margin-top: 80px; }
.mgt_85 { margin-top: 85px; }
.mgt_90 { margin-top: 90px; }
.mgt_95 { margin-top: 95px; }
.mgt_100 { margin-top: 100px; }

.mgr_5 { margin-right: 5px; }
.mgr_10 { margin-right: 10px; }
.mgr_15 { margin-right: 15px; }
.mgr_20 { margin-right: 20px; }
.mgr_25 { margin-right: 25px; }
.mgr_30 { margin-right: 30px; }
.mgr_35 { margin-right: 35px; }
.mgr_40 { margin-right: 40px; }
.mgr_45 { margin-right: 45px; }
.mgr_50 { margin-right: 50px; }
.mgr_55 { margin-right: 55px; }
.mgr_60 { margin-right: 60px; }
.mgr_65 { margin-right: 65px; }
.mgr_70 { margin-right: 70px; }
.mgr_75 { margin-right: 75px; }
.mgr_80 { margin-right: 80px; }
.mgr_85 { margin-right: 85px; }
.mgr_90 { margin-right: 90px; }
.mgr_95 { margin-right: 95px; }
.mgr_100 { margin-right: 100px; }

.mgb_5 { margin-bottom: 5px; }
.mgb_10 { margin-bottom: 10px; }
.mgb_15 { margin-bottom: 15px; }
.mgb_20 { margin-bottom: 20px; }
.mgb_25 { margin-bottom: 25px; }
.mgb_30 { margin-bottom: 30px; }
.mgb_35 { margin-bottom: 35px; }
.mgb_40 { margin-bottom: 40px; }
.mgb_45 { margin-bottom: 45px; }
.mgb_50 { margin-bottom: 50px; }
.mgb_55 { margin-bottom: 55px; }
.mgb_60 { margin-bottom: 60px; }
.mgb_65 { margin-bottom: 65px; }
.mgb_70 { margin-bottom: 70px; }
.mgb_75 { margin-bottom: 75px; }
.mgb_80 { margin-bottom: 80px; }
.mgb_85 { margin-bottom: 85px; }
.mgb_90 { margin-bottom: 90px; }
.mgb_95 { margin-bottom: 95px; }
.mgb_100 { margin-bottom: 100px; }

.mgl_5 { margin-left: 5px; }
.mgl_10 { margin-left: 10px; }
.mgl_15 { margin-left: 15px; }
.mgl_20 { margin-left: 20px; }
.mgl_25 { margin-left: 25px; }
.mgl_30 { margin-left: 30px; }
.mgl_35 { margin-left: 35px; }
.mgl_40 { margin-left: 40px; }
.mgl_45 { margin-left: 45px; }
.mgl_50 { margin-left: 50px; }
.mgl_55 { margin-left: 55px; }
.mgl_60 { margin-left: 60px; }
.mgl_65 { margin-left: 65px; }
.mgl_70 { margin-left: 70px; }
.mgl_75 { margin-left: 75px; }
.mgl_80 { margin-left: 80px; }
.mgl_85 { margin-left: 85px; }
.mgl_90 { margin-left: 90px; }
.mgl_95 { margin-left: 95px; }
.mgl_100 { margin-left: 100px; }

.pdt_2 { padding-top: 2px; }
.pdt_5 { padding-top: 5px; }
.pdt_10 { padding-top: 10px; }
.pdt_15 { padding-top: 15px; }
.pdt_20 { padding-top: 20px; }
.pdt_25 { padding-top: 25px; }
.pdt_30 { padding-top: 30px; }
.pdt_35 { padding-top: 35px; }
.pdt_40 { padding-top: 40px; }
.pdt_45 { padding-top: 45px; }
.pdt_50 { padding-top: 50px; }
.pdt_55 { padding-top: 55px; }
.pdt_60 { padding-top: 60px; }
.pdt_65 { padding-top: 65px; }
.pdt_70 { padding-top: 70px; }
.pdt_75 { padding-top: 75px; }
.pdt_80 { padding-top: 80px; }
.pdt_85 { padding-top: 85px; }
.pdt_90 { padding-top: 90px; }
.pdt_95 { padding-top: 95px; }
.pdt_100 { padding-top: 100px; }

.pdr_5 { padding-right: 5px; }
.pdr_10 { padding-right: 10px; }
.pdr_15 { padding-right: 15px; }
.pdr_20 { padding-right: 20px; }
.pdr_25 { padding-right: 25px; }
.pdr_30 { padding-right: 30px; }
.pdr_35 { padding-right: 35px; }
.pdr_40 { padding-right: 40px; }
.pdr_45 { padding-right: 45px; }
.pdr_50 { padding-right: 50px; }
.pdr_55 { padding-right: 55px; }
.pdr_60 { padding-right: 60px; }
.pdr_65 { padding-right: 65px; }
.pdr_70 { padding-right: 70px; }
.pdr_75 { padding-right: 75px; }
.pdr_80 { padding-right: 80px; }
.pdr_85 { padding-right: 85px; }
.pdr_90 { padding-right: 90px; }
.pdr_95 { padding-right: 95px; }
.pdr_100 { padding-right: 100px; }

.pdb_5 { padding-bottom: 5px; }
.pdb_10 { padding-bottom: 10px; }
.pdb_15 { padding-bottom: 15px; }
.pdb_20 { padding-bottom: 20px; }
.pdb_25 { padding-bottom: 25px; }
.pdb_30 { padding-bottom: 30px; }
.pdb_35 { padding-bottom: 35px; }
.pdb_40 { padding-bottom: 40px; }
.pdb_45 { padding-bottom: 45px; }
.pdb_50 { padding-bottom: 50px; }
.pdb_55 { padding-bottom: 55px; }
.pdb_60 { padding-bottom: 60px; }
.pdb_65 { padding-bottom: 65px; }
.pdb_70 { padding-bottom: 70px; }
.pdb_75 { padding-bottom: 75px; }
.pdb_80 { padding-bottom: 80px; }
.pdb_85 { padding-bottom: 85px; }
.pdb_90 { padding-bottom: 90px; }
.pdb_95 { padding-bottom: 95px; }
.pdb_100 { padding-bottom: 100px; }

.pdl_5 { padding-left: 5px; }
.pdl_9 { padding-left: 9px; }
.pdl_10 { padding-left: 10px; }
.pdl_15 { padding-left: 15px; }
.pdl_20 { padding-left: 20px; }
.pdl_25 { padding-left: 25px; }
.pdl_30 { padding-left: 30px; }
.pdl_35 { padding-left: 35px; }
.pdl_40 { padding-left: 40px; }
.pdl_45 { padding-left: 45px; }
.pdl_50 { padding-left: 50px; }
.pdl_55 { padding-left: 55px; }
.pdl_60 { padding-left: 60px; }
.pdl_65 { padding-left: 65px; }
.pdl_70 { padding-left: 70px; }
.pdl_75 { padding-left: 75px; }
.pdl_80 { padding-left: 80px; }
.pdl_87 { padding-left: 87px; }
.pdl_85 { padding-left: 85px; }
.pdl_90 { padding-left: 90px; }
.pdl_95 { padding-left: 95px; }
.pdl_100 { padding-left: 100px; }
.pdl_120 { padding-left: 120px; }




#contents-in h2{position:relative; font-size:28px; font-weight:900; letter-spacing: -2.5px; margin-bottom:15px; line-height: 1.25em; padding-left:20px; padding-top:15px;}
#contents-in h2:before{position:absolute; content:""; display:inline-block; width:48px; height:43px; background:url(/resources/familysite/bbd-lib/images/contents/h2_icon.png) no-repeat; top:0; left:0; background-size: 100%; z-index:-1;}
h3{font-size:21px; font-weight:800; color:#1d614b; margin-bottom:10px;}

.cont_list{position:relative; }
.cont_list > li{position:relative; padding-left:24px; font-size:18px; margin:7px 0;}
.cont_list > li:before{position:absolute; content:""; display:inline-block; width:15px; height:18px;  left:0; top:4px; background:url(/resources/familysite/bbd-lib/images/contents/cont_list1.png) no-repeat;}

.cont_list2 {position: relative;}
.cont_list2 > li {position: relative; padding-left: 18px; font-size: 17px; margin: 7px 0; line-height: 1.3em;}
.cont_list2 > li:before {display: block; content: ""; position: absolute; left: 0; top: 5px; width: 0; height: 0; background: none; border-left: 8px solid #8e8e8e; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}

.cont_list3 {position: relative;}
.cont_list3 > li {position: relative; padding-left: 15px; font-size: 18px; margin: 2px 0; line-height: 1.3em;}
.cont_list3 > li:before {display: block; content: ""; position: absolute; left: 0; top: 9px;  width: 5px; height: 5px; background: #999; }

.go_now {position:relative; display: inline-block; vertical-align: middle; padding: 8px 30px 10px 20px; font-size:18px; font-weight:600; border: 2px solid #23835f; border-radius:23px 23px 0 23px; transition: all 0.3s ease; background-color:#fff; font-family: "NanumSquareNeo", sans-serif; margin-top:10px;}
.go_now:before{position:absolute; display:block; content:""; width:35px; height:27px; background: url(/resources/familysite/bbd-lib/images/contents/go_now_icon.svg) no-repeat; top:50%; right: -13px;transform:translateY(-50%); transition: all 0.3s ease;}
.go_now:hover:before {right:-18px;}
.go_now span{font-weight:700; color:#177250;}

.c_go_now {position:relative;display: inline-block;vertical-align: middle;padding: 3px 22px 3px 9px;font-size: 17px;font-weight: 600;border: 2px solid #23835f;border-radius: 18px;transition: all 0.3s ease;background-color:#fff;font-family: "NanumSquareNeo", sans-serif;}
.c_go_now:before{position:absolute;display:block;content:"";width: 30px;height: 23px;background: url(/resources/familysite/bbd-lib/images/contents/go_now_icon.svg) no-repeat;top:50%;right: -13px;transform:translateY(-50%);transition: all 0.3s ease;}
.c_go_now:hover:before {right:-18px;}
.c_go_now span{font-weight:700; color:#177250;}

.down_btn {position:relative; display: inline-block; vertical-align: middle; padding: 10px 25px 10px 20px; font-size:18px; font-weight:600; border: 2px solid #008093; border-radius:23px 23px 0 23px; transition: all 0.3s ease; background-color:#fff; font-family: "NanumSquareNeo", sans-serif; margin-top:10px;}
.down_btn:before{position:absolute; display:block; content:""; width:26px; height:35px; background: url(/resources/familysite/bbd-lib/images/contents/down_btn_icon.svg) no-repeat; top:50%; right: -13px;transform:translateY(-50%); transition: all 0.3s ease;}
.down_btn:hover:before {top:41%;}
.down_btn span{font-weight:700; color:#007485;}

.c_down_btn {position:relative;display: inline-block;vertical-align: middle;padding: 3px 14px 3px 9px;font-size:17px;font-weight:600;border: 2px solid #008093;border-radius:23px 23px 0 23px;transition: all 0.3s ease;background-color:#fff;font-family: 'NanumSquareNeo', sans-serif;}
.c_down_btn:before{position:absolute;display:block;content:"";width:21px;height: 28px;background: url(/resources/familysite/bbd-lib/images/contents/down_btn_icon.svg) no-repeat;top:50%;right: -13px;transform:translateY(-50%);transition: all 0.3s ease;}
.c_down_btn:hover:before {top:41%;}
.c_down_btn span{font-weight:700; color:#007485;}

.top_exp{width:100%;margin-bottom:35px;position:relative;border: 1px solid #f6d6a9;padding:25px 30px;background-color: #fffaf3;border-radius: 0 70px 70px 30px;}
.te_info{width:100%;  position:relative; padding-left:130px;}
.te_info:before{width:100px; height:100px; position:absolute; display:block; content:""; left:0; top:50%; transform:translateY(-50%); z-index:1; background:url(/resources/familysite/bbd-lib/images/contents/exp_icon.png) no-repeat;}
.te_info p{font-size:21px; font-weight:700; margin-bottom:10px;}
.top_exp_list li{font-size:17px; font-weight:400; padding-left:20px; position:relative; margin-bottom:7px; word-break:keep-all; line-height: 1.4em;}
.top_exp_list li:last-child{margin-bottom:0;}
.top_exp_list li:before{display:block; content:""; position:absolute; left:0; top: 5px; width: 11px; height: 11px; border: 3px solid #1d614b; border-radius: 3px; transform:rotate(45deg); box-sizing: border-box;}

.t_box{width:100%; margin:15px auto; overflow:auto;}
.cont_table{width:99%;margin:0 auto 5px auto;box-sizing:border-box;word-break:keep-all;font-size:18px;position:relative;border-collapse:collapse;border-radius: 20px 20px 0 0;overflow:hidden;box-shadow: 3px 3px 4px #e3e3e3;}
.cont_table caption{display:none;}
.cont_table thead{background:#1d614b;}
.cont_table thead th{padding:14px 10px; font-weight:600; color:#fff; position:relative; text-align: center;}
.cont_table thead tr.th_second th{background: #e4efc0; color: #000;}
.cont_table thead th.sc_th{border-top:none !important; border-radius:0 !important;}
.cont_table thead th:after{display:block; content:""; position:absolute; width:2px; height:15px; background-color:#95c6b6; right:0; top:50%; transform:translateY(-50%);}
.cont_table thead th.last:after{display:none;}
.cont_table tbody th{padding:12px 16px;  border-bottom: 1px dashed #1d614b; font-weight:700; box-sizing:border-box; line-height:1.5em; background-color:#eafdf7; text-align:center; }
.cont_table tbody td{padding:12px 16px; border-right:1px dashed #1d614b; border-bottom:1px dashed #1d614b; font-weight:300; box-sizing:border-box; line-height:1.5em;}
.cont_table tbody td.last, .cont_table tbody th.last, .cont_table thead th.last{border-right:none;}
.cont_table tbody tr:last-child th, .cont_table tbody tr:last-child td{border-bottom:0;}
.brbn{border-bottom:none !important;}
.cont_table .cont_list{margin-left:0;}
.center{text-align:center;}

.cont_table.n_head{border-radius: 0px 0px 20px 0;margin-top: 2px;overflow: visible;}
.cont_table.n_head:before{position:absolute; content:''; top:-2px; left:0; width:100%; height:2px; background: #1d614b; border-radius:10px 10px 0 0 ;}



/*탭메뉴*/
.tab{display:flex;flex-wrap:wrap;width:100%;margin-bottom: 15px;}
.tab a{position:relative; display:inline-block; width: 100%; max-width:350px; text-align:center; padding:20px 30px; font-size:21px; font-weight:700; background: #fff; letter-spacing: -1px; color:#464646; border-bottom:2px solid #d0d0d0; }
.tab a span{position:relative; display:inline-block; vertical-align: middle; transition:0.2s all ease;}

.tab a.on{border-bottom:2px solid #ffde4c; background:#ffde4c; border-radius:35px 0 0; }
.tab a.on:before{display: block; content: ""; position: absolute; right: 0; top: 0px; width: 0; height: 0; background: none; border-right: 26px solid #ffffff; border-top: 36px solid transparent; border-bottom: 36px solid transparent;}
.tab a.on span{color:#000;}

.tab a:hover span{margin-top:-10px;}
.tab a:hover span{color:#008553;}


/*사이트맵*/
.v_sitemap{position:relative; display:flex; flex-wrap:wrap; width:100%; margin-top:50px;}
.v_sitemap .dep1{position:relative;display:inline-block;width:calc(100%/4);padding: 0 15px;margin-bottom:60px; }
.v_sitemap .dep1:nth-child(4), .v_sitemap .dep1:nth-child(5){margin-bottom:0;}
.v_sitemap .dep1 h3{position: relative;width:100%;text-align:center;font-size:21px;font-weight:800;background-color: #ffe8a7;border-radius:15px;z-index:1;padding-left: 0;margin-bottom: 0;}
.v_sitemap .dep1:nth-child(2n) h3{background-color: #ccf5c9;}
.v_sitemap .dep1 h3 a{display:inline-block;width:100%;padding:25px 20px;color:#000;}
.v_sitemap .dep1 h3 a:hover{color:#007e47;}
.v_sitemap .dep1 h3 a span{position:relative; padding-left:52px;}
.v_sitemap .dep1 h3 a span:before{position:absolute;content:'';width:42px;height:38px;background: #fff url(/resources/familysite/bbd-lib/images/contents/sitem01.png) no-repeat center;border-radius:15px 15px 0 15px;left:0;top:50%;transform:translateY(-50%);}
.v_sitemap .dep1:nth-child(2) h3 a span:before{background: #fff url(/resources/familysite/bbd-lib/images/contents/sitem02.png) no-repeat center;}
.v_sitemap .dep1:nth-child(3) h3 a span:before{background:#fff url(/resources/familysite/bbd-lib/images/contents/sitem03.png) no-repeat center;}
.v_sitemap .dep1:nth-child(4) h3 a span:before{background:#fff url(/resources/familysite/bbd-lib/images/contents/sitem04.png) no-repeat center;}
.v_sitemap .dep1:nth-child(5) h3 a span:before{background:#fff url(/resources/familysite/bbd-lib/images/contents/sitem05.png) no-repeat center;}
.v_sitemap .dep1:nth-child(6) h3 a span:before{background:#fff url(/resources/familysite/bbd-lib/images/contents/sitem06.png) no-repeat center;}
.v_sitemap .dep1:nth-child(7) h3 a span:before{background:#fff url(/resources/familysite/bbd-lib/images/contents/sitem07.png) no-repeat center;}

.v_sitemap .dep1 .dep2{margin: -5px 5px 0 5px;text-align:center;}
.v_sitemap .dep1 .dep2 > ul{position:relative;width:100%; background-color: #fffaef; border: 1px dashed #f6d6a9; border-radius:0 0 20px 20px; overflow: hidden;}
.v_sitemap .dep1 .dep2 > ul > li{position:relative;font-size:19px;font-weight:600;border-bottom:1px dashed #f6d6a9;}
.v_sitemap .dep1:nth-child(2n) .dep2 > ul{background-color: #f4fff3; border: 1px dashed #8fd08a;}
.v_sitemap .dep1:nth-child(2n) .dep2 > ul > li{border-bottom:1px dashed #8fd08a;}
.v_sitemap .dep1 .dep2 > ul > li:last-child{border-bottom:0;}
.v_sitemap .dep1 .dep2 > ul > li > a{display:inline-block; width:100%; padding:15px 0;color:#000;}
.v_sitemap .dep1 .dep2 > ul > li > a:hover{color:#009856;}

.v_sitemap .dep1 .dep2 > ul > li .dep3{background-color:#fff; }
.v_sitemap .dep1 .dep2 > ul > li .dep3 ul{padding:7px 50px;}
.v_sitemap .dep1 .dep2 > ul > li .dep3 ul li{font-size:17px;font-weight:400; text-align:left;}
.v_sitemap .dep1 .dep2 > ul > li .dep3 ul li:first-child{border-top:0;}
.v_sitemap .dep1 .dep2 > ul > li .dep3 ul li a{position:relative; display:inline-block;width:100%;padding: 2px 0px; color:#2a2a2a; padding-left:18px;}
.v_sitemap .dep1 .dep2 > ul > li .dep3 ul li a:before{display:block; content:""; position:absolute; left:0; top: 8px; width: 11px; height: 11px; border: 3px solid #348d71; border-radius: 3px; transform:rotate(45deg); box-sizing: border-box;}
.v_sitemap .dep1 .dep2 > ul > li .dep3 ul li a:hover{color:#009856;}



/*인사말*/
.greet{width:85%; box-sizing:border-box; padding:10px 30px; display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto;}
.greet > div{display:inline-block;}
.greet > div.greet_img{width:500px; height:500px; position:relative;}
.greet > div.greet_img:before{display: block; content: "Ulsan interactive library for children"; position: absolute; background-image: linear-gradient(135deg, #ffc738, #07b564); background-clip: text; -webkit-background-clip: text; word-break: keep-all; word-wrap: normal; font-weight: 800; font-size: 60px; color: transparent; width: 330px; opacity: 0.3; left: -35px; top: 0; line-height: 1.1em;}
.greet > div.greet_img:after{display: block; content: ""; position: absolute; background:url(/resources/familysite/bbd-lib/images/contents/greet_character.png) no-repeat; width: 304px; height:85px; right:0; bottom: 0;}
.greet > div.greet_img div.imgarea{width:100%; height:100%; border-radius:500px; overflow:hidden; background:url(/resources/familysite/bbd-lib/images/contents/greet_bg.jpg) no-repeat; background-position:center;}
.greet > div.greet_txt{width:calc(100% - 500px); box-sizing:border-box; padding-left:70px; word-break:keep-all;}
.greet > div.greet_txt .gt_cont{font-size:19px; line-height:1.7em;}
.greet > div.greet_txt .gt_cont p.gt_title{font-weight: 900; font-size: 23px; margin-bottom: 25px; color: #005d2e;}
.greet > div.greet_txt .from{margin-top:30px; text-align:right;}
.greet > div.greet_txt .from p{font-weight:700; font-size:25px;}
.greet > div.greet_txt .from p span{font-weight:700; display:block; margin-top:10px; font-size:19px; color:#0e470b;}



/*연혁*/
.history{margin:0 auto; position:relative; z-index:1;}
.history:before{display:block; content:""; position:absolute; z-index:-1; width:1px; height:100%; background-color:#333; left:50%; top:0; transform:translateX(-50%);}
.history .top_tit{display:block; width:170px; height:170px;  background:linear-gradient(135deg, #ffdc82, #bbffbd); border-radius:50%; margin:0 auto; text-align:center; padding:60px 15px; box-sizing:border-box; font-size:25px; font-weight:700;}
.history .top_tit span{display:block; font-weight:700; font-size:16px;}
.history > ol{font-size:0; padding:30px 0 0 0;}
.history > ol > li{width:100%; box-sizing:border-box; position:relative; margin-bottom:40px;}
.history > ol > li:before{display:block;content:"";position:absolute;width:20px;height:20px;box-sizing:border-box;border-radius:50%;background:#fff;left:50%;transform:translateX(-50%);top: 8px;}
.history > ol > li:last-child:after{display:block;content:"";position:absolute;width:5px;height: calc(100% - 28px);background:#fff;left:50%;transform:translateX(-50%);bottom:0;}
.history > ol > li:nth-child(2n){text-align:right; padding-right:calc(50% + 20px);}
.history > ol > li:nth-child(2n):before{border:3px solid #ffc738;}
.history > ol > li:nth-child(2n-1){text-align:left; padding-left:calc(50% + 20px);}
.history > ol > li:nth-child(2n-1):before{border:3px solid #009856;}
.history > ol > li .year{font-weight:700; font-size:24px; color:#000; margin-bottom:10px; word-break:keep-all;}
.history > ol > li > dl{font-size:18px; display:flex; margin-bottom:15px; position:relative;}
.history > ol > li > dl:before{width:7px; height:7px; background-color:#333; transform:rotate(45deg); display:block; content:""; top:9px; position:absolute; border-radius:2px;}
.history > ol > li > dl:last-child{margin-bottom:0;}
.history > ol > li > dl dt.date{font-size:20px; font-weight:700; color:#00550e; margin-top: -3px; line-height: 1.4em;}
.history > ol > li > dl dd.h_cont{line-height:1.4em;}
.history > ol > li > dl dd.h_cont p{margin-bottom:7px;}
.history > ol > li > dl dd.h_cont p:last-child{margin-bottom:0;}
.history > ol > li:nth-child(2n-1) > dl{padding-left:15px;}
.history > ol > li:nth-child(2n-1) > dl:before{left:0;}
.history > ol > li:nth-child(2n-1) > dl dt.date{padding-right:10px;}
.history > ol > li:nth-child(2n) > dl{flex-direction: row-reverse; padding-right:15px;}
.history > ol > li:nth-child(2n) > dl:before{right:0;}
.history > ol > li:nth-child(2n) > dl dt.date{padding-left:10px;}



/*오시는 길*/
.location{display:flex; flex-wrap:wrap; align-items:flex-end;}
#contents-in .location h2{margin-bottom:15px;}
.location .map{width:59.211%; border-radius:40px 40px 10px 40px; overflow:hidden;}
.location .map .root_daum_roughmap{width:100%;}
.location .map .root_daum_roughmap .map_border {display:none;}
.location .map .root_daum_roughmap .cont {display:none;}
.location .map .root_daum_roughmap .wrap_controllers {display:none;}
.location .info {width:40.789%; padding-left:30px;}
.location .info ul li{display:flex; flex-wrap:wrap; align-items:center; padding:18px 30px; box-sizing:border-box; border-radius:100px; margin-bottom:7px;}
.location .info ul li:first-child{border:1px solid #ffc107; background:#fffcf4;}
.location .info ul li:nth-child(2){border: 1px solid #c4c570; background: #fefff4;}
.location .info ul li:last-child{border:1px solid #5b9f3f; background:#f7fff4; margin-bottom:0;}
.location .info ul li .tit{font-size: 20px; font-weight: 700; color: #00550e; padding-right:20px; width:60px;}
.location .info ul li .txt{width:calc(100% - 60px); font-size: 18px;}



/*조직도*/
.chart{width:100%; margin:0 auto 45px auto; position:relative; z-index:1;}
.chart:before{display:block; content:""; position:absolute; z-index:-1; width:1px; height:247px; background-color:#5b9f3f; left:50%; top:0; transform:translateX(-50%);}
.chart ul li{width:100%; text-align:center; position:relative;}
.chart ul li div.top{width:300px; margin:0 auto; border-radius:100px; font-weight:700;}
.chart ul li div.t1{background-color:#1d614b; padding:22px 15px; font-size:20px; color:#fff; margin-bottom:30px;}
.chart ul li div.t2{background:linear-gradient(135deg, #ffdc82, #bbffbd);padding: 10px 15px 20px 15px;font-size:22px;font-weight:700;margin-bottom:50px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;line-height: 2em;}
.chart ul li div.t2 img{width: 120px;}
.chart ul li.b_box{display:flex; justify-content:center;}
.chart ul li.b_box:before{display:block; content:""; position:absolute; z-index:-1; width:320px; height:55px; border:1px solid #5b9f3f; border-bottom:none; left:50%; top:-25px; transform:translateX(-50%); border-radius:15px;}
.chart ul li.b_box dl{border-radius:20px; border:1px solid #5b9f3f; overflow:hidden; display:inline-block; width:300px;}
.chart ul li.b_box dl dt{padding:15px; font-weight:700; font-size:20px; background-color:#e8f5e3;}
.chart ul li.b_box dl dd{padding:15px; line-height:1.5em;}
.chart ul li.b_box dl.op{margin-right:20px;}
.chart ul li.b_box dl.ac dd{padding:25px 15px;}

/*상징 및 로고*/
.symbol .sb_box{margin-bottom:100px;}
.symbol .sb_box .sb_top{border-bottom:1px solid #000; margin-bottom:15px;}
#contents-in .symbol .sb_box .sb_top h2{display:inline-block;}
#contents-in .symbol h3{font-size:20px; padding-left:0;}
.symbol .sb_box .sb_top .st_btn{float:right; margin-left:5px;}
.symbol .sb_box .sb_top .st_btn a{margin-top:0;}
.symbol .sb_box .sb_top .st_btn a:last-child{margin-left:12px; margin-right:5px;}
.symbol .sb_cont{display:flex; flex-wrap:wrap; align-items:normal; padding-top:10px; margin-bottom:20px;}
.symbol .sb_cont > div{border-right:1px dashed #ccc; box-sizing:border-box; padding:5px 30px 20px 30px; flex: 1 1 auto; min-width: fit-content; text-align:center; margin-bottom:15px;}
.symbol #sb1 .sb_cont > div {width: 50%; min-width: auto;}
.symbol .sb_cont > div img{max-width:90%;}
.symbol .sb_cont > div:last-child{border-right:none;}
.symbol .sb_cont > div > p{font-weight:700; font-size:18px; margin-bottom:20px; color:#004459;}
.symbol .sb_info{box-sizing:border-box; border: 1px solid #ddd; background-color: #f9f9fd; border-radius:30px; padding:20px 30px;}
.symbol #sb2 .sb_info span{position:relative; display:inline-block; padding-left:25px;}
.symbol #sb2 .sb_info span:before{display:block; position:absolute; content:""; width:17px; height:17px; border-radius:50%; left:3px; top:5px;}
.symbol #sb2 .sb_info span.c_red{color:#000;}
.symbol #sb2 .sb_info span.c_red:before{background-color:#eb5e43;}
.symbol #sb2 .sb_info span.c_pink:before{background-color:#f4b4d0;}
.symbol #sb2 .sb_info span.c_green:before{background-color:#44a22c;}
.symbol #sb2 .sb_info span.c_yellow:before{background-color:#f4e607;}
.symbol #sb2 .sb_info span.c_blue:before{background-color:#1eb9ee;}
.symbol .character{width:100%; box-sizing:border-box; padding:0 20px;}
.symbol .character > div{display:flex; margin-bottom:50px; align-items:center;}
.symbol .character > div .img{width:400px; text-align:center;}
.symbol .character > div .img p{display:block; padding:7px 15px; border-radius:100px; font-size:17px; width: fit-content; margin:20px auto 0 auto;}
.symbol .character > div.c1{margin-top:45px;}
.symbol .character > div.c2, .symbol .character > div.c4{flex-direction: row-reverse;}
.symbol .character > div.c1 .img p{border:1px solid #ea5755; background-color:#fce8e8;}
.symbol .character > div.c2 .img p{border:1px solid #008b5d; background-color:#e8f9f3;}
.symbol .character > div.c3 .img p{border:1px solid #f6ac19; background-color:#fcf7ed;}
.symbol .character > div.c4 .img p{border:1px solid #1c6cb6; background-color:#f3faff;}

.symbol .character > div .c_exp{box-sizing:border-box; position:relative; border-radius:40px; width:calc(100% - 400px);}
.symbol .character > div .c_exp dt{box-sizing:border-box; padding:32px 15px; position:absolute; border-radius:50%; width:100px; height:100px; font-weight:bold; font-size:30px; text-align:center; top:-30px; font-family: 'HakgyoansimDunggeunmisoTTF-B';}
.symbol .character > div .c_exp dd{font-size:18px; line-height:1.3em; margin-bottom:13px; position:relative; padding-left:25px; display:flex;}
.symbol .character > div .c_exp dd > span.tit{font-weight:700; padding-right:10px;}
.symbol .character > div .c_exp dd:nth-child(2) > span.tit{min-width: 97px;}
.symbol .character > div .c_exp dd:before{display:block; content:""; position:absolute; width:10px; height:10px; border-radius:50%; left:0; top:3px; left:0; top:3px;}
.symbol .character > div .c_exp dd:last-child{margin-bottom:0;}

.symbol .character > div.c1 .c_exp{border:3px dashed #ea5755; padding:50px 20px 40px 50px;}
.symbol .character > div.c1 .c_exp dt{background:#ea5755; color:#fff; left:-50px;}
.symbol .character > div.c1 .c_exp dd > span.tit{color:#a33130;}
.symbol .character > div.c1 .c_exp dd:before{border:3px solid #ea5755;}

.symbol .character > div.c2 .c_exp{border:3px dashed #008b5d; padding:50px 50px 40px 30px;}
.symbol .character > div.c2 .c_exp dt{background:#008b5d; color:#fff; right:-50px; padding:19px 15px; word-break:break-all; line-height:1.1em;}
.symbol .character > div.c2 .c_exp dd > span.tit{color:#0e4f39;}
.symbol .character > div.c2 .c_exp dd:before{border:3px solid #008b5d;}

.symbol .character > div.c3 .c_exp{border:3px dashed #f6ac19; padding:50px 20px 40px 50px;}
.symbol .character > div.c3 .c_exp dt{background:#f6ac19; color:#fff; left:-50px;}
.symbol .character > div.c3 .c_exp dd > span.tit{color:#73510e;}
.symbol .character > div.c3 .c_exp dd:before{border:3px solid #f6ac19;}

.symbol .character > div.c4 .c_exp{border:3px dashed #1c6cb6; padding:50px 50px 40px 30px;}
.symbol .character > div.c4 .c_exp dt{background:#1c6cb6; color:#fff; right:-50px;}
.symbol .character > div.c4 .c_exp dd > span.tit{color:#0c3b67;}
.symbol .character > div.c4 .c_exp dd:before{border:3px solid #1c6cb6;}



/*시설안내*/
.sisul_area{width:100%; padding:0 20px; box-sizing:border-box; margin-top:35px;}
.sisul_box{display:flex; flex-wrap:wrap; align-items: flex-start;}
.sisul_box > div{width:calc((100% - 45px)/2); margin-right:45px; border:3px dashed #ffc738; border-radius:30px; overflow:hidden;}
.sisul_box > div:nth-child(2n){margin-right:0; border:3px dashed #1d614b; margin-top:100px;}
.sisul_box > div div.img{width:100%; position:relative; padding-top:55%; background:#eff1eb; overflow:hidden;}
.sisul_box > div div.img img{width:100%; position:absolute; left:0; top:0;}
.sisul_box > div div.p_info{padding:17px 23px;}
.sisul_box > div div.p_info p.small{font-size: 16px; padding-left: 5px; color: #6d32cd;}
#contents-in .sisul_box > div div.p_info h3{font-size:22px; margin-bottom:10px; color:#04473e; padding-left:0;}


/*운영안내*/
.prgr_con{margin-top:50px;}
.p_cont{display:flex; flex-wrap:wrap;}
.p_cont_wrap{position:relative;width:calc((100% - 50px)/3);display:inline-block;margin-left:25px;padding-right: 20px;}
.p_cont_wrap:first-of-type{ margin-left:0;}
.prgr_img{position:relative;width: 100%;padding-top: 64.29%;background-color:#ddd;z-index: -1;border-radius: 20px 20px 0 0;}
.prgr_img img{position:absolute; top:0; left:0;}
.p_cont_wrap .prgr_img span.tit{position:absolute; right:-20px; top:20px; background-color:#ccf5c9; padding:8px 15px; border-radius:20px 20px 0 20px; font-weight:700; font-size:19px; z-index:1; max-width: 220px; line-height: 1.3em;}
.prgr_txt{border: 2px dashed #8bc287;padding: 13px 20px;border-radius: 0 0 20px 20px;margin-top: 0px;border-top: 0;background-color: #ffffff;}
.p_cont_wrap:nth-of-type(2n) .prgr_img span.tit{position:absolute; right:-20px; top:20px; background-color:#ffe8a7; padding:8px 15px; border-radius:20px 20px 0 20px; font-weight:700; font-size:19px; z-index:1;}
.p_cont_wrap:nth-of-type(2n) .prgr_txt{border: 2px dashed #f6ba0f; border-top:0;}

.p_cont_n_wrap{width:calc((100% - 19px)/2); display:inline-block; margin-right:15px; margin-bottom:25px;}
.p_cont_n_wrap:nth-of-type(2n){margin-right:0;}
.prgr_con h3{position:relative; display:inline-block; padding-left: 26px;}
.prgr_con h3:before{width:100%; position:absolute; content:''; height:2px; background-color:#fff; left:12px; bottom:13px;z-index:-1;}
.p_cont_n{padding:20px 25px 15px 25px; background-color:#fffbef; border:2px dashed #f6ba0f;border-radius:20px 20px 5px 20px; margin-top:-25px; position:relative; z-index:-2;}
.p_cont_n_wrap:nth-of-type(2n) .p_cont_n{background-color:#f1fff0; border:2px dashed #8bc287;}



/*도서검색*/
.bs_box{width:100%; box-sizing:border-box; border:1px solid #ccc; padding: 20px; border-radius: 10px; text-align: center;}
.bs_box iframe{width:100%;}

/*컨텐츠 준비중*/
.preparing{text-align:center; padding-top:10px;}
.preparing .preparing_img{width:100%; max-width:500px; border-radius:150px; overflow:hidden; margin:0 auto; font-size: 0;}
.preparing .preparing_img img{ width:100%;}
.preparing .preparing_txt{margin-top:20px;}
.preparing .preparing_txt p:first-child{font-size:24px; font-weight:800; line-height: 1.35em;}
.preparing .preparing_txt p:first-child span{color:#018f51;}
.preparing .preparing_txt p:last-child{font-size:19px; margin-top:15px; line-height: 1.35em;}



@media all and (max-width:1400px){

/*인사말*/
.greet{width:100%; padding:10px 0 10px 35px;}
.greet > div.greet_img:before{left: -35px;}
.greet > div.greet_txt{padding-left:40px;}


/*운영안내*/
.p_cont_wrap .prgr_img span.tit{font-size:18px;}
.prgr_txt > ul > li{font-size: 17px;}
.p_cont_n > ul > li{font-size: 17px;}


}


@media all and (max-width:1305px){

/*사이트맵*/
.v_sitemap .dep1{padding: 0 5px;}
.v_sitemap .dep1 h3{font-size:20px;}
.v_sitemap .dep1 h3 a{padding: 20px 10px;}
.v_sitemap .dep1 .dep2 > ul > li{font-size:18px;}
.v_sitemap .dep1 .dep2 > ul > li > a{padding: 12px 5px;}
.v_sitemap .dep1 h3 a span{padding-left: 46px;}
.v_sitemap .dep1 h3 a span:before{position:absolute; content:''; width:38px; height:34px; background-size:45%; background:#fff url(/resources/familysite/bbd-lib/images/contents/sitem01.png) no-repeat left 11px center}
.v_sitemap .dep1:nth-child(2) h3 a span:before{background-size:45%;}
.v_sitemap .dep1:nth-child(3) h3 a span:before{background-size:47%;}
.v_sitemap .dep1:nth-child(4) h3 a span:before{background-size:47%;}
.v_sitemap .dep1:nth-child(5) h3 a span:before{background-size:48%;}
.v_sitemap .dep1:nth-child(6) h3 a span:before{background-size:47%;}
.v_sitemap .dep1:nth-child(7) h3 a span:before{background-size:45%;}
    
}


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

/*상징 및 로고*/
.symbol .character{padding:0;}


/*시설안내*/
.sisul_area{padding:0 10px;}
.sisul_box > div{width:calc((100% - 30px)/2); margin-right:30px;}

/*운영안내*/
.p_cont_wrap{ width:calc((100% - 20px)/2); margin-bottom:20px; margin-left:20px;}
.p_cont_wrap:nth-child(3n){margin-left:0;}

 }


@media all and (max-width:1080px){
/*사이트맵*/
.v_sitemap .dep1{width: calc(100% / 3);}
.v_sitemap .dep1:nth-child(4), .v_sitemap .dep1:nth-child(5){margin-bottom:60px;}
.v_sitemap .dep1 h3{font-size:19px;}
.v_sitemap .dep1 .dep2 > ul > li{font-size:17px;}
.v_sitemap .dep1 .dep2 > ul > li .dep3 ul li{font-size:16px;}

/*탭메뉴*/
.tab a{max-width: 100%;width:calc(100%/3);padding: 16px 30px 13px 10px;font-size: 19px;}
.tab a.on:before{border-top: 32px solid transparent; border-bottom: 32px solid transparent;}

 /*컨텐츠 준비중*/
 .preparing{padding-top:0px;}
}



@media all and (max-width:1060px){


/*인사말*/
.greet{width:100%; display:block;}
.greet > div{display:block;}
.greet > div.greet_img{width:100%; height:350px;}
.greet > div.greet_txt{width:100%; padding:15px; margin-top:25px; margin-left:-15px; }
.greet > div.greet_txt .gt_cont{font-size:18px; line-height:1.5em;}


/*오시는 길*/
.location .map{width: 540px;}
.location .info {width: calc(100% - 540px);padding-left:25px;}
.location .info ul li {padding: 18px 20px;}
.location .info ul li .tit {font-size: 18px; width: 50px; padding-right: 15px;}
.location .info ul li .txt{font-size: 17px; width: calc(100% - 50px);}

}



@media all and (max-width:920px){
/*탭메뉴*/
.tab a{width:calc(100%/2);padding: 16px 30px 12px 10px;font-size: 19px;}
.tab a.on:before{border-right: 26px solid #ffffff; border-top: 27px solid transparent; border-bottom: 27px solid transparent;}
}
    

@media all and (max-width:950px){


/*오시는 길*/
.location{display:block;}
.location .map{width:100%; margin-bottom:20px;}
.location .info {width:100%; padding-left:0; padding-top:20px;}


}
    
@media all and (max-width:880px){
 }


@media all and (max-width:850px){

/*상징 및 로고*/
.symbol .character > div{display:block; margin-bottom:50px;}
.symbol .character > div .img{width:100%; margin-bottom:30px;}
.symbol .character > div.c1{margin-top:30px;}

.symbol .character > div .c_exp{border-radius:50px 30px 30px 80px; width:100%;}
.symbol .character > div .c_exp dt{top:-5px;}

.symbol .character > div.c1 .c_exp{padding:25px 20px 25px 110px;}
.symbol .character > div.c1 .c_exp dt{left:-5px;}

.symbol .character > div.c2 .c_exp{padding:25px 20px 25px 110px;}
.symbol .character > div.c2 .c_exp dt{right:auto; left:-5px;}

.symbol .character > div.c3 .c_exp{padding:25px 20px 25px 110px;}
.symbol .character > div.c3 .c_exp dt{left:-5px;}

.symbol .character > div.c4 .c_exp{padding:25px 20px 25px 110px;}
.symbol .character > div.c4 .c_exp dt{right:auto; left:-5px;}

 /*운영안내*/
 .p_cont_wrap{margin-left:10px; width: calc((100% - 10px) / 2); padding-right:10px;}
 .p_cont_wrap .prgr_img span.tit{font-size:17px; right:-10px;}
 .prgr_txt > ul > li{font-size:16px;}
}
    
@media all and (max-width:810px){

/*시설안내*/
.sisul_box{display:block;}
.sisul_box > div{width:100%; margin:0 0 20px 0;}
.sisul_box > div:nth-child(2n){margin-top:0;}
.sisul_box > div div.p_info{padding:15px;}

/*상징 및 로고*/
.symbol #sb1 .sb_cont > div {width: 100%;}
.symbol #sb1 .sb_cont > div:first-child{border-bottom:1px dashed #ccc; border-right:none;}
 
/*연혁*/
.history .top_tit{font-size:23px;}
.history > ol > li .year{font-size:22px;}
.history > ol > li > dl{font-size: 17px;}
.history > ol > li > dl dt.date{font-size:18px; line-height:1.6em; letter-spacing: -1.5px;}

/*사이트맵*/
.v_sitemap .dep1{width: calc(100% / 2); margin-bottom: 40px;}
.v_sitemap .dep1:nth-child(4), .v_sitemap .dep1:nth-child(5){margin-bottom:40px;}
}
    
@media all and (max-width:700px){
/*탭메뉴*/
.tab a{width:calc(100%/2);font-size:18px;}
}
    
    
@media all and (max-width:650px){
/*상단안내*/
.te_info{padding-left: 0;}
.te_info:before{display:none;}


/*연혁*/
.history:before{left:35px; transform:none;}
.history .top_tit{width:100%; height:auto; border-radius:100px; padding:15px;}
.history > ol{padding:25px 0 0 0;}
.history > ol > li{margin-bottom:30px; padding-left:55px;}
.history > ol > li:before{left:25px; transform:none; top:5px;}
.history > ol > li:last-child:after{height: calc(100% - 25px); left: 33px; transform: none;}
.history > ol > li:nth-child(2n){text-align:left; padding-right:0;}
.history > ol > li:nth-child(2n-1){text-align:left; padding-left:55px;}
.history > ol > li:nth-child(2n) > dl{flex-direction: row;padding-right:0; padding-left: 15px;}
.history > ol > li:nth-child(2n) > dl dt.date{padding-left:0;padding-right:10px;}
.history > ol > li:nth-child(2n) > dl:before{left:0;}
 
/*운영안내*/
.p_cont_wrap{width:100%; max-width:500px; margin:0 auto 30px auto; }
.p_cont_wrap:first-of-type, .p_cont_wrap:nth-child(3n){margin-left:auto;}

/*연혁*/
.history .top_tit span{line-height:1.2em;}


}
    

@media all and (max-width:600px){
/*탭메뉴*/
.tab a{padding: 16px 10px 12px 10px; line-height:1.3em;}
.tab a:before{content:''; display:inline-block; height:100%; vertical-align:middle;}
.tab a.on{border-radius:30px 30px 0 0;}
.tab a.on:before{display:none;}
.tab a:hover span{margin-top:0px;}
}


@media all and (max-width:550px){
 
/*상징 및 로고*/
#contents_box .symbol .sb_box .sb_top h2{margin-bottom:15px;}
.symbol .sb_box .sb_top .st_btn{float:none; margin-left:0; margin-top:0; text-align:right; margin-bottom:5px;}

/*운영안내*/
.p_cont_n_wrap{width:100%; margin-right:0; margin-bottom:20px;}

/*사이트맵*/
.v_sitemap .dep1{width: 100%; margin-bottom: 30px;}
.v_sitemap .dep1:nth-child(4), .v_sitemap .dep1:nth-child(5){margin-bottom:30px;}
 }



@media all and (max-width:500px){

    
/*연혁*/
.history{padding-left:15px;}
.history:before{left:16px; height:calc(100% - 50px); top:50px;}
.history .top_tit{border-radius:50px 50px 50px 0;}
.history > ol > li{margin-bottom:30px; padding-left:20px;}
.history > ol > li:before{left:-8px;}
.history > ol > li:last-child:after{left:0;}
.history > ol > li:nth-child(2n){text-align:left; padding-right:0;}
.history > ol > li:nth-child(2n-1){text-align:left; padding-left:20px;}


/*조직도*/
.chart:before{height:198px;}
.chart ul li div.top{width:100%;}
.chart ul li div.t1{margin-bottom:20px;}
.chart ul li div.t2{margin-bottom:20px; padding:20px 15px;}
.chart ul li div.t2 img{margin-left:7px; width:100px;}
.chart ul li.b_box{display:block; padding:15px; border:1px solid #5b9f3f; box-sizing:border-box; border-radius:20px;}
.chart ul li.b_box:before{display:none;}
.chart ul li.b_box dl{display:block; width:100%;}
.chart ul li.b_box dl dt{padding:10px;}
.chart ul li.b_box dl dd{padding:10px;}
.chart ul li.b_box dl.op{margin-right:0; margin-bottom:10px;}
.chart ul li.b_box dl.ac dd{padding:10px;}

/*상징 및 로고*/
.symbol .sb_cont{display:block; padding-top:0;}
.symbol .sb_cont > div{border-right:none; border-bottom:1px dashed #ccc; padding:5px 20px 20px 20px;}
.symbol .sb_cont > div:last-child{border-bottom:none;}

.symbol .character > div .c_exp{border-radius:0 30px 30px 30px; margin-top:65px; padding:15px 10px !important;}
.symbol .character > div .c_exp dt{left:-3px !important; top:-50px; border-radius:20px 20px 0 0; width:150px; height:50px; padding:10px;}
.symbol .character > div .c_exp dd{display:block;}
.symbol .character > div .c_exp dd > span{display:block;}

.symbol .character > div.c2 .c_exp{padding:15px 10px;}
.symbol .character > div.c2 .c_exp dt{padding:10px}

.symbol .character > div.c3 .c_exp{padding:15px 10px;}

.symbol .character > div.c4 .c_exp{padding:15px 10px;}

 /*컨텐츠 준비중*/
 .preparing .preparing_txt p:first-child{font-size:23px;}
 .preparing .preparing_txt p:last-child{font-size:18px;}
}


@media all and (max-width:470px){
    
 /*연혁*/
 .history > ol > li > dl{display:block;}   
 .history > ol > li > dl *{display:block;}   
 .history > ol > li > dl dt.date{margin-bottom:3px;}
 .history > ol > li > dl dd.h_cont{line-height:1.5em;}
}



@media all and (max-width:460px){
/*탭메뉴*/
.tab a{padding: 12px 10px 9px 10px; font-size:17px;}


/*상징 및 로고*/
.symbol .sb_box .sb_top .st_btn a{font-size:16px;}
}


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