@charset "UTF-8";

* {margin:0; padding:0; font-family:Dotum, 돋움, Arial, Helvetica, sans-serif;}
ul, li, ol, dd, dt, dl {list-style:none;}
a {text-decoration:none; }
a:hover {-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
a:hover .i-ttl {color:#0e3059;}
a:hover .i-sum {color:#888;}

.kpedu-prehdr {border-bottom:#c3cbd5 solid 1px; font-size:11px; line-height:28px; color:#7d7d7d; font-family:Arial, Helvetica, sans-serif;}
.kpedu-prehdr strong {color:#0e3059;}

.kpedu-hdr {padding:20px 0; clear:both;}

.kpedu-nav .kpedu-wrap {border-bottom:#ccc solid 1px; border-top:#2963ac solid 2px;}

.kpedu-con {padding:20px 0; clear:both;}
.kpedu-con:after, .kpedu-con:before {content:''; display:block; clear:both;}

.kpedu-ftr {padding:20px 0; clear:both; background:#203e62;}

.kpedu-wrap {margin:0 auto; width:980px; text-align:left;}

.f-lft {float:left;}
.f-rht {float:right;}
.clr {display:block; clear:both;}

.i-social a {color:#999; font-size:20px; line-height:20px; padding:0 5px;}
.i-social a:hover {color:#0e3059;}

.txt-arc {background:#c3cbd5; color:#fff; display:inline-block; padding:0 15px; font-weight:bold; text-transform:uppercase;}
.txt-sub {background:#a9b6c6; color:#fff; display:inline-block; padding:0 15px; font-weight:bold; text-transform:uppercase;}

.t-menu {float:left; display:inline; text-align:center;}
.t-menu a {display:block; font-family:Nanum Gothic,Nanum Gothic Coding,나눔고딕,NanumGothic; text-transform:uppercase; font-size:13px; line-height:38px; font-style:normal; color:#222; text-decoration:none; font-weight:800; }
.t-menu .active {background:#003E88 !important; color:#fff;}
.t-menu a:hover {background:#E1E3E6; text-decoration:none;}
.txt0 {width:11%;}
.txt1 {width:13%;}
.txt2 {width:20%;}
.txt3 {width:11%;}
.txt4 {width:8%;}
.txt5 {width:15%;}
.txt6 {width:11%; background:#f0f3f4;}
.txt7 {width:11%; background:#e8edee;}

.col0 {float:left; width:630px;}
.col1 {float:left; width:305px; margin-right:20px;}
.col2 {float:left; width:305px;}
.col3 {float:right; width:330px; background:#EDEEEF; box-shadow:0 1px 0px 1px #ddd;}
.col3-1 {float:left; width:55%; margin-right:2.5%;}
.col3-2 {float:left; width:25%; margin-right:2.5%;}
.col3-3 {float:left; width:15%;}
.col2-1 {float:left; width:68%;}
.col2-2 {float:right; width:26%;}

.kpedu-hdr .f-lft * {vertical-align:top; line-height:0;}
.kpedu-hdr .f-lft a {color:#666; font-size:30px; line-height:36px; font-weight:normal;}
.kpedu-hdr .f-rht {padding-top:7px; position:relative;}

.kpedu-ftr .col0 {width:400px; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:20px; color:#a5a5a5; }
.kpedu-ftr .col1 {width:380px; margin-right:20px;}
.kpedu-ftr .col2 {width:160px;}
.kpedu-ftr .col3 {width:160px; background:transparent;}
.kpedu-ftr .col1 li {float:left; width:50%;}
.kpedu-ftr a {text-transform:uppercase; font-size:14px; line-height:26px; color:#ccc;}

.input-slt,
.input-btn {line-height:16px; font-size:12px;}
.input-slt {width:100%; padding:2px 0;}
.input-btn {width:100%; padding:4px 0; background:#0e2964; border:none; color:#fff;}
.input-txt {width:100%; padding:2px 0;}

.input-txt, .input-slt, .input-btn {font-family:Arial, Helvetica, sans-serif;}

.i-search {position:absolute; right:0; top:0; background-color:#fff; width:202px; padding:2px 0; box-shadow:0 0 0 1px #eee;}
.i-search .input-txt {float:left; width:146px; font-size:12px; line-height:14px; border:none; background:none; color:#666; padding:6px 8px;}
.i-search .input-btn {float:left; width:40px; font-size:12px; line-height:14px; border:none; background:#eee; color:#444; padding:6px 0; font-weight:bold; cursor:pointer;}

.i-pop {background:#fff; width:500px; height:200px; box-shadow:0 0 2px #000; position:absolute; top:30%; left:50%; margin:0 -250px;}
.i-pop .m-close {position:absolute; right:0; top:2px; width:25px; font-size:16px; line-height:28px; color:#888; text-shadow:1px 1px 0 #fff;}
.i-pop .m-close a {font-size:18px; line-height:32px; color:#999; text-shadow:1px 1px 0 #000; padding:0 !important;}

.i-breadcrumbs {font-size:11px; line-height:38px;}

.i-boardframe {border-top:2px solid #E1E3E6; padding-top:20px; padding-bottom:20px;}

.t-ttl-md {text-align:center; font-family:Nanum Gothic,Nanum Gothic Coding,나눔고딕,NanumGothic; text-transform:uppercase; font-size:13px; line-height:38px; color:#003e88; font-style:normal; font-weight:800;}
.t-ttl-md strong {font-weight:normal; }
.t-ttl-md.expanded {font-size:20px; line-height:38px;}
.t-ttl-md.txt-lft {text-align:left;}
.col3 .i-sideimg {border-top:#e1e3e6 solid 4px; padding:0 20px;}
.col3 .i-sideimg .i-repeat:before {margin-top:7px; padding-top:7px;}
.col3 .i-sideimg .t-ttl-md {border-bottom:#e1e3e6 solid 1px;}

.i-ttl {font-size:18px; line-height:18px; color:#000; padding-bottom:5px;}
.i-sum {font-size:12px; line-height:16px; color:#666;}
.i-date {display:block; font-size:11px; line-height:22px; text-transform:uppercase; color:#003e88; font-weight:normal;}
.i-info {display:block; font-size:12px; line-height:22px; text-transform:uppercase; color:#003e88; font-weight:normal;}
.i-cat {font-weight:bold; background:#f5900c; color:#fff; padding:0 5px; border-radius:2px; font-size:12px; line-height:16px; font-weight:normal;}
.i-author {font-weight:normal; color:#0e3059;}
.i-copyright {font-size:12px; line-height:16px; color:#666; font-weight:bold;}

.i-fullimg .i-ttl {font-size:28px; line-height:28px;}
.i-fullimg .i-img {width:100%;}

.i-sideimg {margin-bottom:20px;}
.i-sideimg .t-ttl-md {margin-top:5px; border-bottom:#c9c9c9 solid 2px;}
.i-sideimg .i-img {float:left; margin-right:16px; display:inline;}
.i-sideimg .i-ttl {font-size:12px; line-height:16px; font-weight:normal;}
.i-sideimg .i-repeat {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-sideimg .i-repeat:after {display:block; content:''; clear:both;}
.i-sideimg .i-repeat:before {display:block; content:''; clear:both; border-top:#d9d9d9 solid 1px; margin-top:9px; padding-top:9px;}
.i-sideimg .i-repeat.i-firstchild:before {border-top:none; box-shadow:none; padding-top:0;}
.i-sideimg a:hover {text-decoration:none;}
.i-sideimg.darker {background:#f3f3f3; padding:0 18px 20px 18px;}
.i-sideimg.darker .t-ttl-md {margin-left:-18px; margin-right:-18px; border-bottom:none;}
.col1 .i-sideimg {margin-bottom:35px;}

.i-qnalist .t-ttl-md {background:url(../images/icon-sprite.png) -10px -143px no-repeat; padding-left:26px;}
.i-collist .t-ttl-md {background:url(../images/icon-sprite.png) -10px -179px no-repeat; padding-left:26px;}

.i-devided {margin-bottom:18px; background:#edeeef; padding:0 20px 16px 20px; border-top:5px solid #E1E3E6; border-bottom:2px solid #E1E3E6;}
.i-devided .t-ttl-md { }
.i-devided.i-searchbox {padding-top:18px; padding-left:70px; background-image:url(../images/icon-sprite.png); background-position:20px -278px; background-repeat:no-repeat;}
.i-devided.i-searchbox .input-btn {background:#f5900c;}
.i-devided.i-questbox {padding-top:18px; padding-left:70px; background-image:url(../images/icon-sprite.png); background-position:20px -386px; background-repeat:no-repeat;}

.i-colimg .i-img {width:100%;}
.i-colimg .i-repeat {padding-bottom:18px;}

.i-col4img {border-top:4px solid #e1e3e6; border-bottom:1px solid #e1e3e6; position:relative;}
.i-col4img .t-ttl-md {text-align:left; margin-bottom:5px; margin-left:10px; padding-top:5px; }
.i-col4img .i-repeat {float:left; width:23%; margin:0 1%; text-align:center;}
.i-col4img .i-img {width:100%;}
.i-col4img .i-ttl {font-size:12px; line-height:16px; letter-spacing:-0.15em; font-weight:normal;}
.i-col4img.darker {padding:0 20px 20px 20px; margin-bottom:20px; background: rgb(232,236,242); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(232,236,242,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(232,236,242,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(232,236,242,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(232,236,242,1) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(232,236,242,1) 0%,rgba(249,249,249,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(232,236,242,1) 0%,rgba(249,249,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ecf2', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ margin-bottom:20px !important;}
.i-col4img.i-ypages {bborder-top-color:#dcdcdc;}
.i-col4img.i-photos {border-top-color:#dcdcdc; /*border-top-color:#132f60; border-bottom-color:#132f60;*/}
.i-col4img.i-ypages .i-repeat {margin-bottom:20px;}
.i-col4img.i-photos .t-ttl-md {/*background:url(../images/icon-sprite.png) -12px -32px no-repeat; padding-left:28px; color:#666; color:#0e3b69;*/ margin-left:0;}
.i-col4img.i-ypages .t-ttl-md {/*background:url(../images/icon-sprite.png) -12px -104px no-repeat; padding-left:28px; color:#666; color:#cf7f0e;*/ margin-left:0;}
.i-col4img.i-photos a,
.i-col4img.i-photos .i-ttl {/*color:#fff;*/}
.i-col4img a,
.i-col4img .i-ttl {color:#666;}
.i-col4img.i-yplistm {}
.i-col4img.i-yplistm .i-repeat {margin-bottom:10px;}

.i-yplistm .t-ttl-md {background:url(../images/icon-sprite.png) -12px -104px no-repeat; padding-left:28px; color:#cf7f0e;}
.i-yplists .t-ttl-md {background:url(../images/icon-sprite.png) -10px -72px no-repeat; padding-left:22px;}

.btn-lft {position:absolute; left:3px; top:48%;}
.btn-rht {position:absolute; right:3px; top:48%;}

.i-col5img {margin-bottom:20px;}
.i-col5img .t-ttl-md {text-align:left; margin-left:10px;}
.i-col5img .i-repeat {float:left; width:20%; margin:0; text-align:center;}
.i-col5img .i-img {max-width:100%; border-radius:50px; margin-bottom:10px;}
.i-col5img .i-ttl {font-family:Nanum Gothic Coding,Nanum Gothic,나눔고딕,NanumGothic; font-size:12px; line-height:16px; text-align:center; border-bottom:#eee solid 2px; border-top:#eee solid 1px; padding-top:5px; letter-spacing:-0.25em; color:#0472d3;}
.i-col5img.darker {background:#ececec; padding:0 10px 20px 10px; margin-bottom:20px;}
.i-col5img a:hover {text-decoration:none;}
.i-col5img a:hover .i-img {box-shadow:0 1px 1px 1px #eee;}

.i-mixed {margin-bottom:12px; border:#E1E3E6 solid 5px; }
.i-mixed .t-ttl-md {text-align:left; margin-left:20px;}
.i-mixed .i-fullimg {float:left; width:235px; margin-left:20px; margin-bottom:15px;}
.i-mixed .i-sideimg {float:right; width:330px; margin-right:20px;}
.i-mixed .i-fullimg .i-ttl {font-size:22px; line-height:22px;}

.i-pagenav {text-align:center; clear:both;}
.i-pagenav .txt-null {color:#999; padding:7px 10px; font-size:12px; line-height:34px; font-weight:normal; border-top:#ddd solid 1px; border-left:#ddd solid 1px; box-shadow:0 1px 1px #ddd, 1px 0 #ddd;}
.i-pagenav a .txt-null {color:#000;}
.i-pagenav .txt-null:hover {box-shadow:0 3px #aaa, 1px 0 #ddd;}

.a-basic {text-align:center; margin:5px auto;}
.a-basic * {margin-left:auto !important; margin-right:auto !important; text-align:center !important;}

.imageBox, .imageLeft, .imageRight, .imageNone {max-width:100%;}
.imageBox, .imageNone {margin:0 auto 15px; text-align:center;}
.imageLeft {float:left; clear:left; margin-right:15px; margin-bottom:15px;}
.imageRight {float:right; clear:right; margin-left:15px; margin-bottom:15px;}
.imageBox .caption, .imageLeft .caption, .imageRight .caption, .imageNone .caption {font-family:"Times New Roman", Times, serif; font-size:12px; line-height:12px; color:#888; padding:8px 0;}