@charset "UTF-8";
/* common */
html {overflow-x:hidden;}
#subVisual{clear:both; width:100%; /*max-width:1920px;*/ height:auto; min-height:180px; margin:0 auto; padding:0; background:#000; overflow:hidden; box-sizing:border-box; transition:.8s; z-index:0;}
#subVisual img{clear:both; width:auto; min-width:100%; height:100%; margin:0 auto;}
#subVisual:after{content:''; display:block; position:absolute; width:100%; bottom:0; padding:0 0 1px; background:#ddd; z-index:1;}
#side{position:relative; float:left; width:20%; padding:20px 0;}
#side p.title{position:relative; width:100%; margin:0 auto; padding:20px 10px; background:#222; color:#fff; font-size:1.313rem; font-weight:500; text-align:center; cursor:default; box-sizing:border-box;}
#side ul{clear:both; width:100%; height:auto; margin:0 auto; background:#fff; overflow:hidden; box-sizing:border-box;}
#side ul li{position:relative; height:auto; box-sizing:border-box; cursor:pointer;}
#side ul li a{display:block; position:relative; height:100%; padding:20px 24px 20px 4px; border-bottom:1px solid #eee; color:#222; font-size:1.063rem; font-weight:400; line-height:1.2; word-break:break-word; outline-offset:-1px; box-sizing:border-box;}
#side ul li a:focus, #side ul li a:hover{color:#ff8a00;}
#side ul ul{display:none;}
#side ul > li.active > ul{display:block;}
#side ul > li.active > a, #side ul > li.active > ul > li.active > a{color:#ff8a00; font-weight:500;}
#side ul > li.hasSub > a:after{content:''; display:block; position:absolute; top:50%; right:8px; width:11px; height:11px; margin-top:-5.5px; background:url('../images/ico_plus.png') no-repeat center center; z-index:5;}
#side ul > li.hasSub.open > a:after{background:url('../images/ico_minus.png') no-repeat center center;}
#side ul ul{padding:8px 0; background:#f1f1f1;}
#side ul ul li a{position:relative; padding:8px 24px 8px 16px; background:#f1f1f1; border-bottom:none; color:#555; font-size:0.938rem;}
#side ul ul li a:focus, #side ul ul li a:hover{color:#ff8a00;}
#side ul ul > li.hasSub > a:after{content:''; display:block; position:absolute; top:50%; right:14px; width:7px; height:7px; margin-top:-3.5px; background:url('../images/ico_plus.png') no-repeat center center; background-size:100%; z-index:5;}
#side ul ul > li.hasSub.open > a:after{background:url('../images/ico_minus.png') no-repeat center center; background-size:100%;}
#side ul ul li.hasSub > ul{padding:0; background:transparent;}
#side ul ul ul li{margin:0; padding:0 24px;}
#side ul ul ul li a{position:relative; padding:6px 0 6px 8px; background:transparent; color:#888; font-size:0.875rem;}
#side ul ul ul li a:before{content:''; display:block; position:absolute; top:50%; left:0; width:4px; height:1px; background:#888;}
#side ul ul ul li a:focus, #side ul ul li a:hover{color:#ff8a00;}
#side ul > li.active > ul > li.active > ul > li.active a{color:#ff8a00;}
#subContents{float:right; position:relative; width:80%; height:100%; min-height:600px; margin:0 auto; padding:24px 0 100px 40px; background:#fff; font-family:Roboto,'Noto Sans KR',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Nenu','Segoe UI','Apple SD Gothic Neo','Malgun Gothic','FontAwesome',sans-serif; font-size:16px; box-sizing:border-box;}
#subContents:after{content:''; display:block; clear:both;}
#subContents .category{margin:0 auto 20px;}
#subContents .category ul{}
#subContents .category ul li{display:inline-block; margin:0 1px 6px 0;}
#subContents .category ul li a{display:block; padding:5px 10px 6px; border:1px solid #ddd; border-radius:2em; color:#222; font-size:.875rem;cursor:pointer}
/*#subContents .category ul li a:focus, #subContents .category ul li a:hover{background:#f7f7f7;}*/
#subContents .category ul li.active{}
#subContents .category ul li.active a{background:#7A7A7A; border-color:#7A7A7A; color:#fff; font-weight:500;}
/*#subContents .category ul li.active a:focus, #subContents .category ul li.active:hover{}*/
#subContents .category.type2{width:100%;}
#subContents .category.type2 ul{display:flex; justify-content:space-between; align-items:stretch; overflow-x:auto;}
#subContents .category.type2 ul li{flex:1; margin:0 1px;}
#subContents .category.type2 ul li a{width:100%; height:100%; padding:12px 16px; border-radius:0; font-size:1.1rem; text-align:center;}
.categ2{margin:16px auto 20px;}
.categ2 ul{}
.categ2 ul li{display:inline-block; margin:0 1px 6px 0;}
.categ2 ul li a{display:block; padding:5px 10px 6px; border:1px solid #ddd; border-radius:2em; color:#222; font-size:.875rem;}
/*.categ2 ul li a:focus, #subContents .category ul li a:hover{background:#f7f7f7;}*/
.categ2 ul li.active{}
.categ2 ul li.active a{background:#7A7A7A; border-color:#7A7A7A; color:#fff; font-weight:500;}
.categ2 ul li.active a:focus, #subContents .category ul li.active:hover{}
.categ2.type2{width:100%;}
.categ2.type2 ul{display:flex; justify-content:space-between; align-items:stretch; overflow-x:auto;}
.categ2.type2 ul li{flex:1; margin:0 1px;}
.categ2.type2 ul li a{width:100%; height:100%; padding:12px 16px; border-radius:0; font-size:1.1rem; text-align:center;}
#subContents .ready{}
#subContents .ready{width:100%; max-width:940px; margin:0 auto; text-align:center;}
/* contents */
#subContents .box{clear:both; display:inline-block; position:relative; width:100%; margin:0 auto 100px; padding:0; color:#222; z-index:1;}
#subContents .box:last-child{margin:0 auto; padding:0;}
#subContents .box.list{}
#subContents .box .no_data {padding:40px;text-align:center}
#subContents .box.list.monitor{}
#subContents .box.list.tv{}
#subContents .box.list.accessory{}
#subContents .box ul.list{}
#subContents .box ul.list li{clear:both; position:relative;}
#subContents .box ul.list li a{}
#subContents .box ul.list.product{display:flex; flex-wrap:wrap; align-items:stretch; gap:28px;}
/*#subContents .box ul.list.product li{flex:1 1 calc(33.333% - 28px);}*/
#subContents .box ul.list.product li a{display:block; width:100%;max-width:280px; height:100%; padding:10px; border:1px solid #ddd;}
#subContents .box ul.list.product li a:focus, #subContents .box ul.list.product li a:hover{border-color:#222;}
#subContents .box ul.list.product li a .imgW{margin:0 auto 10px; border-bottom:1px solid #ddd;text-align:center}
#subContents .box ul.list.product li a .imgW img{}
#subContents .box ul.list.product li a .txtW{width:100%}
#subContents .box ul.list.product li a .txtW p{line-height:1.4;}
#subContents .box ul.list.product li a .txtW p.ti{word-wrap: break-word;;margin:0 auto 10px; font-weight:500;padding:5px}
#subContents .box ul.list.product li a .txtW p.info{color:#494949; font-size:.875rem;}
#subContents .box ul.list.product li a .priceW{margin:20px auto 50px;}
#subContents .box ul.list.product li a .priceW p{line-height:1.4;}
#subContents .box ul.list.product li a .priceW p span{display:inline-block; letter-spacing:-.015em;}
#subContents .box ul.list.product li a .priceW p.original{margin:0 auto 4px; color:#aaa; font-size:.938rem; text-decoration:line-through;}
#subContents .box ul.list.product li a .priceW p.original span{text-decoration:line-through;}
#subContents .box ul.list.product li a .priceW p.sale{font-weight:500;}
#subContents .box ul.list.product li a .priceW p.sale span{font-size:1.131rem; font-weight:700;}
#subContents .box ul.list.product li a .etc{clear:both; display:inline-block; position:absolute; width:100%; bottom:20px;}
#subContents .box ul.list.product li a .etc p.percent{line-height:32px; font-size:.813rem;}
#subContents .box ul.list.product li a .etc p.percent span{color:#ff8a00; font-size:1.25rem; font-weight:700; letter-spacing:-.015em;}
#subContents .box ul.list.product li div.cart{display:inline-block; position:absolute; right:20px; bottom:20px;}
#subContents .box ul.list.product li div.cart button{display:inline-block; width:32px; height:32px; line-height:1; margin:0; background:#222; vertical-align:middle; cursor:pointer;}
#subContents .box ul.list.product li div.cart button i.ico.cart{position:relative; width:16px; height:15px; background-size:cover;}
#subContents .box ul.list.event{display:flex; flex-wrap:wrap; align-items:stretch; gap:28px;}
#subContents .box ul.list.event li{flex:1 1 calc(33.333% - 28px);}
#subContents .box ul.list.event li a{display:block; width:100%; height:100%; padding:20px; border:1px solid #ddd;}
#subContents .box ul.list.event li a:focus, #subContents .box ul.list.event li a:hover{border-color:#222;}
#subContents .box ul.list.event li a .imgW{margin:0 auto 20px; border:1px solid #ddd;text-align:center}
#subContents .box ul.list.event li a .imgW img{width:100%; max-width:1000px;}
#subContents .box ul.list.event li a .txtW{}
#subContents .box ul.list.event li a .txtW p{line-height:1.4;}
#subContents .box ul.list.event li a .txtW p.ti{margin:0 auto 8px; font-weight:500;}
#subContents .box ul.list.event li a .txtW p.date{color:#494949; font-size:.875rem;}
#subContents .box ul.list.event li a .txtW p.date span{display:inline-block; vertical-align:top;}
#subContents .box ul.list.event li.end{filter:grayscale(1);}
#subContents .box ul.list.event li.end p.label{display:inline-block; position:absolute; line-height:1; top:21px; right:21px; padding:10px 16px 9px; background:#AA9147; color:#fff; font-size:.875rem;}
#subContents .box .product_view {cursor:pointer;width:280px}
#subContents .product_view .imgW img{}
#subContents .product_view .txtW {}
#subContents .con{clear:both; display:inline-block; position:relative; width:100%; margin:0 auto; padding:0; color:#222; z-index:1;}
#subContents .con:last-child{margin:0 auto; padding:0;}
#subContents .box .it_basic {font-size:0.85em;line-height:130%;color:#757575;border-bottom:1px solid #A4A4A4;padding:10px 0}
#subContents .box .monitor {list-style:none}
#subContents .box .monitor .title {margin:20px 0;width:100%}
#subContents .box.monitor .title {text-align:center;font-weight:bold;font-size:1.7em}
#subContents .box .monitor .thumb {text-align:center}
#subContents .box .monitor .thumb_small {text-align:center;margin:20px auto}
#subContents .box .monitor .thumb_small li{display:inline-block;text-align:center;border:1px solid #ddd;margin:0 6px;cursor:pointer}
#subContents .box .monitor .content {border-top:1px solid #A4A4A4;text-align:center;padding:20px 0}
#sub {float:left; position:relative; width:100%; height:100%; min-height:600px; margin:0 auto; padding:0px 10px 50px 10px; background:#fff; font-family:Roboto,'Noto Sans KR',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Nenu','Segoe UI','Apple SD Gothic Neo','Malgun Gothic','FontAwesome',sans-serif; font-size:16px; box-sizing:border-box;}
#sub .sub06_01{}
#sub .sub06_01 .con .imgW{display:block; max-width:1150px;}
#sub .sub06_01 .con .imgW img{width:100%; max-width:1150px;}
#sub .sub06_01 .con .txtW{width:width:100%; padding:18px 0 0 0.576%;line-height:150%}
#sub .sub06_01 .con .txtW p{margin:0 auto 56px; color:#494949;}
#sub .sub06_01 .con .txtW p.greeting{margin:0 auto 28px; color:#222; font-size:1.25em; font-weight:500;}
#sub .sub06_01 .con .txtW p.title{margin:0 auto 48px; color:#222; font-size:1.28em; font-weight:700;line-height:130%}
#sub .sub06_01 .con .txtW p.name{margin:0 auto; font-size:1.125em;}
#sub .sub06_01 .con .txtW p.name strong.sign{display:inline-block; margin-left:4px; font-weight:700;}
#sub .sub06_03{}
#sub .sub06_03 .fa {display:inline-block;padding:0 4px;color:#6F7382}
#sub .sub06_03 .con {margin:20px 0}
#sub .sub06_03 .con .box{position:relative; margin:0 auto 80px; padding:60px; /*background:#f6f6f6; */border:1px solid #ddd;}
#sub .sub06_03 .con .box:after{content:''; display:block; position:absolute; width:8%; max-width:212px; height:244px; right:60px; top:50%; margin-top:-122px; background:url('../images/sub/01/khu_symbol_red.png') no-repeat center; background-size:100%; opacity:.1; z-index:0;}
#sub .sub06_03 .con .box p{color:#494949; font-size:1.063em;}
#sub .sub06_03 .con .box p strong{display:inline-block; line-height:1.2; margin:0 auto 12px; color:#a40f16; font-size:1.75em; letter-spacing:-.015em;}
#sub .sub06_03 .con ul.history{position:relative; padding:0px 0 0 28px;width:90%;margin:0 auto;}
#sub .sub06_03 .con ul.history:before{content:''; display:block; position:absolute; width:1px; height:100%; top:5px; left:8px; background:#ddd;}
#sub .sub06_03 .con ul.history li{margin:0 auto 24px;}
#sub .sub06_03 .con ul.history li:last-child{margin:0 auto;}
#sub .sub06_03 .con ul.history li span{display:inline-block; position:relative;}
#sub .sub06_03 .con ul.history li span.year{margin:0 0 16px; color:#0d326f; font-size:1.25em; font-weight:700;}
#sub .sub06_03 .con ul.history li span.year:before{content:''; display:block; position:absolute; width:5px; height:5px; top:8px; left:-22px; background:#6F7382; border:0px solid #c0a353; border-radius:50%;}
#sub .sub06_03 p.title{margin:0 auto 5px; color:#222; font-size:1.18em; font-weight:700;line-height:130%;border-bottom:1px solid #ddd;padding:5px 0}
/*#sub .sub06_03 .con ul.history i.fa-history:before{display:block; position:absolute; width:16px; height:16px; left:1px; background:#fff;padding:5px 0;color:#6F7382 }*/
#sub .sub06_04 .con .map{width:100%;height:100%;}
#sub .sub06_04 .map .root_daum_roughmap{width:100%;margin:20px 0}
#sub .sub06_04 .root_daum_roughmap .wrap_map{height:100%;}
#sub .sub06_04 p + ul.list{margin-top:-30px;}
#sub .sub06_04 p.title{margin:0 auto 5px; color:#222; font-size:1.18em; font-weight:700;line-height:130%;border-bottom:1px solid #ddd;padding:5px 0}
#sub .sub06_04 span.ico{display:inline-block;color:#8EAAD6;background:#FFF;width:20px;border:0px solid #F1F1F1;text-align:center;border-radius:3px;margin-right:5px}
#sub .sub06_04 div.bus {margin:30px 0}
#sub .sub06_04 p.txt {margin:15px 0}
#sub .sub06_04 p.info {margin:20px 0;line-height:160%;color:#494949}
#sub .sub06_04 div.shuttle{margin:20px 0;line-height:140%;color:#FF7800}
#sub .sub06_04 div.shuttle li{;margin:0;padding:0}
#sub .sub06_04 div.shuttle li:nth-child(1){}
#sub .sub06_04 div.shuttle li:nth-child(1) .fa-car{font-size:.95em}
#sub .sub06_04 div.shuttle li:nth-child(1) .info{font-weight:500;color:#494949;}
#sub .sub06_04 div.shuttle li:nth-child(2){}
#sub .sub06_04 div.shuttle li .img{border:1px solid #DDD}
#sub .sub06_04 div.shuttle div {margin:40px 0}
#sub .sub06_03 .con ul.history li ul{padding:20px 24px; background:#f6f6f6; border-radius:8px;}
#sub .sub06_03 .con ul.history li ul li{display:flex; flex-wrap:wrap; align-items:flex-start; margin:0 auto 12px;}
#sub .sub06_03 .con ul.history li ul li:last-child{margin:0 auto;}
#sub .sub06_03 .con ul.history li ul li span.date{flex:0 0 80px; line-height:1.0; /*margin:0 0 8px; */font-weight:700;}
#sub .sub06_03 .con ul.history li ul li p{flex:1; color:#494949;}
#sub .sub06_03 .con img {margin:20px 0}
#sub .sub06_05 .con .map{width:100%;height:100%;}
#sub .sub06_05 .txtW {margin-top:50px !important}
#sub .sub06_05 .txtW:nth-child(1) {margin-top:10px !important}
#sub .sub06_05 .map .root_daum_roughmap{width:100%;margin:20px 0}
#sub .sub06_05 .root_daum_roughmap .wrap_map{height:100%;}
#sub .sub06_05 p + ul.list{margin-top:-30px;}
#sub .sub06_05 p.title{margin:0 auto 0px; color:#222; font-size:1.18em; font-weight:700;line-height:100%;border-bottom:0px solid #ddd;padding:0px 0}
#sub .sub06_05 span.ico{display:inline-block;color:#8EAAD6;background:#FFF;width:20px;border:0px solid #F1F1F1;text-align:center;border-radius:3px;margin-right:5px}
#sub .tableW{width:100%; overflow-x:auto;margin:0 auto 20px;}
#sub .tableW:last-child{margin-bottom:0;}
#sub table{width:100%; background:#fff; border:1px solid #ddd; border-top:2px solid #A3A29F; text-align:center;margin:15px 0}
#sub table tr th{line-height:1.4; color:#222;min-height:40px; padding:10px 10px; background:#F1F1F1; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:400; vertical-align:middle; word-break:keep-all;}
#sub table tr th.rowtit, #sub table tr th.rowti{background:#e6e6e6;}
#sub table tr th:last-child{border-right:none;}
#sub table tr td{line-height:1.4; padding:12px 14px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:0.938rem; word-break:keep-all; vertical-align:middle;height:100px}
#sub table tr td:last-child{border-right:none;}
#sub table tr td.alignLeft{text-align:left;}
#sub table tr td.alignRight{text-align:right;}
#sub table tr td.break{word-break:break-all;}
#sub table tr.total td{font-weight:600;}
#sub table tr td ol, #sub table tr td ul{text-align:left;}
#sub .sub02_03 .con .imgW{width:100%; max-width:880px; margin:20px auto;}
#sub .sub02_03 .con ul{position:relative; display:block; width:100%; margin:0 auto; padding:0; background:transparent; border:none; text-align:center;border-radius:0;}
#sub .sub02_03 .con ul > li{display:inline-block; position:relative;}
#sub .sub02_03 .con ul li > span{display:block; position:relative; width:160px; line-height:1.2; margin:0 auto 20px; padding:10px; color:#fff; font-size:1.125rem; text-align:center; word-break:keep-all; border-radius:5px;}
#sub .sub02_03 .con ul li > span.gray{background:#888;}
#sub .sub02_03 .con ul li > span.blue{background:#3071cf;}
#sub .sub02_03 .con ul li > span.darkblue{background:#213781;}
#sub .sub02_03 .con ul li > span.sky{width:180px; background:#27b3d1;}
#sub .sub02_03 .con ul li > span.yellow{width:240px; background:#afa167;}
#sub .sub02_03 .con ul li > span:before, #sub .sub02_03 .con ul li > span:after{content:''; display:block; position:absolute; width:0; height:0; background:#ddd; z-index:-1;}
#sub .sub02_03 .con ul.subgroup1{margin-top:-60px;}
#sub .sub02_03 .con ul.subgroup2{}
#sub .sub02_03 .con ul li.subgroup3{}
#sub .sub02_03 .con ul > li.list1{}
#sub .sub02_03 .con ul > li.list1 > span:after{width:1px; height:42px; top:100%; left:50%;}
#sub .sub02_03 .con ul > li.list2{display:block; float:right;}
#sub .sub02_03 .con ul > li.list2 > span{margin-right:5px;}
#sub .sub02_03 .con ul > li.list2 > span:before{width:185px; height:1px; top:50%; right:100%;}
#sub .sub02_03 .con ul > li.list3{clear:both; display:block; float:right;}
#sub .sub02_03 .con ul > li.list3 > span{margin-right:5px;}
#sub .sub02_03 .con ul > li.list3 > span:before{width:185px; height:1px; top:50%; right:100%;}
#sub .sub02_03 .con ul > li.list4{clear:both; display:block; float:left; margin-top:-122px;}
#sub .sub02_03 .con ul > li.list4 > span{display:block; float:left; margin-bottom:90px; margin-left:5px;}
/*#sub .sub02_03 .con ul > li.list4 > span:before{width:265px; height:1px; top:50%; left:100%;}*/
#sub .sub02_03 .con ul > li.list4 > span:after{width:1px; height:270px; top:100%; left:50%;}
#sub .sub02_03 .con ul > li.list4 > span span.mini{color:#7caff7; font-size:0.813rem;}
#sub .sub02_03 .con ul > li.list5{clear:both; display:block;}
#sub .sub02_03 .con ul > li.list5 > ul{float:right; width:auto; margin-top:-74px;}
#sub .sub02_03 .con ul > li.list5 > span:before{width:265px; height:1px; top:50%; right:100%;}
#sub .sub02_03 .con ul > li.list6{}
#sub .sub02_03 .con ul > li.list6 > span{margin-right:5px;}
#sub .sub02_03 .con ul > li.list6 > span:before{width:185px; height:1px; top:50%; right:100%;}
#sub .sub02_03 .con ul > li.list7{clear:both; display:block;}
#sub .sub02_03 .con ul > li.list7 > ul{float:right; width:auto; margin-top:-64px;}
#sub .sub02_03 .con ul > li.list7 > span:before{width:265px; height:1px; top:50%; right:100%;}
#sub .sub02_03 .con ul > li.list8{}
#sub .sub02_03 .con ul > li.list8 > span{margin-right:5px;}
#sub .sub02_03 .con ul > li.list8 > span:before{width:185px; height:1px; top:50%; right:100%;}
#sub .sub02_03 .con ul > li.list9{clear:both; margin:40px auto;}
#sub .sub02_03 .con ul > li.list9 > span{margin:40px auto 0;}
#sub .sub02_03 .con ul > li.list9 > span:before{width:432%; height:1px; top:-20px; left:50%; margin-left:-216%;}
#sub .sub02_03 .con ul > li.list9 > span:after{width:1px; height:20px; bottom:100%; left:50%;}
#sub .sub02_03 .con ul > li.list10{}
#sub .sub02_03 .con ul > li.list11{}
#sub .sub02_03 .con ul > li.list12{}
#sub .sub02_03 .con ul > li.list13{}
#sub .sub02_03 .con ul > li.list14{}
#sub .sub02_03 .con ul li.sub{display:inline-block; position:relative; margin:0 5px; vertical-align:top;}
#sub .sub02_03 .con ul li.sub:after{content:''; display:block; position:absolute; width:1px; height:20px; top:100%; left:50%; background:#ddd; z-index:-1;}
#sub .sub02_03 .con ul li.sub > span{margin-bottom:0; border-radius:5px 5px 0 0;}
#sub .sub02_03 .con ul li.sub ul{width:100px; padding:16px 2px;background:#FFF;;border-radius:0 0 5px 5px; text-align:center;}
#sub .sub02_03 .con ul li.sub ul li{display:inline-block; margin:0 2px; vertical-align:top;}
#sub .sub02_03 .con ul li.sub ul li > span{width:40px; height:230px; margin:0; padding:10px 10px; color:#555; background:#fff; border:1px solid #ddd; font-size:0.938rem; word-break:normal;}
#sub .sub02_03 .con sup{padding-left:2px;}
#sub .sub02_03 .con p.point{text-align:right;}
#sub .sub02_03 .con p.point:before{display:none;}
#sub .sub02_03 .con ul.member{display:inline-block; display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; margin:0 auto 20px;}
#sub .sub02_03 .con ul.member > li{display:inline-block; width:160px; margin:0 10px; padding:0; background:#fff; border:1px solid #d9ecf8; border-radius:5px; vertical-align:top;}
#sub .sub02_03 .con ul.member li p.ti{padding:8px 10px; background:#d9ecf8; border-radius:5px 5px 0 0; color:#144693; font-size:1.063rem; text-align:center;}
#sub .sub02_03 .con ul.member li ul.list.work{padding:16px 8px 20px; border-radius:0 0 5px 5px;}
#sub .sub02_03 .con ul.member li ul.list.work li{display:block; width:100%; margin:0 auto 8px; padding:0; text-align:center;}
#sub .sub02_03 .con ul.member li ul.list.work li:last-child{margin:0 auto;}
#sub .sub02_03 .con .jum {display:block;width:2px;height:2px;background:#454545;margin:6px auto}
/*220225 기구/조직 수정*/
#sub .sub02_03_220225 .con ul li > span.bluegreen{background:#006064;}
#sub .sub02_03_220225 .con ul li > span.lightbluegreen{background:#00838f;}
#sub .sub02_03_220225 .con ul li > span.lightblue{background:#03a9f4;}
#sub .sub02_03_220225 .con ul > li.list2_mobile{display:none !important;}
#sub .sub02_03_220225 .con ul > li.list1 > span:after{height:150px;}
#sub .sub02_03_220225 .con ul > li.list2 {clear: both; display: block; float: left;}
#sub .sub02_03_220225 .con ul > li.list2 span{margin-top:12px;}
#sub .sub02_03_220225 .con ul > li.list2 > span:before{display:none;}
#sub .sub02_03_220225 .con ul > li.list3{margin-top:-73px;}
#sub .sub02_03_220225 .con ul > li.list3 > span:before { width:125px;height: 1px;top: 50%;right: 100%;}
#sub .sub02_03_220225 .con ul > li.list3 > span:after{height:133px;width:1px;top:22px;left:-70px;}
#sub .sub02_03_220225 .con ul > li.list4{margin-right: 5px;float:right;margin-top: -12px;}
#sub .sub02_03_220225 .con ul > li.list4 > span{margin-bottom:20px;}
#sub .sub02_03_220225 .con ul > li.list4 > span:after{display:none;}
#sub .sub02_03_220225 .con ul > li.list4 > span:before,#sub .sub02_03_220225 .con ul > li.list5 > span:before{width: 70px;height: 1px;top: 50%;right: 100%;}
#sub .sub02_03_220225 .con ul > li.list5{margin-right: 5px;float: right;margin-top: 0;}
#sub .sub02_03_220225 .con ul > li.list5 > span{margin-bottom:0;}
#sub .sub02_03_220225 .con ul > li.list5 > span:after{display:none;}
#sub .sub02_03_220225 .con ul > li.list6{clear:both;display:block;}
#sub .sub02_03_220225 .con ul > li.list6 > span{margin-right:auto;}
#sub .sub02_03_220225 .con ul > li.list6 > span:before{display:none;}
#sub .sub02_03_220225 .con ul > li.list6 > span:after{width:1px; height:93px;left:50%;}
#sub .sub02_03_220225 .con ul > li.list6 > span span.mini {color: #7caff7;font-size: 0.813rem;}
#sub .sub02_03_220225 .con ul > li.list7{float:left;}
#sub .sub02_03_220225 .con ul > li.list7 > ul{margin-top:0;float:none;}
#sub .sub02_03_220225 .con ul > li.list7 > span{width:240px;}
#sub .sub02_03_220225 .con ul > li.list7 > span:before{display:none;}
#sub .sub02_03_220225 .con ul > li.list7 > span:after{width: 190px; height: 1px;top: 50%;left: 100%;}
#sub .sub02_03_220225 .con ul > li.list8 > span:before{width: 1px;height: 20px; top: initial;bottom: 100%;left: 50%;}
#sub .sub02_03_220225 .con ul > li.list9{display:block;margin-top:83px;margin-bottom:20px;clear:initial;}
#sub .sub02_03_220225 .con ul > li.list9 > span:before{display:none;}
#sub .sub02_03_220225 .con ul > li.list9 > span:after{width: 1px;height: 20px; top:100%;left: 50%;}
#sub .sub02_03_220225 .con ul > li.list10{margin-top:-42px;float:right;}
#sub .sub02_03_220225 .con ul > li.list10 span:before{width: 125px;height: 1px;top: 50%;right: 100%;}
#sub .sub02_03_220225 .con ul li.sub:before {content: ''; display: block;position: absolute;width: 1px;height: 20px;bottom: 100%; left: 50%;background: #ddd;z-index: -1;}
#sub .sub02_03_220225 .con ul li.subgroup3{padding-top:20px;padding-bottom:20px;}
#sub .sub02_03_220225 .con ul li.subgroup3:before{content: ''; display: block;position: absolute;width:80.4%;height: 1px;bottom:100%;background: #ddd;left:50%;transform:translateX(-50%);z-index: -1;}
#sub .sub02_03_220225 .con ul li.subgroup3:after{content: ''; display: block;position: absolute;width:80.4%;height: 1px;top:76%;background: #ddd;left:50%;transform:translateX(-50%);z-index: -1;}
#sub .sub02_03_220225 .con ul > li.list11 > span{margin: 40px auto 0;}
#sub .sub02_03_220225 .con ul > li.list11 > span:after {width: 1px; height: 20px; bottom: 100%;left: 50%;}
#sub .sub02_03_220225 .box {margin-top:40px}
i.ico{display:inline-block;}
i.ico.search{width:15px; height:15px; background:url('../images/ico_search.png') no-repeat center top 0;}
i.ico.search.white{background-position:center top -15px;}
i.ico.heart{width:16px; height:16px; background:url('../images/ico_heart.png') no-repeat center top 0;}
i.ico.view{width:16px; height:16px; background:url('../images/ico_view.png') no-repeat center top 0;}
i.ico.latest{width:16px; height:16px; background:url('../images/ico_time.png') no-repeat center top 0;}
i.ico.reply{width:16px; height:16px; background:url('../images/ico_reply.png') no-repeat center top 0;}
i.ico.student{width:16px; height:16px; background:url('../images/sub/ico_student.png') no-repeat center top 0;}
i.ico.professor{width:16px; height:16px; background:url('../img/icon_kakao.png') no-repeat center top 0;}
i.ico.kakao{width:300px; height:45px; background:url('../images/kakao_login_medium_wide.png') no-repeat center top 0;}
i.ico.naver{width:16px; height:16px; background:url('../img/naver_icon.png') no-repeat center top 0;}
i.ico.company{width:16px; height:16px; background:url('../images/sub/ico_company.png') no-repeat center top 0;}
i.ico.question{width:14px; height:14px; background:url('../images/ico_question.png') no-repeat center top 0;}
i.ico.check_ok_bg{width:16px; height:16px; background:url('../images/ico_check_ok_bg.png') no-repeat center top 0;}
i.ico.check_no_bg{width:16px; height:16px; background:url('../images/ico_check_no_bg.png') no-repeat center top 0;}
i.ico.image_upload{width:66px; height:66px; background:url('../images/ico_image_upload.png') no-repeat center top 0;}
i.ico.link{width:16px; height:16px; background:url('../images/ico_link.png') no-repeat center top 0;}
i.ico.folder{width:16px; height:16px; background:url('../images/ico_folder.png') no-repeat center top 0;}
i.ico.edit{width:16px; height:16px; background:url('../images/ico_edit.png') no-repeat center top 0;}
i.ico.delete{width:16px; height:16px; background:url('../images/ico_delete.png') no-repeat center top 0;cursor:pointer}
i.ico.delete2{width:12px; height:12px; background:url('../images/ico_delete.png') no-repeat center top 0;}
i.ico.update{width:16px; height:16px; background:url('../images/ico_update.png') no-repeat center top 0;}
@media all and (max-width:1279px){
#subVisual{min-width:960px;}
#side{padding:40px 0;}
#subContents{min-height:450px; padding:40px 0 80px 40px; border-left:none;}
#subContents .inner{width:100%;}
@media all and (max-width:1023px){
#subVisual{min-width:296px;}
#side{display:none;}
#subContents{clear:both; float:none; width:100%; max-width:915px; min-width:280px; padding:28px 0 60px; border-left:none;}
#subContents .inner{width:100%; padding:0 20px;}
#subContents .box ul.list.product{gap:20px;width:auto}
/*#subContents .box ul.list.product li{flex:1 1 calc(33.333% - 20px);}*/
#subContents .box ul.list.product li a .imgW{margin:0 auto 12px;}
#subContents .box ul.list.event{gap:20px;}
#subContents .box ul.list.event li{flex:1 1 calc(33.333% - 20px);}
#subContents .box ul.list.event li a .imgW{margin:0 auto 12px;}
#subContents .box ul.list.product li a .txtW{}
#bo_v_con{overflow-x:auto;}
}
@media all and (max-width:768px){
#subContents . text {align:center}
#subContents{padding:28px 0 40px; font-size:15px;}
#subContents .category.type2 ul{white-space:nowrap;}
#subContents .category.type2 ul li{margin:0 -1px 0 0;}
#subContents .category.type2 ul li a{font-size:.938rem;}
#subContents .box ul.list.product li{flex:1 1 calc(50% - 50px);}
#subContents .box ul.list.event li{flex:1 1 calc(50% - 20px);}
#subContents .box ul.list.product li a .txtW{}
#subContents .product_view {cursor:pointer;margin:0 auto;}
#subContents .product_view .txtW {}
#subContents .product_view .imgW img{width:100%;height:100%}
#subContents .product {}
#subContents .it_view .thumb img{width:100%;height:100%}
#subContents .it_view .content img{width:100%;height:100%}
}
@media all and (max-width:480px){
#side{padding:24px 0;}
#subContents{padding:24px 0 32px; font-size:14px;}
#subContents .box ul.list.product{gap:0;width:auto}
#subContents .box ul.list.product li{flex:1 1 100%; margin:0 auto 20px;}
#subContents .box ul.list.event{gap:0;}
#subContents .box ul.list.event li{flex:1 1 100%; margin:0 auto 20px;}
}
@media all and (max-width:319px){
#subVisual{min-width:280px;}
#subContents{min-width:280px;}
}