/* CSS Document */
#khwhay{position:relative;top:-80px}
#khwhat{position:relative;top:-80px}

/**/
#khcontent .section{padding:0 10px}
#khcontent #section1{padding-top:120px !important;background:#f0f5f8}
#khcontent #section2{background:#fff}
#khcontent #section3{background:#f0f5f8}
#khcontent #section4{background:#fff}

#khcontent .section h3{margin:0 0 20px 0;font-size:20px;font-weight:600;color:#092e4b;letter-spacing:-1px}
#khcontent .section h3 i{font-size:20px;margin:0 5px 0 0}

#khcontent .table{padding:0 0 20px 0}
#khcontent .table *{font-size:12px}
#khcontent .table table{width:100%;border-collapse:collapse}
#khcontent .table td,
#khcontent .table th{padding:5px;text-align:center;border:1px solid #ccc}
#khcontent .table td{vertical-align:top}
#khcontent .table tbody tr:nth-child(odd){background:#fff}
#khcontent .table tbody tr:nth-child(even){background:#fafafa}
#khcontent .table .th1{color:#fff;background:#4fabc4}
#khcontent .table .th2{background:#b8e4f0}
#khcontent .table .th3{background:#b8e4f0}
#khcontent .table .th4{background:#ecf7fa}
#khcontent .about{position:relative;padding:10px;font-size:12px;font-weight:300}
#khcontent .about h4{position:relative;left:-10px;padding:0 0 10px 0;font-size:14px;font-weight:500}

#khcontent .introa{position:relative}
#khcontent .introa dl{margin:0 0 20px 0}
#khcontent .introa dt{position:relative;margin:0 0 10px 0;font-size:14px;font-weight:700;color:#0b5a8b}
#khcontent .introa dd{font-size:13px;font-weight:400;color:#555;letter-spacing:-1px}
#khcontent .introa dd br{display:none}
#khcontent .introa img{position:relative;padding:0 30px 0 0;width:100%}
#khcontent .introb{position:relative}
#khcontent .introb dl{margin:0 0 20px 0}
#khcontent .introb dt{position:relative;margin:0 0 10px 0;font-size:14px;font-weight:700;color:#0b5a8b}
#khcontent .introb dd{font-size:13px;font-weight:400;color:#555;letter-spacing:-1px}
#khcontent .introb dd br{display:none}
#khcontent .introb img{position:relative;padding:0 30px 0 0;width:100%}
#khcontent .introc{position:relative}
#khcontent .introc dl{margin:0 0 20px 0}
#khcontent .introc dt{position:relative;margin:0 0 10px 0;font-size:14px;font-weight:700;color:#0b5a8b}
#khcontent .introc dd{font-size:13px;font-weight:400;color:#555;letter-spacing:-1px}
#khcontent .introc dd span{color:#e68200}
#khcontent .introc dd br{display:none}
#khcontent .introc img{position:relative;padding:0 30px 0 0;width:100%}

#khcontent .schedulea{position:relative}
#khcontent .schedulea p{position:relative;top:-15px;font-size:12px;font-weight:400;color:#6b879f}
#khcontent .schedulea dl{margin:0 0 50px 0}
#khcontent .schedulea dt{position:relative;margin:0 0 10px 0;;font-size:14px;font-weight:700;color:#0b5a8b}
#khcontent .schedulea dd{margin:0 0 20px 0;font-size:13px;font-weight:400;color:#555;letter-spacing:-1px}
#khcontent .schedulea dd span{display:block;padding:5px;margin:0 0 15px 0;font-size:13px;font-weight:500;color:#fff;background:#008cca}
#khcontent .schedulea img{position:relative;padding:0 30px 0 0;width:100%}

#khcontent .scheduleb{position:relative}
#khcontent .scheduleb p{position:relative;top:-15px;font-size:12px;font-weight:400;color:#6b879f}
#khcontent .scheduleb dl{margin:0 0 20px 0}
#khcontent .scheduleb dt{position:relative;margin:0 0 10px 0;;font-size:14px;font-weight:700;color:#0b5a8b}
#khcontent .scheduleb dd{margin:0 0 20px 0;font-size:13px;font-weight:400;color:#555;letter-spacing:-1px}
#khcontent .scheduleb dd span{display:block;padding:5px;margin:0 0 15px 0;font-size:13px;font-weight:500;color:#fff;background:#008cca}
#khcontent .scheduleb img{position:relative;padding:0 30px 0 0;width:100%}

#khcontent .schedulec{position:relative}
#khcontent .schedulec p{position:relative;top:-15px;font-size:12px;font-weight:400;color:#6b879f}
#khcontent .schedulec dl{margin:0 0 50px 0}
#khcontent .schedulec dt{position:relative;margin:0 0 10px 0;;font-size:14px;font-weight:700;color:#0b5a8b}
#khcontent .schedulec dd{margin:0 0 20px 0;font-size:13px;font-weight:400;color:#555;letter-spacing:-1px}
#khcontent .schedulec dd span{display:block;padding:5px;margin:0 0 15px 0;font-size:13px;font-weight:500;color:#fff;background:#008cca}
#khcontent .schedulec img{position:relative;padding:0 30px 0 0;width:100%}

#khcontent .scheduleb ul{padding:0 0 10px 0;overflow:hidden}
#khcontent .scheduleb ul li{float:left;width:100%}
#khcontent .scheduleb ul li img{position:relative;top:0;left:0;padding:0;width:auto}
#khcontent .scheduleb ul ul{margin:0 !important;padding:10px 0}
#khcontent .scheduleb ul ul li{float:left;position:relative;padding:0 0 10px 20px;width:100% !important;font-size:13px}
#khcontent .scheduleb ul ul li em{position:absolute;top:0;left:0}
#khcontent .scheduleb p{font-size:13px;font-weight:300;color:#555}
#khcontent .scheduleb .inner{position:relative;margin:0 0 20px 0;padding:20px 0;text-align:center;background:#f0f5f8}
#khcontent .scheduleb .inner ul{overflow:hidden}
#khcontent .scheduleb .tit{position:absolute;padding:5px 0;width:120px;font-size:14px;color:#fff;background:#0b5a8b;text-align:center}
#khcontent .scheduleb .txt strong{display:block;font-size:17px;font-weight:600;color:#555}
#khcontent .scheduleb .txt span{display:block;padding:10px;font-size:12px;font-weight:400}
#khcontent .scheduleb .list{padding:0 0 40px 0}

#khcontent .schedulec .tit{position:relative;margin:0 0 10px 0;width:120px;line-height:30px;font-size:14px;color:#fff;background:#0b5a8b;text-align:center}
#khcontent .schedulec .txt{margin:0 0 20px 0;font-size:13px;font-weight:400;color:#555;letter-spacing:-1px}

#khcontent .pscbtn{padding:0 0 20px 0;text-align:center}
#khcontent .pscbtn a{display:inline-block;margin:0 auto;padding:0 30px;line-height:35px;font-size:14px;border-radius:90px;text-align:center;transition:all 0.3s}
#khcontent .pscbtn a i{position:relative;top:4px;display:inline-block;margin:0 0 0 20px;width:25px;height:22px;background-size:35px auto}
#khcontent .pscbtn .sch{color:#fff;background:#092e4b}
#khcontent .pscbtn .inq{color:#092e4b;background:#dbeded}
#khcontent .pscbtn .sch i{background:url(../img/more.png) no-repeat;background-size:25px auto}
#khcontent .pscbtn .inq i{background:url(../img/inqu.png) no-repeat;background-size:25px auto}
#khcontent .bt{display:inline-block;margin:3px 0 0 0;padding:5px 20px;font-size:14px;font-weight:500;border-radius:90px;text-align:center;color:#fff;background:#008cca;transition:all 0.3s}
#khcontent .bt:hover{filter:brightness(1.2);box-shadow:0px 4px 4px rgba(0,0,0,0.1)}

#khcontent .benefita{position:relative}
#khcontent .benefita ul{position:relative;margin:0 -10px 0 0;overflow:hidden}
#khcontent .benefita li{float:left;width:50%}
#khcontent .benefita li .inner{margin:0 10px 10px 0;padding:20px 5px;min-height:160px;background:#fff;text-align:center}
#khcontent .benefita li .inner img{width:60px;height:auto}
#khcontent .benefita li .inner span{display:block;font-size:12px;font-weight:400;color:#333;letter-spacing:-1px}
#khcontent .benefita li .inner span br{display:none}

#khcontent .benefitb{position:relative}
#khcontent .benefitb ul{position:relative;margin:0 -10px 0 0;overflow:hidden}
#khcontent .benefitb li{float:left;width:50%}
#khcontent .benefitb li .inner{margin:0 10px 10px 0;padding:20px 5px;min-height:160px;background:#fff;text-align:center}
#khcontent .benefitb li .inner img{width:60px;height:auto}
#khcontent .benefitb li .inner span{display:block;font-size:12px;font-weight:400;color:#333;letter-spacing:-1px}
#khcontent .benefitb li .inner span br{display:none}

#khcontent .benefitc{position:relative}
#khcontent .benefitc ul{position:relative;margin:0 -10px 0 0;overflow:hidden}
#khcontent .benefitc ul > li{}
#khcontent .benefitc .inner{margin:0 10px 10px 0;padding:20px 5px;background:#fff;text-align:center}
#khcontent .benefitc .inner img{width:60px;height:auto}
#khcontent .benefitc .inner span{display:block;font-size:12px;font-weight:400;color:#333;letter-spacing:-1px}
#khcontent .benefitc .inner span br{display:none}
#khcontent .benefitc .inner dl{overflow:hidden}
#khcontent .benefitc .inner dt{float:left;width:40%}
#khcontent .benefitc .inner dd strong{display:block;padding-bottom:5px;font-size:14px}
#khcontent .benefitc .inner dd{float:left;width:60%;font-size:12px;text-align:left}
#khcontent .benefitc .inner dd ol{padding:0 0 10px 0}
#khcontent .benefitc .inner dd ol ol{padding:0 0 10px 10px;font-size:11px}

#khcontent .contact{position:relative}
#khcontent .contact p{position:absolute;top:30px;right:0;font-size:14px;font-weight:400;color:#6b879f}
#khcontent .contact ul{position:relative;overflow:hidden}
#khcontent .contact li{padding:0 0 10px 0}
#khcontent .contact li h4{margin:0 0 10px 0;font-size:14px;font-weight:600;color:#0c5a8b}
#khcontent .contact li span{display:block;position:relative;padding:0 0 10px 30px;font-size:15px;font-weight:400}
#khcontent .contact li span i{position:absolute;top:-1px;left:0;font-size:24px;color:#555}

#khcontent .khprivacy{padding:60px 0 30px 0}
#khcontent .khprivacy h2{font-size:30px;font-weight:600;color:#333;}
#khcontent .khprivacy h3{margin:0 0 20px 0;font-size:18px;font-weight:600;color:#333}
#khcontent .khprivacy h4{margin:0 0 20px 0;font-size:16px;font-weight:500;color:#005891}
#khcontent .khprivacy .info{margin:0 0 20px 0;padding:30px;line-height:30px;font-size:15px;color:#fe5c5c;background:#f2f6f9}
#khcontent .khprivacy .tit{margin:0 0 100px 0;text-align:center}
#khcontent .khprivacy .tit span{font-size:16px;font-weight:500;color:#707070;text-align:center}
#khcontent .khprivacy .list{padding:0 10px;margin:0 0 50px 0}
#khcontent .khprivacy .txt{line-height:30px;font-size:13px;font-weight:400;color:#707070}
#khcontent .khprivacy .txt strong{display:block;margin:0 0 10px 0;font-size:16px;font-weight:400;color:#333}
#khcontent .khprivacy .txt span{padding:0 5px}
#khcontent .khprivacy .txt ul{margin:0 0 30px 0}
#khcontent .khprivacy .txt p{line-height:1.4;font-size:12px;color:#999}
#khcontent .khprivacy table {margin:10px 0;width:100%;border-top:2px solid #333;border-collapse:collapse}
#khcontent .khprivacy table th {padding:10px 5px;line-height:16px;font-size:13px;font-weight:600;color:#333;background:#f5f5f5;vertical-align:middle;text-align:center;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
#khcontent .khprivacy table td {padding:10px 5px;line-height:18px;font-size:13px;vertical-align:middle;text-align:center;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
#khcontent .khprivacy table caption {font-size:0;height:0;line-height:0;width:0;overflow:hidden}

#khcontent .khterms{padding:60px 0 30px 0}
#khcontent .khterms h2{font-size:30px;font-weight:600;color:#333;}
#khcontent .khterms h3{margin:0 0 20px 0;font-size:18px;font-weight:600;color:#333}
#khcontent .khterms h4{margin:0 0 20px 0;font-size:16px;font-weight:500;color:#005891}
#khcontent .khterms .tit{margin:0 0 100px 0;text-align:center}
#khcontent .khterms .tit span{font-size:16px;font-weight:500;color:#707070;text-align:center}
#khcontent .khterms .list{padding:0 10px;margin:0 0 50px 0}
#khcontent .khterms .list .txt{line-height:30px;font-size:13px;font-weight:400;color:#707070;background:#fff}
#khcontent .khterms .list .txt strong{padding:0 5px 0 0;color:#333;font-weight:400}
#khcontent .khterms .list .txt li span{padding:0 5px 0 20px}
#khcontent .khterms .list .txt li ul {padding:0 0 0 30px}

#khcontent .faqlist{}
#khcontent .faq1{position:relative;margin:0 0 20px 0;text-align:left}
#khcontent .faq1 strong{position:absolute;top:0;left:0;display:block;width:25px;height:25px;line-height:25px;font-size:12px;color:#fff;border-radius:46px;background:#c8c8c8;text-align:center}
#khcontent .faq1 .txt{display:inline-block;margin:35px 35px 0 0;padding:8px 15px;line-height:18px;font-size:13px;font-weight:500;color:#555;border-radius:0 15px 15px 15px;background:#f3f0f0;box-shadow:0 5px 5px rgba(0,0,0,0.1)}
#khcontent .faq2{position:relative;top:-30px;margin:0 0 20px 0;text-align:right}
#khcontent .faq2 strong{position:absolute;top:0;right:0;display:block;width:25px;height:25px;line-height:25px;font-size:12px;color:#fff;border-radius:46px;background:#0b5a8b;text-align:center}
#khcontent .faq2 .txt{display:inline-block;margin:35px 0 0 0;padding:10px 15px;line-height:18px;font-size:13px;font-weight:300;color:#fff;border-radius:15px 0 15px 15px;background:#0b5a8b;box-shadow:0 5px 5px rgba(0,0,0,0.1);text-align:left}
#khcontent .faq2 .txt br{display:none}




/*
#program table *{margin:0;padding:0;border:0;list-style-type:none;color:#333}
#program table{width:100%;border-collapse:collapse;border-top:2px solid #a0b6c8}
#program table caption{display:none}
#program table thead *{font-size:15px}
#program table tbody *{font-size:14px}
#program table thead th{padding:13px 10px;line-height:15px;font-weight:800;text-align:center;color:#000;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #ccc;background:#fff}
#program table thead th:first-child{border-left:0}
#program table thead tr{background-color:#fff}
#program table thead th:last-child{border-right:0}
#program table tbody tr{background:#fbfbfb}
#program table tbody tr:nth-child(even){background:#fff}
#program table tbody th{padding:6px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2}
#program table tbody td{padding:6px 10px;text-align:center;border:1px solid #d2d2d2;border-bottom:1px solid #ccc}
#program table tbody td:first-child{border-left:0}
#program table tbody td:last-child{border-right:0}
#program table tbody th:first-child{border-left:0}
#program table tbody th:last-child{border-right:0;background-color:#fbfbfb}
#program table tbody tr:first-child th,
#program table tbody tr:first-child td{padding-top:9px !important;border-top:1px solid #aaa;background-image:url(../img/table_td.png);background-repeat:repeat-x}
#program table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff}
#program table tfoot th{padding:4px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f4f5f8}
#program table tfoot td{padding:4px 10px;text-align:center;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f8f8f8}
#program table tfoot td:first-child{border-left:0}
#program table tfoot td:last-child{border-right:0}
#program table tfoot th:first-child{border-left:0}
#program table tfoot th:last-child{border-right:0}
#program table tfoot td.tal{text-align:left}
#program table tbody td .input_box{height:25px;line-height:25px;border:1px solid #ccc}
#program table tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff}
#program table tbody td.subject{text-align:left}
#program table tbody td.subject a:hover{color:#000;text-decoration:underline}
#program table tbody th.item,
#program table tbody td.item{border-bottom:1px solid #cacaca;background-color:#fafafa}
#program table tbody td.item span.red{position:relative;margin:0 0 0 -10px}
#program table tbody td .dtnum{display:block;position:relative;height:16px;line-height:16px;text-overflow:ellipsis;overflow:hidden}
#program table tbody td .new{font-size:11px;font-weight:800;color:#c00}
#program table tbody td .btn_zip{padding:0 7px;height:25px;font-size:12px;letter-spacing:-1px;color:#fff !important;border:1px solid #333;background:#777 !important;cursor:pointer}
#program table tbody td .okay{padding:5px 30px;font-size:16px;color:#fff;border:1px solid #333;background:#333;cursor:pointer}*/

#popupbar .popupbar{overflow:hidden}
#popupbar .popupbar .slide{overflow:hidden}
#popupbar .popupbar .slide .holidays{padding:10px 0 0 0 !important}
#popupbar .popupbar .slide .holidays h3{font-size:12px !important}
#popupbar .popupbar .slide .holidays button{font-size:11px !important}
#popupbar .popupbar .slide .opens{width:auto !important}
#popupbar .bx-controls{display:none}

#design input[type=checkbox]{display:none;()display:block}
#design input[type=checkbox]+ label{display:inline-block;position:relative;padding:0 0 0 23px !important;margin-right:10px;cursor:pointer}
#design input[type=checkbox]+ label:before{content:"";display:inline-block;position:relative;top:0px;width:16px;height:16px;margin-right:10px;position:absolute;left:0;bottom:4px;border:1px solid #c4c4c4;background:#fff;border-radius:0}
#design input[type=checkbox]:checked + label:before{content:"\2713";font-size:13px !important;font-weight:800;color:#03a98f;background:#fff;text-align:center;line-height:16px} 
#design input[type=radio]{display:none;()display:block}
#design input[type=radio]+ label{display:inline-block;position:relative;padding:0 0 0 23px !important;margin-right:10px;cursor:pointer}
#design input[type=radio]+ label:before{content:"";display:inline-block;position:relative;top:0px;width:16px;height:16px;margin-right:10px;position:absolute;left:0;bottom:4px;border:1px solid #c4c4c4;background:#fff;border-radius:20px}
#design input[type=radio]:checked + label:before{content:"\2022";font-size:16px !important;font-weight:800;color:#03a98f;background:#fff;text-align:center;line-height:16px}

/**/
#design .guide_box{margin:30px 0;padding:30px 30px;-moz-box-shadow:inset 0 0 10px #B2B2B2;-webkit-box-shadow:inset 0 0 10px #B2B2B2;box-shadow:inset 0 0 10px #B2B2B2;border-radius:10px;background:url(../img/common/guide_box_bg.gif) no-repeat 100% 100%}
#design .guide_box h3{color:#551ca9;font-size:17px}

/**/
#design .stage{border-bottom:1px solid #ccc;overflow:hidden}
#design .stage *{}
#design .stage dt{float:left;width:70%;font-size:18px;font-family:Arial, Helvetica, sans-serif}
#design .stage dt img{display:block;padding:20px 0}
#design .stage dd{float:left;padding:30px 0;width:30%}
#design .stage dd ul{overflow:hidden}
#design .stage dd li{float:left;width:50%;font-size:15px}

/**/
#design .tabmenu{padding:0;margin:0 -5px 10px -5px;*zoom:1}
#design .tabmenu:before,
#design .tabmenu:after{clear:both;display:table;content:"";line-height:0}
#design .tabmenu li{float:left;width:50%}
#design .tabmenu li a{display:block;position:relative;margin:5px;line-height:37px;font-size:15px;font-weight:600;color:#777;text-align:center;border:1px solid #e3e3e4;background:#f3f3f3;transition:all 0.2s}
#design .tabmenu li a i{display:none}
#design .tabmenu li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;background:#fff;box-shadow:0 3px 0 #e2e2e2}
#design .tabmenu li a.sel i{display:none}

/**/
#design .depthmenu{padding:0;margin:0 -5px 10px -5px;*zoom:1}
#design .depthmenu:before,
#design .depthmenu:after{clear:both;display:table;content:"";line-height:0}
#design .depthmenu li{float:left;width:50%}
#design .depthmenu li a{display:block;position:relative;margin:5px;line-height:37px;font-size:15px;font-weight:600;letter-spacing:-1px;color:#fff;text-align:center;border:2px solid #b1b1b1;background:#b1b1b1;border-radius:5px;transition:all 0.2s}
#design .depthmenu li a i{display:none}
#design .depthmenu li a:hover{position:relative;z-index:5;color:#fff;border:2px solid #014fbb;background:#014fbb;transition:all 0.2s}
#design .depthmenu li a.sel{position:relative;z-index:5;color:#242b36;border:2px solid #014fbb;background:#fff;box-shadow:0 3px 0 #e2e2e2}
#design .depthmenu li a.sel i{display:none}

/**/
#design .sabmenu{margin:0 0 30px 0;*zoom:1}
#design .sabmenu:before,
#design .sabmenu:after{clear:both;display:table;content:"";line-height:0}
#design .sabmenu ul{height:32px;border-bottom:1px solid #313131}
#design .sabmenu li{float:left;margin-right:3px}
#design .sabmenu li:first-child a{margin:0}
#design .sabmenu li *{transition:all 0.2s ease-in-out}
#design .sabmenu li a{display:inline-block;position:relative;padding:0 5px;line-height:30px;font-size:12px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3}
#design .sabmenu li a i{display:none}
#design .sabmenu li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131}
#design .sabmenu li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fcfcfc;background:#fff}
#design .sabmenu li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa}
#design .sabmenu li a.sel:hover{color:#014fbb}
#design .sabmenu li a.sel:hover i{margin-left:-0%;width:0%}

/**/
#design .tabs{padding:0;margin:0 -5px 10px -5px;position:relative;*zoom:1}
#design .tabs:before,
#design .tabs:after{clear:both;display:table;content:"";line-height:0}
#design .tabs ul{position:relative;z-index:1}
#design .tabs li{float:left;width:100%}
#design .tabs li a{display:block;margin:5px;padding-left:30px;line-height:35px;font-size:15px;font-weight:600;color:#333;text-align:left;border:1px solid #dedede;background:#fff;border-radius:5px;transition:all 0.2s}
#design .tabs li a span{font-size:13px}
#design .tabs li a:hover{font-weight:600;color:#fff;border:1px solid #333;background:#3d4459;transition:all 0.3s}
#design .tabs li a.sel{font-weight:600;color:#333;border:1px solid #03a98f;background:#fff url(../img/btn_tabs.png) no-repeat 10px 10px}
#design .tabs li a span{color:#f30}
#design .tabs .clock{clear:both;padding:5px}

/**/
#design .tit h2{margin-bottom:15px;font-size:16px;font-weight:600;letter-spacing:-1px;color:#333}
#design .tit h2 i{display:block;position:relative;margin:0 0 15px 0;width:25px;height:1px;background:#000}
#design .summary{margin-bottom:20px;padding:20px;font-size:13px;font-weight:400;color:#333;border:1px solid #ccc;background:#f9f9f9}
#design .summary *{font-size:13px;font-weight:500;letter-spacing:-1px}
#design .summary br{display:none}

#design .photo{padding:0 40px 20px 40px}
#design .photo ul{overflow:hidden}
#design .photo ul li{float:left;width:50%;text-align:center}
#design .photo ul li img{border:1px solid #fff;border-radius:7px}
#design .slide{padding:0 40px 20px 40px;overflow:hidden}
#design .slide ul li{text-align:center}
#design .slide ul li img{border:1px solid #fff;border-radius:7px}
#design .slide .bx-controls{text-align:center}
#design .slide .bx-wrapper .bx-pager .bx-pager-item,
#design .slide .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline;*zoom:1}
#design .slide .bx-wrapper .bx-pager.bx-default-pager a{display:inline-block;width:20px;height:20px;outline:0;background:url(../img/control.png) 0 0 no-repeat;text-indent:-9999em}
#design .slide .bx-wrapper .bx-pager.bx-default-pager a.active{background-position:-20px -0}
#design .con{padding-bottom:10px}
#design .con .con01{padding:0 0 10px 0}
#design .con .con01 > li{position:relative;margin-bottom:10px;padding-left:22px;font-size:13px;font-weight:500;color:#000}
#design .con .con01 > li > i{position:absolute;top:2px;left:5px;display:block;width:10px;height:10px;background:url(../img/depth2_1.png) no-repeat 50% 50%;background-size:10px 10px}
#design .con .con02{clear:both;margin-left:-15px;padding:5px 0}
#design .con .con02 > li{position:relative;margin-bottom:2px;padding-left:15px;font-size:12px;font-weight:400;color:#222}
#design .con .con02 > li > i{position:absolute;top:0;left:0;display:block;margin-right:6px;width:10px;height:20px;background:url(../img/depth3_1.png) no-repeat 50% 50%}
#design .con .con03{padding:5px 0 5px 10px}
#design .con .con03 > li{display:block;margin-bottom:5px;font-size:12px;font-weight:400;letter-spacing:-1px;color:#555}
#design .con .con03 > li ul{padding:5px 0 0 7px}
#design .con .red{color:#ff2009}
#design .con .orange{color:#ff8a00}
#design .con .blue{color:#0066b3}
#design .con .green{color:#00a651}
#design .con .down{display:inline-block;margin:0 2px 4px 2px;padding:2px 5px;font-size:13px;letter-spacing:-1px;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:3px}
#design .con .viewer{display:block;padding:10px 0}
#design .con .viewer img{float:left;display:block;position:relative;top:-2px}
#design .con .viewer strong{float:left;display:block;padding:3px 10px;color:#fff;background:#777}

#design .con .figure{overflow:hidden}
#design .con .figure li{float:left;margin-bottom:20px;width:50%;position:relative;text-align:center}
#design .con .figure li i{display:none;position:absolute;top:0;right:10px;line-height:180px;font-size:20px;font-weight:700}
#design .con .figure li i:before{content:"\e87a"}
#design .con .figure li strong{display:table-cell;margin:0 auto;width:180px;height:180px;font-weight:400;word-break:keep-all;vertical-align:middle;border:10px solid #8f9cc8;border-radius:50%}

#design .con .row{overflow:hidden}
#design .con .row li div{padding:10px 20px 0 0}
#design .con .row li div dl{position:relative;border-bottom:1px solid #fff;overflow:hidden}
#design .con .row li div dt{position:absolute;top:0;left:0;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;background:#0d3387}
#design .con .row li div dd{padding:0 0 0 50px;line-height:40px;background:#f0f0f0}

#design .maps{padding:0 0 30px 0}
#design .maps .root_daum_roughmap{width:100% !important}

#design .img .bx-wrapper{position:relative}
#design .img .bx-wrapper li img{width:auto;max-width:100%;height:auto}
#design .img .bx-controls a{position:absolute;z-index:100;top:50%;display:block;margin-top:-24px;width:48px;height:48px;background:#333 url(../img/btn_slide.png) no-repeat;text-indent:-9999em;overflow:hidden}
#design .img .bx-controls a:hover{background-color:#000}
#design .img .bx-controls a.disabled{display:none}
#design .img .bx-controls .bx-prev{left:0;background-position:-0px 4px}
#design .img .bx-controls .bx-next{right:0;background-position:-36px 4px}

#design .tinfo{padding-bottom:100px;background:url(../img/test/test01_txt.png) no-repeat 100% 100%}
#design .tinfo dl{position:relative}
#design .tinfo dt{padding:10px 0;font-size:15px;text-align:center;color:#000}
#design .tinfo dt br{display:none}
#design .tinfo dd{padding:10px 0 20px 20px}
#design .tinfo .ti1 .con{position:relative}
#design .tinfo .ti1 dt{border-color:#7ea5d2;border:5px solid rgba(0,78,167,0.5)}
#design .tinfo .ti2 dt{border-color:#7e8cd2;border:5px solid rgba(0,28,167,0.5)}
#design .tinfo .ti3 dt{border-color:#887ed2;border:5px solid rgba(20,0,167,0.5)}
#design .tinfo .ti4 dt{border-color:#987ed2;border:5px solid rgba(51,0,167,0.5)}

#design .slogan{overflow:hidden}
#design .slogan .tit{margin:0 10px;margin-bottom:30px;padding:3% 10%;text-align:center;border:1px solid #aaa;background:#fff;border-radius:15px;box-shadow:0 2px 0 #eee}
#design .slogan .tit h3{font-size:30px;color:#222}
#design .slogan .tit p{font-size:20px;color:#555}
#design .item{position:relative;padding:70px 10px;background: url(../img/arrowstep.png) no-repeat 50% 0}
#design .item h4{padding:0 0 10px 0;font-size:20px;color:#222}
#design .item ul{display:table;width:100%}
#design .item li{display:table-cell}
#design .item li strong{display:table-cell;padding:0 11px;width:90px;height:90px;font-weight:400;text-align:center;vertical-align:middle;color:#fff;border:0;background:#ccc;border-radius:50%}
#design .item .it1 strong{background:#56c0df}
#design .item .it2 strong{background:#0a60ca}
#design .item .it3 strong{background:#56c0df}
#design .item .it4 strong{background:#0a60ca}
#design .box{margin:0 10px;margin-bottom:40px;padding:3% 5%;border:2px solid #0551ad;background:#fff;border-radius:15px;box-shadow:0 2px 0 #eee}
#design .box li{font-size:16px;color:#222}
#design .task{position:relative;padding:10px; background: url(../img/arrowstep.png) no-repeat 50% 0} 
#design .task h4{padding:0 0 10px 0;font-size:20px;color:#222}

#design .since{border:1px solid #ccc;background:#fff}
#design .since em{display:block;padding:20px 20px 0 20px;font-size:14px;color:#0d3387;text-transform:uppercase}
#design .since h3{padding:0 20px 20px 20px;font-size:24px;font-weight:500;letter-spacing:-1px;color:#0d3387;border-bottom:1px solid #ccc}
#design .since p{padding:20px;padding-top:15px;font-size:15px;text-align:center;color:#777;text-transform:uppercase}
#design .diagram{text-align:center}
#design .diagram ul{padding:20px 0;overflow:hidden}
#design .diagram ul li{float:left;width:100%}
#design .diagram ul li div{margin-bottom:20px;text-align:left;border:1px solid #ccc;background:#fff}
#design .diagram ul li strong{display:block;padding:10px;font-size:14px;border-bottom:1px solid #ccc}
#design .diagram ul li span{display:block;padding:10px;font-size:12px}
#design .diagram p{display:inline-block;padding:0 40px;font-size:34px;font-weight:500;text-align:center;color:#17832a;border:1px solid #fff;background:#fff}

/**/
#content .greeting{word-break:keep-all;background:url(../img/greeting.png) no-repeat 100% 100%}
#content .greeting h3{font-size:20px;font-weight:600;letter-spacing:-1px;color:#333}
#content .greeting h3 strong{font-size:23px;color:#008200}
#content .greeting p{padding:20px 0;padding-right:50%;line-height:30px;font-size:16px;font-weight:500;letter-spacing:-1px}
#content .greeting div{font-size:16px;font-weight:400;line-height:25px}
#content .greeting .txt{padding:0 50% 20px 0}
#content .greeting .sign{padding:30px 0}

#design .intro{position:relative;padding-bottom:30px}
#design .intro .intro01 > i{position:absolute;bottom:10px;right:10px;width:240px;height:62px;background:url(../img/aayy.png) no-repeat 50% 50%;background-size:cover}

/**/
#content .history{padding:0 0 100px 0;/*background:url(../img/history.png) no-repeat 0 30px*/}
#content .history dl{position:relative;margin-bottom:20px;padding:5px 0 0 0;padding-bottom:20px;border-bottom:1px solid #ccc}
#content .history dt{position:absolute;top:0;left:0}
#content .history dt strong{display:block;font-size:30px;font-weight:300;color:#0d3387}
#content .history dd{padding:0 0 10px 120px}
#content .history dd strong{padding-right:30px;font-size:16px;font-weight:400;color:#222}

/**/
#content .schema{position:relative;padding:10px 0}
#content .schema ol{position:absolute;top:10px;right:0;overflow:hidden}
#content .schema ol li{float:left;position:relative;margin-right:20px;padding-left:25px}
#content .schema ol .sc1 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl01.png) no-repeat 50% 50%}
#content .schema ol .sc2 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl02.png) no-repeat 50% 50%}
#content .schema ol .sc3 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl03.png) no-repeat 50% 50%}
#content .schema div{padding-bottom:30px}
#content .schema div h4{padding:0 0 4px 28px;font-size:16px;font-weight:400;color:#333 !important;background:url(../img/dp2.png) no-repeat 13px 9px}
#content .schema div ul{overflow:hidden}
#content .schema div ul li{float:left;position:relative;width:33.33%;text-align:center}
#content .schema div ul li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%}
#content .schema div ul li span{display:block;margin:10px 10%;height:150px;border:1px solid #ccc;background:#fafafa;border-radius:10px}
#content .schema div ul li strong{font-size:16px;font-weight:400;color:#333 !important}
#content .schema .img1 *{color:#96c41c}
#content .schema .img1 li span{border:1px solid #ccc}
#content .schema .img1 .sa1 span{background:url(../img/ico_nl11.png) no-repeat 50% 50%}
#content .schema .img1 .sa2 span{background:url(../img/ico_nl12.png) no-repeat 50% 50%}
#content .schema .img1 .sa3 span{background:url(../img/ico_nl13.png) no-repeat 50% 50%}
#content .schema .img2 *{color:#53b5e6}
#content .schema .img2 li span{border:1px solid #ccc}
#content .schema .img2 .sa1 span{background:url(../img/ico_nl21.png) no-repeat 50% 50%}
#content .schema .img2 .sa2 span{background:url(../img/ico_nl22.png) no-repeat 50% 50%}
#content .schema .img2 .sa3 span{background:url(../img/ico_nl23.png) no-repeat 50% 50%}

/**/
#content .organ{position:relative}
#content .organ em{position:absolute;z-index:2;background:#ccc}
#content .organ .og0nd{padding:10px 20px;margin:0 auto;width:200px;text-align:center;font-weight:600;color:#003977;background:#fff;border:2px solid #003977;border-radius:5px}
#content .organ .og0nd span{display:block;font-size:0.8em}
#content .organ .og1nd{padding:10px 20px;margin:20px auto;width:200px;text-align:center;color:#fff;background:#003977;border-radius:5px}
#content .organ .og1nd span{display:block;font-size:0.8em}
#content .organ .og2nd{position:absolute;z-index:999;top:65px;left:40%;padding:13px 20px;text-align:center;color:#fff;background:#1878c3;border-radius:5px}
#content .organ .og3nd{position:relative;z-index:20;padding:105px 0 30px 0;text-align:center;overflow:hidden}
#content .organ .og3nd li{float:left;margin-bottom:10px;width:50%}
#content .organ .og3nd li div{margin:0 5px;padding:5px;min-height:170px;text-align:center;background:#fff;border:2px solid #999;border-radius:5px}
#content .organ .og3nd li strong{font-size:13px}
#content .organ .og3nd li span{display:block;padding:5px 0;font-size:11px;color:#666}

/**/
#calendar{position:relative;padding:10px}
#calendar .days{text-align:center}
#calendar .days *{transition:all 0.2s}
#calendar .days a{display:inline-block;width:34px;height:34px;border:1px solid #e3e3e3;background:#fff;overflow:hidden}
#calendar .days a:hover{border:1px solid #0d3387;background:#0d3387}
#calendar .days a span{display:none}
#calendar .days a i{display:inline-block;line-height:34px;font-size:11px;font-weight:700;text-align:center;color:#333}
#calendar .days a:hover i{color:#fff}
#calendar .days .prev i:before{content:"\e875"}
#calendar .days .next i:before{content:"\e876"}
#calendar .days strong{display:inline-block;position:relative;top:-5px;padding:0 10px;font-size:36px;color:#0d3387}
#calendar .days strong span{position:relative;top:-2px;margin:0 0 0 -10px;font-size:17px}
#calendar .ay_search{}
#calendar .calendar{display:none}
#calendar .calendar td{position:relative;height:100px;vertical-align:top;background-color:none !important}
#calendar .calendar td .result{padding:0 0 0 16px}
#calendar .calendar td .none{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#f23737;border:1px solid #ccc;border-radius:4px}
#calendar .calendar td .end{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#000;border:1px solid #ccc;background:#eee;border-radius:4px}
#calendar .calendar td .start{display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#fff;border:1px solid #005997;background:#005997;border-radius:4px}
#calendar .day_num{position:absolute;top:2px;left:2px}
#calendar .day_num span,
#calendar .day_num span a{font-size:14px;font-weight:800;font-family:Arial, Helvetica, sans-serif}
#calendar .btn_gray{display:block;margin:0 10px;padding:0 5px;font-weight:600;letter-spacing:-1px;color:#333;border:0px solid #aaa;background:#fff;border-radius:0px}
#calendar .btn_red{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:22px}
#calendar .btn_orange{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #f77a00;background:#f77a00;border-radius:22px}
#calendar .btn_blue{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #2d4594;background:#2d4594;border-radius:22px}
#calendar .btn_green{display:block;margin:2px 10px;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #009688;background:#009688;border-radius:22px}
#calendar .playout{position:absolute;z-index:9999;display:block;margin:0;padding:10px;width:auto;text-align:left;border:1px solid #ccc !important;background:#fff;white-space:nowrap}
#calendar .playout img{position:relative;margin:0 4px 0 0}

/*로그인폼*/
#design .login{padding-top:10px}
#design .login form{margin:0 auto;margin-top:7px;border-top:1px solid #e2e2e2;border-bottom:0;overflow:hidden;padding:34px 0 29px 0}
#design .login fieldset{border:0;position:relative}
#design .login fieldset ul{position:relative;padding:0 0 60px 0;overflow:hidden}
#design .login fieldset ul li{border:1px solid #c0c0c0;overflow:hidden;position:relative;margin-bottom:5px;background:#fff}
#design .login fieldset ul label{display:block;width:46px;height:46px;border-right:none;position:absolute;left:0;top:0;text-indent:-9999em}
#design .login fieldset ul label.id{background:url(../img/login_icon_id.png) no-repeat 50% 50%;background-size:16px}
#design .login fieldset ul label.pw{background:url(../img/login_icon_pw.png) no-repeat 50% 50%;background-size:17px}
#design .login fieldset input{width:100%;height:46px !important;text-indent:35px;border:0 !important;background:#fff;font-size:13px}
#design .login fieldset input:-webkit-autofill{background:none !important}
#design .login fieldset button{position:absolute;top:106px;right:0;margin:0 0 10px 0;width:100%;height:45px;font-size:0px;font-weight:400;color:#fff;border:0;background:#555;border-radius:2px;transition:0.3s;cursor:pointer}
#design .login fieldset button:hover{background:#0c966e;transition:0.3s}
#design .login fieldset button:after{content:"LOGIN";display:block;font-size:16px;font-weight:700;text-align:center}
#design .login fieldset input[type=checkbox].chk{width:12px;height:12px;background:#fff !important;border:1px solid #cfcfcf;border-radius:0;appearance:none !important}
#design .login fieldset label.chk01{font-size:12px;color:#555;vertical-align:middle}
#design .login form p{text-align:center;padding-top:18px}
#design .login form p a{padding:0 12px}
#design .login form p a:hover{text-decoration:underline}
#design .login .find {padding:12px;font-size:12px;font-weight:normal;text-align:left;color:#444;border:1px solid #e2e2e2}
#design .login .find a{font-size:12px;color:#fff;background:#ff6700;border-radius:2px;display:inline-block;padding:1px 8px}
#design .login .dashed{padding:20px 0}
#design .login .login_guide{}
#design .login .login_guide li{background:url(../img/dp2.png) no-repeat 0 4px;background-size:8px; line-height:16px; font-size:12px;color:#555;padding-bottom:6px;padding-left:13px}

/**/
#design .ay_step{padding-bottom:20px}
#design .ay_step dl{padding-bottom:20px}
#design .ay_step dt{padding-bottom:5px;font-size:24px;color:#333}
#design .ay_step ol{border-top:1px solid #ccc;background:#fff;overflow:hidden}
#design .ay_step ol li{float:left;position:relative;padding:20px 0;width:25%;text-align:center;border-bottom:5px solid #eee}
#design .ay_step ol li strong{font-size:14px}
#design .ay_step ol li span{display:block;font-size:11px}
#design .ay_step ol li i{position:absolute;top:50%;right:-5px;display:block;margin:-10px 0 0 0;width:10px;height:20px}
#design .ay_step ol li.sel{position:relative;bottom:-1px;border-bottom:5px solid #333}

#design .ay_terms{padding:0}
#design .ay_terms fieldset{position:relative}
#design .ay_terms fieldset h3{padding-bottom:10px;font-size:15px;font-weight:400;color:#000}
#design .ay_terms label{display:block;padding:10px 0;font-size:14px}
#design .ay_terms p{padding-bottom:10px}
#design .ay_terms ul{padding:30px 0}
#design .ay_terms .termswrap{padding-bottom:10px}
#design .ay_terms .field{margin:0 0 10px 0;padding:10px;height:210px;border:1px solid #ccc;background:#fff;overflow-y:scroll}
#design .ay_terms .field p{padding-bottom:20px}
#design .ay_terms .field ul li ul{padding:5px 5px 20px 5px}
#design .ay_terms .field textarea{float:left;display:block;padding:2%;width:100%;height:210px;line-height:18px;border:0}

/**/
#design .ay_comp{padding:100px 50px 30px 50px;overflow:hidden}
#design .ay_comp dl{padding:10px 0;border-bottom:1px solid #ccc;overflow:hidden}
#design .ay_comp dt{float:left;width:30%}
#design .ay_comp dd{float:left;width:70%}
#design .ay_comp .txt{margin:0 20%;font-size:20px;text-align:center;border-top:2px solid #333;border-bottom:1px solid #333}
#design .ay_comp .c1{margin:0 20%;font-size:20px;text-align:center}

/**/
#design .form{}
#design .form fieldset{margin-bottom:20px;background:#fff}
#design .form dl{padding:10px 0;border-top:1px solid #eee;overflow:hidden}
#design .form dt{float:left;width:25%}
#design .form dd{float:left;width:75%}
#design .form .tit{padding:15px;font-size:14px;text-align:center}
#design .form .hit{padding:15px;font-size:13px;text-align:center;background:#ededed}
#design .form .wrp{padding:0 0 5px 0}
#design .form .down{display:inline-block;padding:2px 20px;font-size:12px;letter-spacing:-1px;color:#fff;background:#555}
#design .form .green{font-size:13px}
#design .form .btn{width:100%;height:25px;line-height:25px;font-size:12px;text-align:center;color:#fff;background:#555}
#design .form .t_txt{height:25px;line-height:25px;border:1px solid #ccc}
#design .form .t_select{margin:3px 0;height:25px;border:1px solid #ccc}
#design .form .t_area{height:200px;line-height:25px;border:1px solid #ccc}
#design .form .zip{float:right;width:48% !important}
#design .form .w50{width:30% !important}
#design .form .w60{width:50% !important}
#design .form .w100{width:100% !important}
#design .form .w200{margin-bottom:4px;width:100% !important}
#design .form .w400{width:100% !important}
#design .find{position:absolute;position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.90)}
#design .find div{margin:20%;padding:50px 0;font-size:17px;text-align:center;border:1px solid #ccc;background:#fff}
#design .find div a{display:inline-block;padding-bottom:0;font-size:17px;border-bottom:1px solid #333}
#design .find div strong{font-size:20px}

/**/
#design .button{position:relative;padding:10px 0;text-align:center}
#design .button *{font-size:13px;font-weight:500;transition:all 0.3s}
#design .button p{margin:0 0 30px 0;padding:10px 20px;border:1px solid #eee;background:#fafafa}
#design .button button{padding:0 40px;height:38px;line-height:38px;text-align:center;color:#fff;border:0;background:#0d3387;box-shadow:2px 2px 2px #eee;border-radius:1px;cursor:pointer}
#design .button button:hover{color:#fff;background:#0a2663}
#design .button a{display:inline-block;margin:0 7px;padding:0 30px;line-height:38px;color:#fff;border:0;background:#797979;box-shadow:2px 2px 2px #eee;border-radius:1px}
#design .button a:hover{color:#fff;background:#333}
#design .button span{display:inline-block;margin:0 5px;padding:13px 40px;color:#333;border:1px solid #aaa;border-top:2px solid #888;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:1px}
#design .button span.end{color:#f23737;border:1px solid #aaa;border-top:2px solid #f23737}
#design .button .btn_end{padding:11px 50px;color:#c62337;border:1px solid #c62337;border-top:2px solid #c62337;background:#fff}
#design .button .btn_paym{padding:11px 60px;font-size:18px;color:#fff;border:1px solid #009400;border-top:2px solid #009400;background:#009400;box-shadow:2px 2px 2px #ccc;border-radius:3px;transition:all 0.3s}
#design .button .btn_paym:hover{color:#fff;border:1px solid #aaa;border-top:2px solid #333;background:#333}
#design .button .btn_group{position:absolute;top:30px;left:0}
#design .button .btn_first{display:inline-block;margin:0 5px 0 0;padding:0 15px;line-height:30px;font-size:13px;font-weight:600;color:#555;border:1px solid #aaa;background:#fafafa;box-shadow:2px 2px 2px #eee;transition:all 0.3s}
#design .button .btn_first:hover{color:#000;border:1px solid #777;background:#fff}
#design .button .btn_retract{position:relative;top:-0px;display:inline-block;margin:0;padding:0 20px;height:50px;line-height:50px;font-size:17px;font-weight:600;color:#555;border:1px solid #aaa;background:#fff;box-shadow:2px 2px 2px #eee;border-radius:3px;transition:all 0.3s}
#design .button .btn_retract:hover{color:#000;border:1px solid #777;background:#fff}
#design .button .btn_certify{margin-bottom:10px;position:relative;padding:0 40px 0 80px;height:80px;line-height:80px;text-align:center;color:#fff;border:0;background:#0d3387;cursor:pointer}
#design .button .btn_certify:before{position:absolute;left:35px;content:"\e83a";line-height:80px;font-size:36px}
#design .button .btn_certify:hover{color:#fff;background:#0a2663}

/**/
#design .sitemap{*zoom:1}
#design .sitemap:before,
#design .sitemap:after{clear:both;display:table;content:"";line-height:0}
#design .sitemap .group{float:left;margin:0 0 12px 0;width:50%;padding:0 2% 0 0}
#design .sitemap .group div{min-height:280px;border:1px solid #bdafaf;border-top:2px solid #746457;background:#fff}
#design .sitemap .group h2{margin:0 10%;line-height:45px;font-size:15px;font-weight:600;color:#333;text-align:center;border-bottom:1px solid #eee}
#design .sitemap .group div > ul{padding:10px 20px}
#design .sitemap .group div > ul > li > a{display:block;padding:4px 10px;font-size:13px;font-weight:500;color:#555}
#design .sitemap .group div > ul > li > a:hover{color:#000}
#design .sitemap .group div > ul ul{margin:0;padding:6px 7px;border-bottom:1px solid #eee;background:#fafafa}
#design .sitemap .group div > ul ul li{padding:3px 0}
#design .sitemap .group div > ul ul li a{padding:0;padding-left:12px;font-size:13px;font-weight:normal;border:none}












/**/
#design .subtit{padding:20px 0;font-size:18px;text-align:center;border-top:0px solid #ccc;border-bottom:0px solid #ccc;background:url(../img/culture.png) no-repeat 50% 0}
#design .subtit strong{font-size:18px;font-weight:400;color:#c62337}
#design .title{position:relative;overflow:hidden}
#design .title h3{position:relative;padding-left:25px;line-height:40px;font-size:17px;font-weight:600;color:#005997}
#design .title h3 i{position:absolute;top:-2px;left:0;display:block;width:20px;height:40px;background:url(../img/depth1_1.png) no-repeat 50% 50%}
#design .title p{position:relative;top:-5px;padding:0 10px 10px 10px;font-weight:600}
#design .title .year{position:absolute;top:10px;right:0}
#design .title .year strong{float:left;display:block;width:60px;line-height:20px;font-size:16px;color:#333;text-align:center}
#design .title .year strong span{padding-left:5px;font-size:16px;color:#333}
#design .title .year a{float:left;display:block;width:19px;height:19px;line-height:19px;font-size:11px;font-weight:800;font-family:"돋움", "굴림";text-align:center;color:#fff;background:#b7b7b7}
#design .title .year a span{display:none}
#design .point h3{margin-bottom:0;border-bottom:0px solid #ccc}
#design .table{padding-bottom:20px}
#design .table .tar{padding:10px 0}

/**/
#design .chart{position:relative;padding-bottom:5px}
#design .chart > ul{padding:0 0 5px 8px}
#design .chart > ul > li{padding:0 0 6px 17px;line-height:19px;background:url(../img/dp2.png) no-repeat 5px 6px}
#design .chart > ul > li strong{color:#c62336}
#design .chart li strong{font-weight:400}
#design .chart li strong.orange{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff !important;background:#ef770c;border-radius:22px}
#design .chart li strong.pgreen{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff;background:#235704;border-radius:22px}
#design .chart li strong.gold{display:inline-block;margin-right:2px;position:relative;top:0px;width:22px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#fff;background:#9f791e;border-radius:22px}
#design .chart li p{padding:0 0 15px 0}
#design .chart li p .ipin{color:#246e8b}
#design .chart li ul{padding:6px 0 0 0}
#design .chart li ul li{padding:3px 0;font-size:13px}
#design .chart li .table{position:relative;top:-10px;padding:0 0 20px 70px}
#design .chart dl{margin:0 0 30px 0;padding:10px 20px 10px 100px;overflow:hidden;border:1px solid #e3e3e3;background:#fff url(../img/ico_point.png) no-repeat 30px 50%;border-radius:5px;box-shadow:1px 3px 1px #fafafa}
#design .chart dt{padding:5px 20px;font-size:16px;color:#526c9b}
#design .chart dd{padding:0 20px 10px 20px;font-size:13px}
#design .chart dd li{font-size:13px}
#design .chart .down{display:inline-block;margin:0 2px 4px 2px;padding:2px 5px;font-size:13px;letter-spacing:-1px;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:3px}
#design .chart .bot{margin:0 10px;padding:10px;border-top:1px solid #ccc;overflow:hidden}
#design .chart p{padding-bottom:10px;overflow:hidden}
#design .arrow{padding-bottom:50px;background:url(../img/ico_b_arrow.png) no-repeat 50% -20px}

#design .photos{margin:0 0 10px 0;border-bottom:1px solid #ccc}
#design .photos dl{position:relative;padding:10px;padding-top:0;overflow:hidden}
#design .photos dt{float:left;width:20%}
#design .photos dt img{display:block;padding:5px;width:100px;border:1px solid #ccc}
#design .photos dd{float:left;width:80%;padding:0 0 10px 0;font-size:11px}
#design .photos dd li{font-size:11px}
#design .photos dd li span,
#design .photos dd li strong{font-size:11px}
#design .photos ul{padding:0 0 5px 8px}
#design .photos ul li{padding:0 0 4px 14px;background:url(../img/dp2.png) no-repeat 5px 4px}
#design .photos ul li strong{color:#c62336}

/**/
#design .guide{}
#design .guide .info{}
#design .guide .info .tit{padding:15px 0 0 0}
#design .guide .info .tit span{font-size:18px;color:#2a2a2a}
#design .guide .info .tit h2{font-size:18px;font-weight:600;color:#000}
#design .guide .info .tit h2 br{display:none}
#design .guide .info .tit h2 strong{font-size:18px;font-weight:600;color:#000}
#design .guide .info .txt{padding:0 0 20px 0;line-height:25px;font-size:15px;color:#555}
#design .guide .info .txt strong{font-size:16px;font-weight:600;color:#333}
#design .guide .info .sign{padding:0 0 50px 0;font-size:15px;text-align:left}
#design .guide .info .sign img{position:relative;top:15px}
#design .guide .pic ul li{position:relative;padding:0 0 10px 17px;padding-left:80px}
#design .guide .pic ul li strong{position:absolute;top:0;left:0;display:block;padding:0 0 0 17px;line-height:19px;color:#c62336;background:url(../img/dp2.png) no-repeat 5px 6px}
#design .guide .organ{position:relative}
#design .guide .organ .header{position:relative}
#design .guide .organ .header div{margin:0 auto;margin-bottom:5px;width:120px;line-height:40px;font-size:16px;text-align:center;box-shadow:0 3px 0 #fafafa}
#design .guide .organ .h1{font-weight:800;color:#005997;border:1px solid #ccc;border-top:3px solid #005997;background:#fff}
#design .guide .organ .body{position:relative;padding:10px 0;*zoom:1}
#design .guide .organ .body:before,
#design .guide .organ .body:after{clear:both;display:table;content:"";line-height:0}
#design .guide .organ .body *{font-size:13px}
#design .guide .organ .body dl{overflow:hidden}
#design .guide .organ .body dl dd{float:left;width:33%}
#design .guide .organ .body dl dd strong{display:block;margin:0 5px;padding:5px;line-height:30px;font-size:15px;font-weight:400;text-align:center;color:#333;border:1px solid #ccc;border-top:3px solid #c92135;background:#fff;box-shadow:0 3px 0 #fafafa}
#design .guide .organ .phone{line-height:50px;font-size:15px;color:#c92135;text-align:right}
#design .guide .pic{padding-bottom:200px;background:url(../img/guide_photo.png) no-repeat 100% 100% / 320px 216px}
#design .guide .ins table th a{display:inline-block;padding-right:30px;background:url(../img/btn_detail_ico.png) no-repeat 100% 0}
#design .guide .viewbox{padding-bottom:20px;overflow:hidden}
#design .guide .viewbox .photo{position:relative;z-index:1000;width:100%;text-align:center}
#design .guide .viewbox .photo h3{position:absolute;z-index:1000;top:201px;left:0px;display:block;padding:0 15px;line-height:40px;color:#fff;background:rgba(219,55,74,0.9)}
#design .guide .viewbox .photo img{width:370px;height:240px}
#design .guide .viewbox .photo strong{position:absolute;z-index:1000;bottom:5px;left:0;display:block;width:100%;line-height:40px;color:#fff;background:rgba(0,0,0,0.5)}
#design .guide .viewbox .map{position:relative;z-index:1000;width:100%;text-align:center;background:#fafafa}
#design .guide .viewbox .map h3{position:absolute;z-index:1000;top:201px;left:0px;display:block;padding:0 15px;line-height:40px;color:#333;border:1px solid #ccc;background:#fff}
#design .guide .viewbox .bx-viewport{height:240px}
#design .guide .viewbox .bx-wrapper .bx-controls{position:relative;height:40px}
#design .guide .viewbox .bx-wrapper .bx-pager{text-align:center}
#design .guide .viewbox .bx-wrapper .bx-pager .bx-pager-item,
#design .guide .viewbox .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline;*zoom:1}
#design .guide .viewbox .bx-wrapper .bx-pager.bx-default-pager a{display:inline-block;width:20px;height:20px;outline:0;background:url(../img/control.png) -20px 0 no-repeat;text-indent:-9999em}
#design .guide .viewbox .bx-wrapper .bx-pager.bx-default-pager a.active{background-position:-0 -0}
#design .guide .tab dl{position:relative;margin-bottom:12px;border-top:0px solid #eee;overflow:hidden}
#design .guide .tab dt{padding:3px 0}
#design .guide .tab dt strong{display:block;padding:0 0 0 52px;line-height:30px;font-size:15px;font-weight:600;color:#333;border:1px solid #ccc;background:#fff url(../img/btn_detail_ico.png) no-repeat 0 50%;border-radius:5px;box-shadow:2px 4px 2px #fafafa}
#design .guide .tab dd{padding:2px 0}
#design .guide .tab dd strong{display:block;position:relative;line-height:20px;font-size:15px;font-weight:400;border:1px solid #fff;background:#fff}
#design .guide .root_daum_roughmap{width:100% !important}
#design .guide .root_daum_roughmap .wrap_controllers .wrap_btn_zoom{width:auto !important}
#design .guide .maps{padding-bottom:10px}
#design .guide .add{padding:10px 0}
#design .guide .add li{font-size:14px;background:none}
#design .guide .metro{padding:10px 0}
#design .guide .metro li{font-size:14px;background:none}
#design .guide .bus{padding:10px 0}
#design .guide .bus li{font-size:14px;background:none}
#design .guide .bus li span{font-size:16px}
#design .guide .bus li i{display:inline-block;margin-right:2px;position:relative;top:-3px;width:22px;height:5px;line-height:22px;font-size:12px;text-align:center;color:#fff !important;border-radius:22px}
#design .guide .bus li i.green{background:#3ccf10}
#design .guide .closure{padding:20px 20px 200px 20px;background:url(../img/closure.png) no-repeat 100% 100%;overflow:hidden}
#design .guide .closure dt{padding-bottom:10px;font-size:17px;font-weight:600;color:#333}
#design .guide .closure dd{overflow:hidden}
#design .guide .closure dd div{float:left;margin:0 10px 5px 0;text-align:center}
#design .guide .closure dd strong{display:block;margin:0 auto;width:30px;height:30px;line-height:30px;color:#fff;background:#069;border-radius:30px}
#design .guide .closure dd span{display:block;padding:4px 0;font-size:11px;font-family:"돋움", "굴림";letter-spacing:-1px;color:#777}
#design .guide .closure .cmonth{padding:0;border-bottom:1px solid #cfcfcf}
#design .guide .closure .cmonth dt{color:#ec9035}
#design .guide .closure .cmonth dd strong{background:#ec9035}
#design .guide .closure .cmonth dd span{color:#ec9035}
#design .guide .closure .pmonth{padding:15px 0}
#design .guide .closure .pmonth dt{color:#00a88e}
#design .guide .closure .pmonth dd strong{background:#00a88e}
#design .guide .closure .pmonth dd span{color:#00a88e}

/**/
#design .grtable{position:relative;top:-10px}
#design .grtable ol{padding:0 0 0 55px;overflow:hidden}
#design .grtable ol li{margin-bottom:10px}
#design .grtable ol li.gt1{width:100%}
#design .grtable ol li.gt1 strong{background:#f6f9fa}
#design .grtable ol li.gt2{width:100%}
#design .grtable ol li.gt2 strong{background:#f6f9fa}
#design .grtable ol li.gt3{width:100%}
#design .grtable ol li.gt3 strong{background:#f6f9fa}
#design .grtable ol li div{position:relative;margin:0 10px;border:1px solid #ccc;border-top:2px solid #81a7b3;background:#f2f2f2;overflow:hidden}
#design .grtable ol li div strong{display:block;padding:7px 0;font-weight:600;text-align:center;color:#333;border-bottom:1px solid #eee}
#design .grtable ol li div strong br{ display:none}
#design .grtable ol li div span{display:block;padding:20px 10px;min-height:100px;font-size:13px;background:#fff}

/**/
#design .guide .figure{margin:0 0 0 -20px;padding:10px 0;overflow:hidden}
#design .guide .figure li{float:left;position:relative;width:100%}
#design .guide .figure li i{display:none;position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%}
#design .guide .figure li strong{display:block;margin:0 20px;padding:140px 0 30px 0;text-align:center;font-size:14px;font-weight:400;color:#777 !important;border:1px solid #ccc}
#design .guide .figure .st1{background:url(../img/st1.png) no-repeat 50% 40%}
#design .guide .figure .st2{background:url(../img/st2.png) no-repeat 50% 40%}
#design .guide .figure .st3{background:url(../img/st3.png) no-repeat 50% 40%}
#design .guide .figure .st4{background:url(../img/st4.png) no-repeat 50% 40%}
#design .guide .figure .tt1{background:url(../img/tt1.png) no-repeat 50% 40%}
#design .guide .figure .tt2{background:url(../img/tt2.png) no-repeat 50% 40%}
#design .guide .figure .tt3{background:url(../img/tt3.png) no-repeat 50% 40%}
#design .guide .figure .tt3 strong{padding:150px 0 9px 0}
#design .guide .figure .tt4{background:url(../img/tt4.png) no-repeat 50% 40%}
#design .guide .picture{margin:0 -20px;padding:10px 0;overflow:hidden}
#design .guide .picture li{float:left;position:relative;width:100%}
#design .guide .picture li i{display:none;position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%}
#design .guide .picture li strong{display:block;margin:5px 20px;padding:140px 0 30px 0;text-align:center;font-size:14px;font-weight:400;color:#777 !important;border:1px solid #ccc}
#design .guide .picture .pt1{background:url(../img/pt1.png) no-repeat 50% 30%}
#design .guide .picture .pt2{background:url(../img/pt2.png) no-repeat 50% 30%}
#design .guide .picture .pt3{background:url(../img/pt3.png) no-repeat 50% 30%}
#design .guide .angle{margin:0 -20px;padding:10px 0;overflow:hidden}
#design .guide .angle li{float:left;position:relative;width:100%}
#design .guide .angle li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%}
#design .guide .angle li strong{display:block;margin:5px 20px;padding:150px 0 30px 0;text-align:center;font-size:14px;font-weight:400;color:#777 !important;border:1px solid #ccc}
#design .guide .angle .an1{background:url(../img/an1.png) no-repeat 50% 40%}
#design .guide .angle .an2{background:url(../img/an2.png) no-repeat 50% 40%}
#design .guide .angle .an3{background:url(../img/an3.png) no-repeat 50% 40%}
#design .guide .dr1{padding-bottom:200px;background:url(../img/img_dr1.png) no-repeat 100% 90%}
#design .guide .dr4{padding-bottom:200px;background:url(../img/img_dr4.png) no-repeat 100% 100%}
#design .guide .dr5{padding-bottom:200px;background:url(../img/img_dr5.png) no-repeat 100% 100%}
#design .guide .ss1{padding-bottom:200px;background:url(../img/ss1.png) no-repeat 100% 100%}
#design .guide .ss3{padding-bottom:200px;background:url(../img/ss3.png) no-repeat 100% 90%;background-size:60% auto}

/**/
#design .booklist{padding:0 0 30px 0}
#design .booklist ul{overflow:hidden}
#design .booklist li{float:left;width:20%}
#design .booklist li dt{margin:0 auto;width:132px}
#design .booklist li dt a{display:block}
#design .booklist li dt img{display:block;width:132px;height:178px;border:1px solid #333}
#design .booklist li dd{padding-bottom:20px;text-align:center}
#design .booklist li dd a{display:block}
#design .booklist li dd strong{display:block;padding:10px 20px 0 20px;height:47px;line-height:18px;font-size:15px;font-weight:600;overflow:hidden/*;white-space:nowrap;text-overflow:ellipsis*/}
#design .booklist li dd span{display:block;font-size:13px}

/**/
#design .onelist{padding:0 0 30px 0}
#design .onelist ul{margin:0 -10px;overflow:hidden}
#design .onelist li{float:left;width:100%}
#design .onelist li dl{position:relative;margin:10px;overflow:hidden}
#design .onelist li dt a{display:block}
#design .onelist li dt img{display:block;width:132px;height:178px;border:1px solid #333}
#design .onelist li dd{position:absolute;top:0;left:150px}
#design .onelist li dd a{display:block}
#design .onelist li dd strong{display:block;margin:0 0 10px 0;font-size:15px;font-weight:600;overflow:hidden/*;white-space:nowrap;text-overflow:ellipsis*/}
#design .onelist li dd span{display:block;font-size:14px}

/**/
#design .bookgroup{background:url(../img/bookgroup.png) no-repeat 100% 80%}
#design .booktitle{position:relative;margin-bottom:20px;padding:20px;border:1px solid #e0e0e0;border-bottom:1px solid #9c9c9c;background:#fff;border-radius:10px;border-bottom-right-radius:0px;box-shadow:1px 3px 1px #f0f0f0}
#design .booktitle h2{padding-bottom:7px;font-size:21px;font-weight:600}
#design .booktitle h2 strong{font-size:21px;font-weight:600;color:#000}
#design .booktitle p{line-height:20px;font-size:14px;color:#4c4c4c;word-break:break-all}
#design .booktitle p br{display:none}
#design .booktitle p strong{font-size:14px;font-weight:400;color:#479e33}
#design .booktitle p i{position:absolute;bottom:0px;right:0px;width:0;height:0;border-bottom:30px solid #f7f7f7;border-left:30px solid transparent}
#design .booktitle .ct1{position:absolute;top:30px;left:0;display:none;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_culture.png) no-repeat 50% 50%}
#design .booktitle .ct2{position:absolute;top:30px;left:0;display:none;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_event.png) no-repeat 50% 50%}
#design .booktitle .ct3{position:absolute;top:30px;left:0;display:none;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_onebook.png) no-repeat 50% 50%}
#design .booktitle .ct4{position:absolute;top:30px;left:0;display:none;width:170px;height:150px;border-right:1px solid #eee;background:url(../img/bookstart.png) no-repeat 50% 50%}
#design .booktitle .sv1{position:absolute;top:30px;left:0;display:none;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_ebook.png) no-repeat 50% 50%}
#design .booktitle .sv2{position:absolute;top:30px;left:0;display:none;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_oneservice.png) no-repeat 50% 50%}
#design .booktitle .sv3{position:absolute;top:30px;left:0;display:none;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_booksea.png) no-repeat 50% 50%}
#design .booktitle .sv4{position:absolute;top:30px;left:0;display:none;width:170px;height:90px;border-right:1px solid #eee;background:url(../img/ico_bookdream.png) no-repeat 50% 50%}
#design .booktitle .blue{color:#00539b !important}
#design .booktitle .green{color:#479e33 !important}
#design .booktitle .red{color:#c62338 !important}
#design .booktitle .orange{color:#ec9035 !important}
#design .booktitle .silver{color:#696969 !important}

/**/
#design .text{margin-bottom:40px;padding:30px 30px 30px 160px;min-height:120px;font-size:16px;border:1px solid #ccc;background:#fff;border-radius:5px;box-shadow:1px 3px 1px #f0f0f0}
#design .text strong{font-size:16px;color:#c62337}
#design .tx1{background:#fff url(../img/ico_culture.png) no-repeat 40px 50%}
#design .tx2{background:#fff url(../img/ico_event.png) no-repeat 40px 50%}

/**/
#design .culture{}
#design .culture .tabs ul{position:relative;z-index:1}
#design .culture .tabs li{float:left;width:100%}
#design .culture .tabs .clock{clear:both;padding:5px}
#design .culture .time{margin:0 auto;padding:20px 0;width:420px;overflow:hidden;display:none}
#design .culture .time h2{float:left;padding:0 10px 0 35px;line-height:40px;font-size:18px;font-weight:300;letter-spacing:-1px;color:#777;background:url(../img/ico_clock.png) no-repeat 0 50%}
#design .culture .time div{float:left;color:#c62337;overflow:hidden}
#design .culture .time div strong{float:left;display:block;position:relative;width:35px;line-height:40px;font-size:18px;text-align:center;border:1px solid #c62337;background:#fff;border-radius:4px}
#design .culture .time div strong i{position:absolute;top:0;right:-10px;display:block;width:4px;height:40px;background:url(../img/ico_minute.png) no-repeat 50% 50%}
#design .culture .time div strong.t1{color:#fff;border:1px solid #a51628;background:#c62337}
#design .culture .time div strong.t2{color:#fff;border:1px solid #a51628;background:#c62337}
#design .culture .time div strong.t3{color:#fff;border:1px solid #a51628;background:#c62337}
#design .culture .time div span{float:left;display:block;line-height:40px;font-size:14px;color:#c62337;padding:0 10px 0 5px}
#design .culture .time div span.none{text-indent:-9999em;overflow:hidden}
#design .culture .list{padding-bottom:20px}
#design .culture .list ul{border-top:1px solid #aaa}
#design .culture .list li div{padding:15px 20px;font-size:16px;border:1px solid #eee;border-top:0;border-right:0;border-left:0}
#design .culture .list li div strong{font-size:16px !important}

/**/
#scheduleList{}
#scheduleList *{margin:0;padding:0;border:0;list-style-type:none}
#scheduleList .scheduleList{}
#scheduleList .scheduleList dl{position:relative;padding-bottom:20px}
#scheduleList .scheduleList dt{border-top:1px solid #ccc;border-bottom:1px solid #eee;background:#fafafa}
#scheduleList .scheduleList dt a{display:block;text-align:center;padding:7px 10px;font-size:16px;font-weight:800;font-family:Arial, Helvetica, sans-serif}
#scheduleList .scheduleList dd{padding:5px 0;min-height:40px;text-align:center;}
#scheduleList .scheduleList dd a{display:block;padding:5px 10px;font-size:13px;border-top:1px solid #eee;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#scheduleList .scheduleList dd a img{position:relative;top:1px}
#scheduleList .scheduleList dd a:first-child{border-top:0}
#scheduleList .scheduleList dd span.end { display:inline-block;margin:0 0 4px 0;padding:2px 10px;color:#000;border:1px solid #ccc;background:#eee;border-radius:4px}
#scheduleList .scheduleList dd a {display:inline-block}

/**/
#design .service{}
#design .service .bookbox{position:relative;margin-bottom:30px;padding:20px 30px;min-height:120px;line-height:22px;font-size:15px;border:1px solid #ccc;background:#fff;border-radius:5px;box-shadow:1px 3px 1px #f0f0f0}
#design .service .bookbox *{line-height:22px;font-size:15px}
#design .service .bookbox strong{font-weight:400;color:#c62337}
#design .service .bookbox span{}
#design .service .ebook{position:relative}
#design .service .ebook i{position:absolute;top:120px;right:0;display:none;width:220px;height:150px;background:url(../img/img_ebook.png) no-repeat 100% 0%}
#design .service .dream{position:relative}
#design .service .dream i{position:absolute;top:-30px;right:0;display:none;width:220px;height:150px;background:url(../img/img_dream.png) no-repeat 100% 0%}
#design .service .eb01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_ebook.png) no-repeat 20px 50%}
#design .service .eb02{padding:30px 30px 30px 130px;background:#fff url(../img/ico_info.png) no-repeat 20px 50%}
#design .service .eb03{padding:30px 30px 30px 130px;background:#fff url(../img/ico_mobile.png) no-repeat 20px 50%}
#design .service .os01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_oneservice.png) no-repeat 20px 50%}
#design .service .os02{padding:30px 30px 30px 130px;background:#fff url(../img/ico_members.png) no-repeat 20px 50%}
#design .service .bs01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_ebook.png) no-repeat 20px 50%}
#design .service .bl01{padding:30px 30px 30px 130px;background:#fff url(../img/ico_bookdream.png) no-repeat 20px 50%}
#design .service .schema{position:relative;padding:10px 0 30px 0}
#design .service .schema ol{position:absolute;top:-30px;right:0;overflow:hidden}
#design .service .schema ol li{float:left;position:relative;margin-right:10px;padding-left:25px}
#design .service .schema ol .sc1 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl01.png) no-repeat 50% 50%}
#design .service .schema ol .sc2 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl02.png) no-repeat 50% 50%}
#design .service .schema ol .sc3 i{position:absolute;top:0;left:0;display:block;width:23px;height:23px;background:url(../img/ico_nl03.png) no-repeat 50% 50%}
#design .service .schema div{padding-bottom:30px}
#design .service .schema div h4{padding:0 0 4px 28px;font-size:16px;font-weight:400;color:#333 !important;background:url(../img/dp2.png) no-repeat 13px 9px}
#design .service .schema div ul{margin:0 -10%;overflow:hidden}
#design .service .schema div ul li{float:left;position:relative;width:100%;text-align:center}
#design .service .schema div ul li i{position:absolute;top:50%;right:-10px;margin:-15px 0 0 0;display:none;width:20px;height:30px;background:url(../img/st0.png) no-repeat 50% 50%}
#design .service .schema div ul li span{display:block;margin:10px 10%;height:150px;border:1px solid #ccc;background:#fafafa;border-radius:10px}
#design .service .schema div ul li strong{font-size:16px;font-weight:400;color:#333 !important}
#design .service .schema .img1 *{color:#96c41c}
#design .service .schema .img1 li span{border:1px solid #ccc}
#design .service .schema .img1 .sa1 span{background:url(../img/ico_nl11.png) no-repeat 50% 50%}
#design .service .schema .img1 .sa2 span{background:url(../img/ico_nl12.png) no-repeat 50% 50%}
#design .service .schema .img1 .sa3 span{background:url(../img/ico_nl13.png) no-repeat 50% 50%}
#design .service .schema .img2 *{color:#53b5e6}
#design .service .schema .img2 li span{border:1px solid #ccc}
#design .service .schema .img2 .sa1 span{background:url(../img/ico_nl21.png) no-repeat 50% 50%}
#design .service .schema .img2 .sa2 span{background:url(../img/ico_nl22.png) no-repeat 50% 50%}
#design .service .schema .img2 .sa3 span{background:url(../img/ico_nl23.png) no-repeat 50% 50%}

/**/
#design .community{}
#design .community .faq_list{border-top:1px solid #000}
#design .community .faq_list .faq .faq_q{position:relative;padding:0 10px 0 30px;border-bottom:1px solid #ccc;font-size:16px;overflow:hidden;}
#design .community .faq_list .faq .faq_q dt{position:absolute;top:6px;left:5px}
#design .community .faq_list .faq .faq_q dt img{display:block;width:20px}
#design .community .faq_list .faq .faq_q dd{padding:5px 0}
#design .community .faq_list .faq .faq_q dd a{display:block}
#design .community .faq_list .faq .faq_a{position:relative;padding:0 10px 0 30px;border-bottom:1px solid #ccc;background:#fafafa;font-size:14px;overflow:hidden;}
#design .community .faq_list .faq .faq_a dt{position:absolute;top:6px;left:5px}
#design .community .faq_list .faq .faq_a dt img{display:block;width:20px}
#design .community .faq_list .faq .faq_a dd{height:auto;min-height:60px;margin:5px 0}
#design .community .faq_list .faq .disnone{display:none}
#design .community .serve{position:relative}
#design .community .serve i{position:absolute;top:120px;right:0;width:370px;height:510px;background:url(../img/img_serve.png) no-repeat 100% 0%}
#design .community .dream{position:relative}
#design .community .dream i{position:absolute;top:-30px;right:0;width:220px;height:150px;background:url(../img/img_dream.png) no-repeat 100% 0%}
#design .community .monitor{position:relative}
#design .community .monitor i{position:absolute;top:-120px;right:25px;width:220px;height:150px;background:url(../img/img_monitor.png) no-repeat 100% 0%}

/**/
#design .member{}
#design .member .infomation{margin:0 0 20px 0;padding:20px 0 20px 110px;color:#555;border:1px solid #d3d0d8;background:url(../img/infomation.png) no-repeat -10px 50%}
#design .member .infomation dl{overflow:hidden}
#design .member .infomation dt{float:left;display:block;padding-right:10px;line-height:30px;font-size:20px;font-weight:600;color:#2b3b56}
#design .member .infomation dd{float:left;display:block;line-height:30px;font-size:16px}
#design .member .infomation ul{padding-top:1px;overflow:hidden}
#design .member .infomation ul li{float:left;padding:0 0 0 15px;margin-right:30px;line-height:20px;font-size:15px;background:url(../img/ico_dot.png) no-repeat 0 50%}
#design .member .infomation ul li span.mem_num{color:#a28354}
#design .member .infomation ul li span.use_ok{color:#498bbf}
#design .member .infomation ul li span.use_no{color:#c14e33}

/**/
#design .terms{padding:10px 0}
#design .terms *{line-height:19px;font-size:14px;font-weight:400;color:#333}
#design .terms h3{padding-bottom:10px;font-size:17px;font-weight:600;color:#263b98}
#design .terms h4{padding:0 5px 5px 8px;font-weight:400}
#design .terms ul{padding:0 17px}
#design .terms ul li{padding-bottom:3px}
#design .terms p{padding:0 5px 0 10px;line-height:20px}
#design .terms table th{padding:3px 0 !important}
#design .terms .termsbox{position:relative;margin-bottom:20px;padding:20px;line-height:25px;border:1px solid #e0e0e0;border-bottom:1px solid #9c9c9c;background:#fff;border-radius:10px;border-bottom-right-radius:0px;box-shadow:1px 3px 1px #f0f0f0}
#design .terms .termsbox strong{font-weight:400}
#design .terms .box{margin-bottom:10px}
#design .terms .tgroup{padding-bottom:20px}
#design .terms .tgroup > ul > li ul{margin-top:5px;padding:8px 0;border:0px solid #e0e0e0}
#design .terms .tgroup > ul > li ul strong{display:block;padding-bottom:6px}
#design .terms .tgroup > ul > li > ul > li > ul{border:0px solid #e0e0e0;}
#design .terms .tgroup > ul > li > ul > li > ul > li > ul{padding:12px;border:0px solid #e0e0e0;background:#f9f9f9}
#design .terms .point{padding:0 5px 5px 5px;font-weight:600;color:#00877d}
#design .terms .pb5{padding-bottom:5px}
#design .terms .pb10{padding-bottom:10px}
#design .terms .pb15{padding-bottom:15px}
#design .terms .btn{padding:0 6px 1px 6px;font-size:12px;color:#fff;border:1px solid #696969;background:#777;border-radius:3px}
#design .terms .btn:hover{border:1px solid #111;background:#333}

/**/
#design .email{}
#design .email *{line-height:25px;font-size:15px;font-weight:400}
#design .email .emailbox{position:relative;margin-bottom:20px;padding:20px 50px 50px 0px;line-height:25px;color:#333;border-top:1px solid #e0e0e0;border-bottom:0px solid #9c9c9c;background:#fff;background:url(../img/mail_bg.png) no-repeat 90% 100%;border-radius:0px;border-bottom-right-radius:0px;box-shadow:0 #f0f0f0}
#design .email .emailbox br{display:none}
#design .email .emailbox strong{color:#c62338;font-weight:600}
#design .email .emaildate{padding:60px 0 120px 0;font-size:15px;font-weight:600;color:#00877d}


/*질문*/
#design .polltit{margin-top:20px;padding:0 10px;position:relative;overflow:hidden}
#design .polltit h3{position:relative;line-height:40px;font-size:16px;font-weight:600;letter-spacing:-1px;color:#333}
#design .polltit h3 strong{font-size:17px;padding-right:10px;color:#00877d}
#design .pollitem{margin-bottom:20px;padding:6px 20px 30px 20px;border-bottom:1px solid #e7e7e7}
#design .pollitem ul{overflow:hidden}
#design .pollitem ul li{padding-bottom:10px}
#design .pollitem .question{padding-bottom:1px}
#design .pollitem .question strong{padding-right:3px}
#design .pollitem .question label{padding-right:10px}
#design .pollitem .question input{height:25px;line-height:25px}
#design .pollitem .graph{position:relative;margin:0 120px 0 20px;height:10px;background:url(../../wdVote/img/poll_graph_bg01.gif) repeat-x}
#design .pollitem .graph .graphitem{height:10px;text-align:center;background:url(../../wdVote/img/poll_graph_bg02.gif) repeat-x}
#design .pollitem .graph strong{position:absolute;top:-5px;right:-100px}

#design .ending{margin:5px 0;padding:20px 0;font-size:15px;text-align:center;color:#c00;background:#feeeee}
#design .ready{margin:5px 0;padding:20px 0;text-align:center}

#poll_outline{width:99%;padding-top:15px;clear:both;border:3px #cacaca solid;border-top-left-radius:10px;border-bottom-right-radius:10px}
#poll{padding:0 15px 15px}
#poll dl dd{padding:0;margin-left:23px;line-height:150%}
#poll dl dd.tit{font-size:1.1em;font-weight:600;padding-bottom:10px;color:#1256A1}
#poll dl dt{float:left;width:28px;padding:0;margin:0}
#poll_info{float:left;;padding-top:20px}
#poll_tit{float:left;background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;font-weight:600}
#poll_pass #poll_pass_title{background:url("../img/common/bullet_list01.gif") no-repeat 0 5px;padding-left:12px;margin-bottom:5px;width:757px;font-weight:600}
#poll_table{margin-bottom:10px}
#poll_pop{margin:15px}

/**/
#design table.responsive{width:100%;border-top:0 !important}
#design table.responsive *{font-size:13px}
#design table.responsive thead{display:none}
#design table.responsive tbody tr{display:block !important;margin-bottom:15px !important;border-top:1px solid #aaa !important;border-bottom:1px solid #e9e9e9 !important;overflow:hidden}
#design table.responsive tbody th,
#design table.responsive tbody td{clear:both;float:left\9;width:100%\9;display:block;padding:0 !important;position:relative;text-align:left !important;border:0 !important;border-top:1px solid #eee !important;background:#fff !important;overflow:hidden}
#design table.responsive tbody th:before,
#design table.responsive tbody td:before{position:absolute;z-index:-1px;top:0;left:0;padding:5px 0;width:25%;height:100%;line-height:20px;font-weight:400;letter-spacing:-1px;color:#333;content:attr(data-th);background:none;text-indent:10px;overflow:hidden}
#design table.responsive tbody th .bt-content,
#design table.responsive tbody td .bt-content{display:block;margin-left:25%;padding:5px 10px;line-height:20px;text-align:left !important;background:#fff}
#design table.responsive tbody th .bt-content a,
#design table.responsive tbody td .bt-content a{display:inline-block;margin-right:5px;color:#006dc0;font-weight:700}
#design table.responsive tbody td .bt-content span{display:inline !important;margin:0 !important;width:auto !important;text-align:left !important;color:#333 !important}
#design table.responsive tbody td.bt-hide{display:none}
#design table.responsive tbody td.tac{text-align:left !important}
#design table.responsive tbody td.subject{font-weight:700;border-bottom:1px solid #e2e2e2;background:#fafafa}
#design table.responsive tbody td.subject a{display:inline-block;color:#006 !important}
#design table.responsive tbody td .notice{background:none !important}
#design table.responsive tbody td .new{position:relative;top:3px;display:inline-block;padding-left:12px;font-size:11px;background:url(../img/ico_new.png) no-repeat 0 50%}
#design table.responsive tbody td .secret{position:relative;top:2px;display:inline-block;padding-left:12px;font-size:11px;background:url(../img/ico_secret.png) no-repeat 0 50%}
#design table.responsive tbody th{float:left\9;width:100%\9;display:block;position:relative;font-weight:800;color:#000;background:#f9f9f9 !important}
#design table.responsive tbody th span{background:transparent !important}
#design table.responsive tbody tr:first-child th,
#design table.responsive tbody tr:first-child td{padding:0 5px !important}

/**/
#design table.responsive  div.visitor_num_guid{color:#617295;font-size:0.92em;font-weight:normal;line-height:130%;padding:7px 0 3px ;text-align:left}
#design table.responsive .bt-content .btn_gray{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#333 !important;text-align:center !important;border:1px solid #aaa;background:#fff;border-radius:22px}
#design table.responsive .bt-content .btn_red{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#fff !important;text-align:center !important;border:1px solid #f23737;background:#f23737;border-radius:22px}
#design table.responsive .bt-content .btn_orange{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#fff !important;text-align:center !important;border:1px solid #f77a00;background:#f77a00;border-radius:22px}
#design table.responsive .bt-content .btn_blue{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#fff !important;text-align:center !important;border:1px solid #014fbb;background:#014fbb;border-radius:22px}
#design table.responsive .bt-content .btn_green{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#009688 !important;text-align:center !important;border:1px solid #009688;background:#fff;border-radius:22px}
#design table.responsive .btn_regist{display:inline-block !important;margin:3px;padding:5px 20px;font-weight:600;color:#fff !important;text-align:center !important;border:1px solid #999;background:#999;border-radius:22px}
#design table.responsive .btn_cancel{display:inline-block !important;margin:3px;padding:5px 20px;width:69px;font-weight:600;color:#fff !important;text-align:center !important;border:1px solid #3d4459;background:#3d4459;border-radius:22px}
#design table.responsive .btn_regist_go{display:inline-block !important;padding:2px;font-weight:800;color:#fff !important;border:2px solid #1769A3;background:#003258}
#design table.responsive .btn_deadline{color:#C5C5C5 !important; font-weight:800;}

#design div.visitor_num_guid{color:#617295;font-size:0.92em;font-weight:normal;line-height:130%;padding:7px 0 3px ;text-align:left}
#design .bt-content .btn_gray{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#333;border:1px solid #aaa;background:#fff;border-radius:22px}
#design .bt-content .btn_red{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:22px}
#design .bt-content .btn_orange{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #f77a00;background:#f77a00;border-radius:22px}
#design .bt-content .btn_blue{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #014fbb;background:#014fbb;border-radius:22px}
#design .bt-content .btn_green{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#009688;border:1px solid #009688;background:#fff;border-radius:22px}
#design .btn_regist{display:block;margin:3px 0;padding:3px 5px;font-weight:600;color:#fff;border:1px solid #999;background:#999;border-radius:22px}
#design .btn_cancel{display:block;margin:3px 0;padding:3px 5px;width:69px;font-weight:600;color:#fff;border:1px solid #3d4459;background:#3d4459;border-radius:22px}
#design .btn_regist_go{display:block;padding:2px;font-weight:800;color:#fff;border:2px solid #1769A3;background:#003258}
#design .btn_deadline{color:#C5C5C5; font-weight:800}
#design .btn_suc{display:inline-block;margin:0 1px;padding:3px 7px;font-weight:600;color:#333;border:1px solid #aaa;background:#fff;border-radius:22px}
#design .btn_oky{display:inline-block;margin:0 1px;padding:3px 7px;font-weight:600;color:#fff !important;border:1px solid #014fbb;background:#014fbb;border-radius:22px}
#design .btn_pay{display:inline-block;margin:0 1px;padding:3px 7px;font-weight:600;color:#fff !important;border:1px solid #3d4459;background:#3d4459;border-radius:22px}
#design .btn_ing{display:inline-block;margin:0 1px;padding:3px 7px;font-weight:600;color:#fff !important;border:1px solid #c62338;background:#c62338;border-radius:22px}
#design button.btn_oky{padding:5px 10px 7px 10px}
#txt_box{margin:10px 0;padding:20px;border:1px solid #ccc;background:#fafafa}

#design .ay_webzine{margin-bottom:40px;background:#fff}
#design .ay_webzine .tit{display:block;padding:0 20px;line-height:40px;font-size:15px;font-weight:600;letter-spacing:-1px;color:#1c368d;text-align:center;border-bottom:1px solid #ccc;border-top:1px solid #1c368d}
#design .ay_webzine .tit span{display:none;padding-top:10px;font-size:14px;font-weight:400;letter-spacing:0px}
#design .ay_webzine dl{display:table;padding:20px 0;width:100%;*zoom:1}
#design .ay_webzine dl:before,
#design .ay_webzine dl:after{clear:both;display:table;content:"";line-height:0}
#design .ay_webzine dt{padding:10px}
#design .ay_webzine dt .img{padding:0;margin:0 auto}
#design .ay_webzine dt .img a{display:inline-block;border:1px solid #eee}
#design .ay_webzine dt .img .noimg{display:block;height:200px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px}
#design .ay_webzine dt .img img{display:block;padding:10px;border:1px solid #ccc}
#design .ay_webzine dd{padding:0 30px}
#design .ay_webzine dd ul{padding:0 0 20px 0}
#design .ay_webzine dd li{position:relative}
#design .ay_webzine dd li span{display:block;padding-left:90px;line-height:30px;font-size:14px;color:#333}
#design .ay_webzine dd .fb{position:absolute;top:0;left:0;display:block;line-height:30px;font-size:13px;color:#333}
#design .ay_webzine dd .fb:before{content:'';position:absolute;top:50%;left:-15px;margin-top:-1px;width:2px;height:2px;background:#333;border-radius:10px}
#design .ay_webzine .webzine{position:relative;margin:0 20px;border-top:1px dotted #aaa}
#design .ay_webzine .webzine h3{line-height:40px;font-size:13px}
#design .ay_webzine .webzine div{line-height:20px;font-size:14px;color:#333;text-align:justify;word-break:break-all}
#design .ay_webzine .webzine div img{width:auto !important;max-width:100% !important;height:auto !important}


/*
#design .ay_webzine dl{position:relative;margin:10px;*zoom:1}
#design .ay_webzine dl:before,
#design .ay_webzine dl:after{clear:both;display:table;content:"";line-height:0}
#design .ay_webzine dt{}
#design .ay_webzine dt .img{text-align:center}
#design .ay_webzine dt .img a{display:inline-block;border:1px solid #eee}
#design .ay_webzine dt .img .noimg{display:block;margin:10px;background:url(../img/noimg.png) no-repeat 50% 50%}
#design .ay_webzine dt .img img{}
#design .ay_webzine dd{padding:10px}
#design .ay_webzine dd ul{padding:0 0 20px 0}
#design .ay_webzine dd li{position:relative}
#design .ay_webzine dd li span{display:block;padding:3px 0;padding-left:100px;min-height:20px;font-size:14px;color:#333}
#design .ay_webzine dd .fb{position:absolute;top:0;left:0;display:block;padding:3px 0;font-size:13px;color:#333}
#design .ay_webzine .webzine{position:relative;border-top:1px solid #ccc}
#design .ay_webzine .webzine h3{padding:10px 0;font-size:13px}
#design .ay_webzine .webzine div{padding:10px 0;text-align:justify;word-break:break-all}
#design .ay_webzine .webzine div img{width:auto !important;max-width:100%;height:auto !important}

#design .ay_webzine{margin-bottom:40px;padding-bottom:20px;border:0px solid #d2d2d2;background:#fff}
#design .ay_webzine .tit{display:block;padding:0 20px;line-height:40px;font-size:19px;font-weight:600;letter-spacing:-1px;color:#1c368d;text-align:center;border-bottom:1px solid #ccc;border-top:1px solid #1c368d}
#design .ay_webzine .tit span{display:none;padding-top:10px;font-size:14px;font-weight:400;letter-spacing:0px}
#design .ay_webzine dl{display:table;padding:20px 0;width:100%;*zoom:1}
#design .ay_webzine dl:before,
#design .ay_webzine dl:after{clear:both;display:table;content:"";line-height:0}
#design .ay_webzine dt{display:table-cell;width:40%;vertical-align:top}
#design .ay_webzine dt .img{padding:0 20%}
#design .ay_webzine dt .img a{display:inline-block;border:1px solid #eee}
#design .ay_webzine dt .img .noimg{display:block;width:150px;height:214px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px}
#design .ay_webzine dt .img img{display:block;padding:10px;width:170px;border:1px solid #ccc}
#design .ay_webzine dd{display:table-cell;width:60%;vertical-align:top}
#design .ay_webzine dd ul{padding:0 0 20px 0}
#design .ay_webzine dd li{position:relative}
#design .ay_webzine dd li span{display:block;padding-left:90px;line-height:30px;font-size:14px;color:#333}
#design .ay_webzine dd .fb{position:absolute;top:0;left:0;display:block;line-height:30px;font-size:13px;color:#333}
#design .ay_webzine dd .fb:before{content:'';position:absolute;top:50%;left:-15px;margin-top:-1px;width:2px;height:2px;background:#333;border-radius:10px}
#design .ay_webzine .webzine{position:relative;margin:0 20px;border-top:1px dotted #aaa}
#design .ay_webzine .webzine h3{line-height:40px;font-size:13px}
#design .ay_webzine .webzine div{line-height:20px;font-size:14px;color:#333;text-align:justify;word-break:break-all}
#design .ay_webzine .webzine div img{width:auto;max-width:100%;height:auto}
*/

/**/
#design .ay_movie{overflow:hidden;*zoom:1}
#design .ay_movie:before,
#design .ay_movie:after{clear:both;display:table;content:"";line-height:0}
#design .ay_movie .webzine{float:left;width:100%}
#design .ay_movie .webzine dl{position:relative;margin:10px 0 0 0;padding:0 0 0 25%;border:1px solid #d2d2d2;*zoom:1;transition:all 0.3s ease-in-out}
#design .ay_movie .webzine dl:before,
#design .ay_movie .webzine dl:after{clear:both;display:table;content:"";line-height:0}
#design .ay_movie .webzine dl:hover{border:1px solid #3394dd;box-shadow:0px 2px 2px 0px rgba(0,0,0,0.16);transition:all 0.3s ease-in-out}
#design .ay_movie .webzine dt{position:absolute;top:0;left:0;width:100%}
#design .ay_movie .webzine dt .tit{padding:10px 20px;border-bottom:1px solid #eee}
#design .ay_movie .webzine dt .tit{background:none}
#design .ay_movie .webzine dt .tit a{display:block;font-size:16px;font-weight:500;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#design .ay_movie .webzine dt .img{padding:10px 20px 20px 20px}
#design .ay_movie .webzine dt .img a{display:block}
#design .ay_movie .webzine dt .img .noimg{display:block;width:75px;height:100px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px}
#design .ay_movie .webzine dt .img img{display:block;width:75px}
#design .ay_movie .webzine dd{padding:55px 20px 15px 10px}
#design .ay_movie .webzine dd ul{padding:0 0 5px 0}
#design .ay_movie .webzine dd li{padding:0 10px;font-size:14px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#design .ay_movie .webzine dd li span{font-size:13px;color:#777}
#design .ay_movie .webzine dd .txt{margin-bottom:10px;padding:0 10px;height:48px;line-height:16px;font-size:13px;color:#333;overflow:hidden}
#design .ay_movie .webzine p{height:60px;line-height:20px;color:#888;overflow:hidden}
#design .ay_movie .webzine .more{position:absolute;top:10px;right:10px;color:#aa6801}
#design .ay_movie .detail{}
#design .ay_movie .detail dl{position:relative;margin:0;border:1px solid #d2d2d2;*zoom:1;transition:all 0.3s ease-in-out}
#design .ay_movie .detail dl:before,
#design .ay_movie .detail dl:after{clear:both;display:table;content:"";line-height:0}
#design .ay_movie .detail dt .tit{padding:10px 20px;display:block;font-size:22px;font-weight:600;color:#1c368d;border-bottom:1px solid #eee}
#design .ay_movie .detail dt .img{margin:20px}
#design .ay_movie .detail dt .img a{display:inline-block;border:1px solid #eee}
#design .ay_movie .detail dt .img .noimg{display:block;width:150px;height:214px;background:url(../img/noimg.png) no-repeat 50% 50%;background-size:90px 90px}
#design .ay_movie .detail dt .img img{width:150px}
#design .ay_movie .detail dd{padding:0 20px 20px 20px}
#design .ay_movie .detail dd ul{padding:0 0 20px 0}
#design .ay_movie .detail dd li{position:relative;padding:3px 10px 3px 70px;line-height:20px;font-size:15px;color:#333;border:0;background:url(../img/tongyeong/depth3_5.png) no-repeat 0 5px}
#design .ay_movie .detail dd li span{position:absolute;top:3px;left:0;font-size:14px;color:#009400}
#design .ay_movie .detail dd .txt{padding:20px 0 50px 0;line-height:25px;font-size:15px;color:#333;border-top:1px solid #eee;text-align:justify;word-break:break-all}
#design .ay_movie .detail p{height:60px;line-height:20px;color:#888;overflow:hidden}

#timUser{display:block;overflow:hidden}
#timUser .userNum{float:left;display:block;width:20%;padding:4px 0}

/**/
#design .nocontent{clear:both;padding:180px 0 100px 0;font-size:16px !important;font-weight:400;color:#777;text-align:center;border-bottom:0px solid #ccc;background:url(../img/nocontent.png) no-repeat 50% 45%; background-size:110px 63px}

/**/
#dkboard .ay_tabmenu{padding-bottom:30px}
#dkboard .ay_tabmenu *{margin:0;padding:0;border:0;list-style-type:none}
#dkboard .ay_tabmenu ul{height:40px;border-bottom:1px solid #333;*zoom:1}
#dkboard .ay_tabmenu ul:before,
#dkboard .ay_tabmenu ul:after{clear:both;display:table;content:"";line-height:0}
#dkboard .ay_tabmenu li{float:left}
#dkboard .ay_tabmenu li a{display:block;margin-left:-1px;padding:0 20px;height:40px;line-height:40px;text-align:center;border:1px solid #aaa;border-bottom:1px solid #333;background:#f0f0f0}
#dkboard .ay_tabmenu li a strong{font-size:14px;font-weight:400;color:#888}
#dkboard .ay_tabmenu li:first-child a{margin:0}
#dkboard .ay_tabmenu li a:hover{position:relative;z-index:5;color:#777;border:1px solid #333;border-bottom:1px solid #fff;background:#fff}
#dkboard .ay_tabmenu li a.sel{position:relative;z-index:5;font-weight:800;letter-spacing:0px;color:#000;border:1px solid #333;border-bottom:1px solid #fff;background:#fff}
#dkboard .ay_tabmenu li a.sel strong{font-weight:600;color:#333}

/**/
#dkboard .ay_fieldset{position:relative}
#dkboard .ay_fieldset fieldset{position:relative;margin:0 80px 30px 80px;padding:20px 0 0 0;border:1px solid #d9d9d9}
#dkboard .ay_fieldset fieldset legend{display:none}
#dkboard .ay_fieldset .type{position:relative;*zoom:1}
#dkboard .ay_fieldset .type:before,
#dkboard .ay_fieldset .type:after{clear:both;display:table;content:"";line-height:0}
#dkboard .ay_fieldset .type label{display:block;margin:0 20% 5px 20%;line-height:25px}
#dkboard .ay_fieldset .type label strong{position:absolute;top:0;left:10%;line-height:25px;font-size:14px;font-weight:400}
#dkboard .ay_fieldset .type label span{display:block;border:1px solid #ccc}
#dkboard .ay_fieldset .type label input{padding:5px 0;width:100%;text-indent:10px}
#dkboard .ay_fieldset .type label select{padding:5px;width:100%;border:1px solid #ccc;text-indent:6px}
#dkboard .ay_fieldset .order{margin:20px 0 0 0;padding:10px 0;border-top:1px solid #ccc;background:#f7f7f7}
#dkboard .ay_fieldset .order .hunmin{text-align:center}
#dkboard .ay_fieldset .order .hunmin a{display:inline-block;padding:5px;border:1px solid #ccc;background:#fff;border-radius:3px}
#dkboard .ay_fieldset .button{position:absolute;top:24px;right:50px}
#dkboard .ay_fieldset .button button{width:80px;height:72px;font-size:15px;color:#fff;border:0;border-top:4px solid #035ca9;background:#0480ce}

/**/
#design .ay_view{*zoom:1}
#design .ay_view:before,
#design .ay_view:after{clear:both;display:table;content:"";line-height:0}
#design .ay_view h2{position:relative;z-index:2;padding:9px;font-size:12px;text-align:center;background:#f0f0f0;box-shadow:0 2px 0 0 rgba(0,0,0,0.3)}
#design .ay_view h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;border-bottom:1px solid #eee;background:#f9f9f9}
#design .ay_view dl{display:table;position:relative;width:100%;border-bottom:1px solid #e0e0e0;overflow:hidden}
#design .ay_view dt{display:table-cell;padding:7px 0;width:60px;font-size:11px;border-right:1px solid #f0f0f0;text-indent:10px;overflow:hidden}
#design .ay_view dd{display:table-cell;padding:7px;font-size:12px;background:#fff;overflow:hidden}
#design .ay_view dl.lik{width:100%;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle}
#design .ay_view dl.add{width:100%;border-top:1px solid #e0e0e0;margin-top:-1px;vertical-align:middle}
#design .ay_view dl.add a{display:block;padding-bottom:5px;font-size:12px}
#design .ay_view dl.add img{padding:0;margin:0;padding-right:6px;vertical-align:top}
#design .ay_view dd .btn{float:right}
#design .ay_view dd .btn a{display:inline-block;padding:0 10px;font-size:12px;letter-spacing:-1px;border:1px solid #ccc}
#design .ay_view .img{float:left;width:30%}
#design .ay_view .img img{width:100%;border:1px solid rgba(0,0,0,0.4)}
#design .ay_view .info{float:right;margin:0 0 20px 0;width:65%}
#design .ay_view .cominfo{margin:0 0 20px 0}
#design .ay_view .contents{clear:both;position:relative;z-index:2;top:-1px;padding:20px;min-height:300px;background:none!important;width:auto !important}
#design .ay_view .viewfile{margin-bottom:20px;padding:0 20px;border-bottom:1px solid #d2d2d2;background:#fff;overflow:hidden}
#design .ay_view .viewfile li{position:relative;padding:7px 0 7px 11%;min-height:40px;border-bottom:0px solid #eee;overflow:hidden}
#design .ay_view .viewfile li strong{position:absolute;top:10px;left:0px;padding:0 0 0 12px;line-height:20px;font-size:13px;background:url(../img/ico_clip.png) no-repeat 0 2px}
#design .ay_view .viewfile li a{display:block;padding:5px 0 5px 20px;font-size:12px}
#design .ay_view .viewfile li a.alz{background:url(../../wdBoard/img/alz.gif) no-repeat 0 3px}
#design .ay_view .viewfile li a.bmp{background:url(../../wdBoard/img/bmp.gif) no-repeat 0 3px}
#design .ay_view .viewfile li a.doc{background:url(../../wdBoard/img/doc.gif) no-repeat 0 3px}
#design .ay_view .viewfile li a.gif{background:url(../../wdBoard/img/gif.gif) no-repeat 0 3px}
#design .ay_view .viewfile li a.hwp{background:url(../../wdBoard/img/hwp.gif) no-repeat 0 3px}
#design .ay_view .viewfile li a.jpg{background:url(../../wdBoard/img/jpg.gif) no-repeat 0 3px}
#design .ay_view .viewfile li a.pdf{background:url(../../wdBoard/img/pdf.gif) no-repeat 0 3px}
#design .ay_view .viewfile li a.png{background:url(../../wdBoard/img/png.gif) no-repeat 0 3px}
#design .ay_view .viewfile li a.ppt{background:url(../../wdBoard/img/ppt.gif) no-repeat 0 3px}
#design .ay_view .viewfile li a.xls{background:url(../../wdBoard/img/xls.gif) no-repeat 0 3px}

/**/
#design .ay_content{padding:30px 0}
#design .ay_content_news{padding:20px;background:#fff; width:100%; height:inherit!important;}
#design .ay_content_news img{width:100%!important; height:100%!important;}
.ay_pdfview {width:90%; height:500px;}

/**/
#design .ay_paging{text-align:center}
#design .ay_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px}
#design .ay_paging .paging{padding:0 0 10px 0}
#design .ay_paging .paging span span{color:#2d4594;font-size:11px;display:none}
#design .ay_paging .paging strong{display:inline-block;margin-bottom:3px;padding:5px 9px;color:#000;border:1px solid #000}
#design .ay_paging .paging .num{display:inline-block;margin-bottom:3px;padding:5px 9px;color:#888;border:1px solid #d5d5d5}
#design .ay_paging .pprev{display:inline-block;padding:0 9px;font-size:11px;color:#888;border-left:0px solid #ccc}
#design .ay_paging .prev{display:inline-block;padding:0 9px;font-size:11px;color:#888;border-left:1px solid #ccc}
#design .ay_paging .next{display:inline-block;padding:0 9px;font-size:11px;color:#888;border-right:1px solid #ccc}
#design .ay_paging .nnext{display:inline-block;padding:0 9px;font-size:11px;color:#888;border-right:0px solid #ccc}

/**/
#design .ay_button{padding:0 0 10px 0;text-align:right}
#design .ay_button a{display:inline-block;padding:7px 30px;font-size:12px;font-weight:500;color:#333;border:1px solid #ccc;background:#eee}
#design .ay_button button{display:inline-block;padding:7px 30px;font-size:12px;font-weight:500;color:#333;border:1px solid #ccc;background:#eee}

/**/
#design .ay_title{*zoom:1}
#design .ay_title:before,
#design .ay_title:after{clear:both;display:table;content:"";line-height:0}
#design .ay_title *{margin:0;padding:0;font-size:13px;border:0;list-style-type:none}
#design .ay_title h3{line-height:30px;font-weight:400;color:#333}
#design .ay_title .ay_search{display:block;padding:5px 0}
#design .ay_title fieldset span{display:inline-block}

/**/
#design .ay_search{position:relative;*zoom:1}
#design .ay_search:before,
#design .ay_search:after{clear:both;display:table;content:"";line-height:0}
#design .ay_search fieldset{display:block;text-align:center}
#design .ay_search fieldset legend{display:none}
#design .ay_search fieldset select{padding:3px;width:28%;height:25px !important;line-height:25px !important;font-size:13px;font-weight:400;color:#777;border:1px solid #ccc;background:#fff}
#design .ay_search fieldset label{padding:0 10px 0 0;line-height:30px}
#design .ay_search fieldset input{padding:0 5px;width:48%;height:26px;font-size:12px;font-weight:800;color:#777;border:1px solid #ccc;border-radius:0px}
#design .ay_search fieldset button{position:relative;z-index:0;top:2px;right:0;padding:0;width:20%;height:26px;font-size:13px;font-weight:800;color:#fff;border:0;background:#777;border-radius:0px}
#design .ay_search p{position:absolute;top:-65px;right:0}
#design .ay_search p a{display:block;padding:5px 25px;font-weight:400;color:#fff;border:1px solid #c62337;background:#c62337;border-radius:0px}

/**/
#dkboard .ay_detail{margin-bottom:20px;*zoom:1}
#dkboard .ay_detail:before,
#dkboard .ay_detail:after{clear:both;display:table;content:"";line-height:0}
#dkboard .ay_detail *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px}
#dkboard .ay_detail h2{margin:10px 0 30px;padding:20px 30px;font-size:16px;color:#0473ba;border-top:2px solid #0473ba;border-bottom:1px solid #0473ba;background:#fff}
#dkboard .ay_detail h3{padding:10px 20px;font-size:13px;color:#004d9b;border-top:1px solid #004d9b;background:#f9f9f9}
#dkboard .ay_detail table *{margin:0;padding:0;border:0;list-style-type:none;font-size:12px}
#dkboard .ay_detail table{width:100%;border-collapse:collapse;border-top:1px solid #ccc}
#dkboard .ay_detail table caption{display:none}
#dkboard .ay_detail table th{padding:10px 20px;text-align:left;border-bottom:1px solid #ccc;background:#fff}
#dkboard .ay_detail table td{padding:10px;font-size:14px;color:#333;border-bottom:1px solid #ccc;background:#fff}
#dkboard .ay_detail table td a{font-size:14px;color:#333}
#dkboard .ay_detail .capacity{min-height:50px;overflow:hidden}
#dkboard .ay_detail .capacity dl{float:left;width:11.11%;text-align:center;position:static}
#dkboard .ay_detail .capacity dt{display:block;padding:5px 0;background:#ecf9f4}
#dkboard .ay_detail .capacity dd{display:block;padding:5px 0}
#dkboard .ay_detail .img{float:left;width:30%}
#dkboard .ay_detail .img img{width:100%;border:1px solid rgba(0,0,0,0.4)}
#dkboard .ay_detail .info{margin:0 0 20px 0}
#dkboard .ay_detail .info dl{position:relative;padding-left:160px;border-top:1px solid #ccc;overflow:hidden}
#dkboard .ay_detail .info dt{position:absolute;top:10px;left:20px;line-height:20px}
#dkboard .ay_detail .info dd{padding:10px 0;line-height:20px}

/**/
#dkboard .faqlist *{margin:0;padding:0;list-style-type:none}
#dkboard .faqlist li{padding:20px 0;border-bottom:1px solid #ccc}
#dkboard .faqlist li dl{padding:10px 0;position:relative}
#dkboard .faqlist li dt{position:absolute;top:10px;left:0}
#dkboard .faqlist li dt strong{font-size:24px;font-family:Arial, Helvetica, sans-serif}
#dkboard .faqlist li dd{padding-left:40px}
#dkboard .faqlist li dd br{display:none}

/**/
#dkboard .prevnext{padding-bottom:12px}
#dkboard .prevnext *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px}
#dkboard .prevnext ul{border-top:1px solid #ccc}
#dkboard .prevnext li{position:relative;padding:0px 90px 0 110px; height:44px; border:1px solid #ccc; border-top:0;}
#dkboard .prevnext li strong{position:absolute;top:0;left:0; width:90px; background:#fafafa; height:43px; line-height:43px; font-size:13px;  border-right:1px solid #ccc;  text-align:center;display:block;color:#555;}
#dkboard .prevnext li p{color:#999; line-height:44px;}
#dkboard .prevnext li a {display:block; height:44px; line-height:44px; padding-right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#dkboard .prevnext li a:hover { color:#ff661b;}
#dkboard .prevnext li span{position:absolute;top:11px;right:18px;display:block;color:#999}

/**/
#dkboard .ay_pass{padding:40px 0}
#dkboard .ay_pass .box{padding:30px;font-size:20px;text-align:center;border:1px solid #d2d2d2;background:#fafafa}
#dkboard .ay_pass .button button,
#dkboard .ay_pass .button a{padding:5px 30px}

/**/
#gallery_wrap{clear:both;overflow:hidden;margin:0 -7px;padding-bottom:12px;border-bottom:1px solid #d2d2d2}
#gallery_wrap .gallery_list{float:left;width:100%;padding-bottom:14px}
#gallery_wrap .image_bagic{margin:0 7px;padding:10px;background:#fff;border:1px solid #d2d2d2;border-bottom:1px solid #eee;text-align:center;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .image_bagic a{display:block;overflow:hidden;background:url(../img/noimg.png) no-repeat center center;}
#gallery_wrap .image_bagic a img{width:100%;max-width:100%;min-height:140px;margin:0 auto;display:inline-block;height:auto;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .gallery_top{position:relative}
#gallery_wrap .gallery_top > img{position:absolute;top:5px;left:10px}
#gallery_wrap .gallery_top dl{margin:0 7px;padding:10px;border:1px solid #d2d2d2;border-bottom:1px solid #bbb;border-top:0;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.08);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .gallery_top dt a{display:block;padding:0 0 3px 0;font-weight:normal;font-size:14px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#gallery_wrap .gallery_top dd{line-height:20px}
#gallery_wrap .gallery_top dd br{display:none}
#gallery_wrap .gallery_top .write{font-size:12px;color:#333}
#gallery_wrap .gallery_top .date{font-size:12px;color:#888}
#gallery_wrap .gallery_top .view_count{font-size:12px;color:#888}
#gallery_wrap .gallery_list:hover .image_bagic{border:1px solid #3394dd;border-bottom:1px solid #eee;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .gallery_list:hover .gallery_top dl { border:1px solid #3394dd; border-top:0;box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.16);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .gallery_list:hover .gallery_top dt a { color:#3394dd;}

.ay_book{}
.ay_book .ay_book{margin:0 -10px;overflow:hidden;*zoom:1}
.ay_book .ay_book:before,
.ay_book .ay_book:after{clear:both;display:table;content:"";line-height:0}
.ay_book .ay_book .webzine{float:left;position:relative; margin-bottom:20px;width:100%}
.ay_book .ay_book .webzine dl{position:relative;margin:0 10px;padding:20px;border:1px solid #cacaca;*zoom:1}
.ay_book .ay_book .webzine dl:before,
.ay_book .ay_book .webzine dl:after{clear:both;display:table;content:"";line-height:0}
.ay_book .ay_book .webzine dt{position:absolute;top:20px;left:20px}
.ay_book .ay_book .webzine dt img{display:block;padding:4px;width:82px;height:120px;border:1px solid #dedede}
.ay_book .ay_book .webzine dd{padding-left:100px}
.ay_book .ay_book .webzine dd div a{display:block;font-weight:600;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ay_book .ay_book .webzine dd ul{padding:10px 0 0 0;min-height:85px}
.ay_book .ay_book .webzine dd li{padding:0 0 5px 0;color:#555;white-space:nowrap;overflow:hidden}
.ay_book .ay_book .webzine dd li span{display:inline-block;width:40px;font-size:13px;color:#060}
.ay_book .ay_book .webzine dd li em{padding:0 10px}
.ay_book .ay_book .webzine .content{height:40px;line-height:20px;font-size:13px;color:#888;overflow:hidden}
.ay_book .ay_book .more{display:block;margin:0 10px;padding:7px 20px;font-size:13px;text-align:right;color:#aa6801;border:1px solid #cacaca;border-top:0;background:#fafafa}
.ay_book .ay_book .detail{position:relative;padding-bottom:20px}
.ay_book .ay_book .detail dl{margin:0 10px;padding:20px;border:1px solid #cacaca;*zoom:1}
.ay_book .ay_book .detail dl:before,
.ay_book .ay_book .detail dl:after{clear:both;display:table;content:"";line-height:0}
.ay_book .ay_book .detail dt{margin:0 auto;width:160px}
.ay_book .ay_book .detail dt img{display:block;padding:4px;width:160px;border:1px solid #dedede}
.ay_book .ay_book .detail dd{padding:10px 0 0 0}
.ay_book .ay_book .detail dd div{display:block;padding:5px 0;line-height:22px;font-size:15px;font-weight:600;color:#1c368d}
.ay_book .ay_book .detail dd ul{padding:10px 0}
.ay_book .ay_book .detail dd li{padding:0 0 5px 0;color:#555}
.ay_book .ay_book .detail dd li span{float:left;display:block;padding:0 0 0 10px;width:60px;font-size:13px;color:#060;background:url(../img/dp2.png) no-repeat 0 6px}
.ay_book .ay_book .detail dd li em{padding:0 10px}
.ay_book .ay_book .detail p{height:60px;line-height:20px;color:#888;overflow:hidden}
.ay_book .ay_book .info{margin:10px;margin-top:0;padding:10px 20px 20px 20px;border:1px solid #cacaca;background:#fafafa}

/**/
.ay_gallery{}
.ay_gallery .ay_gallery{margin:0 -10px;overflow:hidden;*zoom:1}
.ay_gallery .ay_gallery:before,
.ay_gallery .ay_gallery:after{clear:both;display:table;content:"";line-height:0}
.ay_gallery .ay_gallery .theme{float:left;position:relative;width:100%}
.ay_gallery .ay_gallery .theme dl{margin:0 10px 20px 10px;padding:10px;min-height:250px;border:1px solid #cacaca;*zoom:1}
.ay_gallery .ay_gallery .theme dl:before,
.ay_gallery .ay_gallery .theme dl:after{clear:both;display:table;content:"";line-height:0}
.ay_gallery .ay_gallery .theme dt{}
.ay_gallery .ay_gallery .theme dt img{display:block;width:100%}
.ay_gallery .ay_gallery .theme dd{}
.ay_gallery .ay_gallery .theme dd div a{display:block;padding:5px 0;font-weight:600;color:#1c368d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ay_gallery .ay_gallery .theme dd ul{padding:5px 0}
.ay_gallery .ay_gallery .theme dd li{padding:0 0 5px 0;color:#555;white-space:nowrap;overflow:hidden}
.ay_gallery .ay_gallery .theme .bagic{text-align:center;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
.ay_gallery .ay_gallery .theme .bagic a{display:block;overflow:hidden;background:url(../img/noimg.png) no-repeat center center}
.ay_gallery .ay_gallery .theme dl:hover{border:1px solid #3394dd;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.16);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
.ay_gallery .ay_gallery .theme dl:hover a{color:#3394dd;}

/**/
#gallery_wrap{clear:both;overflow:hidden;margin:0 -7px;padding-bottom:12px;border-bottom:1px solid #d2d2d2}
#gallery_wrap .gallery_list{float:left;width:50%;padding-bottom:14px}
#gallery_wrap .image_bagic{margin:0 7px;padding:10px;background:#fff;border:1px solid #d2d2d2;border-bottom:1px solid #eee;text-align:center;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .image_bagic a{display:block;overflow:hidden;background:url(../img/noimg.png) no-repeat center center;}
#gallery_wrap .image_bagic a img{width:100%;max-width:100%;min-height:140px;margin:0 auto;display:inline-block;height:auto;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .gallery_top{position:relative}
#gallery_wrap .gallery_top > img{position:absolute;top:5px;left:10px}
#gallery_wrap .gallery_top dl{margin:0 7px;padding:10px;border:1px solid #d2d2d2;border-bottom:1px solid #bbb;border-top:0;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.08);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .gallery_top dt a{display:block;padding:0 0 3px 0;font-weight:normal;font-size:14px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#gallery_wrap .gallery_top dd{line-height:20px}
#gallery_wrap .gallery_top dd br{display:none}
#gallery_wrap .gallery_top .write{font-size:12px;color:#333}
#gallery_wrap .gallery_top .date{font-size:12px;color:#888}
#gallery_wrap .gallery_top .view_count{font-size:12px;color:#888}
#gallery_wrap .gallery_list:hover .image_bagic{border:1px solid #3394dd;border-bottom:1px solid #eee;transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .gallery_list:hover .gallery_top dl { border:1px solid #3394dd; border-top:0;box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.16);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}
#gallery_wrap .gallery_list:hover .gallery_top dt a { color:#3394dd;}


#program div.subject_a{margin:10px 0 15px 50px;background:url("../img/pro_content/list_title_line.gif") no-repeat 50px 0.6em}
#program div.subject_a span.head{float:left;width:50px;background:url("../img/common/bullet_list01.gif") no-repeat 0 0.7em;padding:7px 0 0 10px;font-weight:600}
#program div.subject_a input{width:470px;height:17px;border:1px solid #d3d3d3}






































.answer_box {   position:relative; z-index:2; padding:15px; background:#f6f6f6;border-bottom:1px solid #d2d2d2; overflow:hidden;}
.answer_box h4 { }
.answer_box .answer_contents { padding:10px 0 15px 0; }
.answer_box span {  font-size:11px; color:#777;}

/*********** 덧글 영역 ************/
div.sg_reply{width:100%}
div.sg_reply .writing{background: url(../img/line_dotted.gif) repeat-x bottom;padding:10px;font-size:0.92em}
/*덧글내용*/
div.sg_reply .writing .info .id{font-weight:600}
div.sg_reply .writing .info .day{color:#ff6f6f}
div.sg_reply .writing .info img{vertical-align:middle;margin-bottom:2px}
div.sg_reply .writing .con{line-height:16px;padding-top:7px}

/*덧글쓰기 폼*/
div.sg_reply .reply_form{margin-top:10px}
div.sg_reply .reply_form .outline{}
div.sg_reply .reply_form .outline fieldset legend {padding:0;font-size:0;line-height:0;text-indent: -2000px}
div.sg_reply .reply_form .outline .row_input{padding:2px 15px}
div.sg_reply .reply_form .outline .row_input input{vertical-align:middle;margin-bottom:2px}
div.sg_reply .reply_form .outline .row_input span.pad{padding-left:30px}
div.sg_reply .reply_form .outline textarea{color:#5d5d5d;background:#ffffff;border:1px solid #bcbcbc;height:40px;width:648px}

#wd_print .guide_txt{padding:5px 0 20px 0;text-align:right;border-bottom:1px solid #333}
#wd_print .guide_txt .required{color:#f00;font-weight:600}
#wd_print .row_input{position:relative;padding:10px 0 10px 120px;min-height:51px;border-bottom:1px solid #d2d2d2;overflow:hidden}
#wd_print .row_input *{font-size:14px !important}
#wd_print .row_input > label{display:block;position:relative;padding:4px 0}
#wd_print .row_input > label.fl{margin:0 5px 0 0}
#wd_print .row_input span.head{position:absolute;top:10px;left:20px;display:block;line-height:30px;font-weight:600;text-align:left;white-space:nowrap;color:#464646}
#wd_print .row_input span.required{position:absolute;top:15px;left:10px;color:#f00;font-weight:600}
#wd_print .row_input span.info {width:auto !important;margin:0;padding-top:6px;display:block;letter-spacing: -0.05em;border:none}
#wd_print .row_input input.long {width:auto !important}
#wd_print .row_input span.data {display:block;padding:4px 0 2px 0;line-height:140%}
#wd_print .row_input .ay_textarea{padding:10px;width:100%;height:300px;border:1px solid #ccc}

div.sg_pass{padding:20px 50px}
div.sg_pass .sg_pass_box{border:solid #d2d2d2;border-width:2px 0;padding:30px;text-align:center;background:#f9f9f9}
div.sg_pass .sg_pass_box span{padding:0 0 0 13px;background:url(../img/bullet_arrow.gif) no-repeat 0 0.2em}
div.sg_pass .sg_pass_box input{vertical-align:middle;margin-bottom:4px;width:150px}
div.sg_pass .sg_pass_btn{text-align:center;padding-top:15px}
div.sg_pass .sg_pass_btn img, 
div.sg_pass .sg_pass_btn input{vertical-align:middle}
div.sg_pass .sg_pass_btn input{padding:5px 10px;border:1px solid #ccc}
div.sg_pass .sg_pass_btn a{display:inline-block; position:relative; top:1px;padding:5px 10px;line-height:20px;color:#fff;border:1px solid #999;background:#999}

div.sg_reply{padding-top:5px;}
div.sg_reply .reply_form{overflow:hidden; padding-bottom:28px;border-bottom:1px solid #ddd;}
div.sg_reply .reply_form h2{color:#333 !important;font-size:14px !important;;margin:10px 0;float:left;background:none;padding:0}
div.sg_reply .reply_form p.reply_num{text-align:right;float:right;font-size:12px;margin:10px 0 0 0}
div.sg_reply .reply_form .outline{clear:both}
div.sg_reply .reply_form .outline fieldset{border:0;overflow:hidden; position:relative;}
div.sg_reply .reply_form .outline .row_input_reply{float:left;width:100%;}
div.sg_reply .reply_form .outline .row_input_reply textarea{padding:10px;width:100%;height:50px;border:1px solid #888;resize:none;overflow-y:auto}
div.sg_reply .reply_form .outline .row_input_reply .sg_file{display:block; width:100%; padding:3px 0;font-size:12px;}
div.sg_reply .reply_form .outline .btn_board_ok{position:absolute; right:0; top:0;width:18%;height:72px;color:#fff !important;border:0;background:#444; cursor:pointer;}
div.sg_reply .writing{border-bottom:1px solid #dfdfdf;padding:10px 0;font-size:12px;clear:both;overflow:hidden;position:relative}
div.sg_reply .best_wrap{margin:10px 0 0;border-top:1px solid #c5d7e0}
div.sg_reply .best_wrap .writing{padding:10px;background:#f3f3f1;border-bottom:1px solid #c5d7e0}
div.sg_reply .best_wrap .writing .best_re{position:absolute;left:0;top:0}
div.sg_reply .writing_re{padding:10px 0 10px 38px;overflow:hidden;background:#f7f7f7 url(../img/ico_reply.png) no-repeat 10px 13px}
div.sg_reply .writing .profile_photo{float:left;width:42px;height:50px}
div.sg_reply .writing .profile_photo img {width:42px;height:50px}
div.sg_reply .writing .con_wrap{color:#555}
div.sg_reply .writing .con_wrap #con_info{overflow:hidden}
div.sg_reply .writing .con_wrap #con_info .info{float:left}
div.sg_reply .writing .con_wrap #con_info .info .id{font-weight:700;margin-right:10px;position:relative;display:inline-block}
div.sg_reply .writing .con_wrap #con_info .info .level01{background-position:0 0}
div.sg_reply .writing .con_wrap #con_info .info .level02{}
div.sg_reply .writing .con_wrap #con_info .info .level03{background-position:0 -40px}
div.sg_reply .writing .con_wrap #con_info .info .level04{background-position:0 -60px}
div.sg_reply .writing .con_wrap #con_info .info .day{color:#888;font-size:11px;  display:inline-block; margin-top:-2px;}
div.sg_reply .writing .con_wrap .m_d{float:right;padding-right:8px;}
div.sg_reply .writing .con_wrap .m_d .postedit{float:left; color:#fff; font-size:0px !important;}
div.sg_reply .writing .con_wrap .m_d .postedit a { display:inline-block; padding:1px 9px;color:#333; margin-left:4px; font-size:13px !important; background:#fff; border:1px solid #ddd; border-radius:3px;}
div.sg_reply .writing .con_wrap .con{font-size:12px;padding:0; margin:0;}

#program .okay{padding:20px 0}
#program .okay *{font-size:13px}
#program .okay p{padding:20px 0;margin-bottom:20px;font-size:14px;color:#f04d48;border-top:0px solid #eee;border-bottom:1px solid #eee}
#program .okay p a{padding:5px 10px;color:#fff;border:1px solid #f04d48;background:#f04d48;border-radius:3px}
#program .okay li{padding:2px 0;color:#333}

#sg_btn_area{padding:10px 0  !important;text-align:right}
#sg_btn_area a,
#sg_btn_area button{display:inline-block;padding:5px 17px 8px 17px !important;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px}
#sg_btn_area input{padding:5px 17px 8px 17px !important;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:3px}