/* #Site Styles
================================================== */
#container { overflow:hidden; }
.container img { max-width:100%; }


.top-wrap-bg {
width:100%;/*background-image: url(../images/layout/t-bg-011.jpg);background-position: center -50%;*/
}
.top-wrap {width:100%;min-width:1140px;height:201px;position:relative;
background-color:#f3f3f3;color:#262262}

.top-wrap .top-logo{margin-top:30px;display:block}
.top-wrap .top-quick{margin:5px 0 8px;text-align:right;position:relative;border:0px solid red;height:30px}
.top-wrap .top-quick .tq {position:absolute;top:2px;right:130px;width:300px;}

.google-trans {position:absolute;right:0px;}
.top-wrap .top-contact{height:34px;margin-bottom:10px;text-align:right;border:0px solid red}
.top-wrap .top-search{position:relative;}

.top-wrap form {display: block;margin-top: 0em;}

/*--- search form ---*/
.gdl-search-form{ padding-right: 22px; position: relative; }
.gdl-search-form input[type="text"]{ border-width: 0px; border-style: solid; width: 94%; padding: 16px 18px;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.gdl-search-form input[type="submit"] { position: absolute; right: 14px; top: 50%; margin: -9px 0px 0px;
  width: 16px; height: 16px; padding: 0px; background-color: transparent; background-size: 16px 16px;
  /*background-image: url('icon-search-d.png'); */ border: none; }

.gdlr-header-search{ float: right; width: 52%; clear: right; }
.gdlr-header-search .gdl-search-form{ padding-right: 42px; }
.gdlr-header-search .search-text input{ font-size: 13px; }
.gdlr-header-search .gdl-search-form input[type="text"]{ width: 100%; border: 0px; margin: 0px; padding: 15px 21px;
  -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.gdlr-header-search .gdl-search-form input[type="submit"] { background-image: url('../images/icon-search.png'); }

.gdl-search-form input{ background-color: #555; }
.gdl-search-form input{ color: #9d9d9d; }
.gdl-search-form input{ border-color: #ebebeb; }

.gdlr-header-search .gdl-search-form input[type="text"]{ background-color: #ddd; /*opacity: 0.3;filter: alpha(opacity=30);*/}
.gdlr-header-search .gdl-search-form input[type="text"]{ color: #ffffff; }


.top-wrap .top-nav {width:1120px;min-width:1120px;z-index:999}


.sub-menu {list-style:none;padding:0 20px 0px 20px}
.sub-menu li {font-size:16px;float:left;}
.sub-menu li a {display:block;font-weight:bold;margin-right:60px}
.sub-menu li a.depth2 {margin-bottom:8px;}

.sub-menu li li{float:none;list-style:none;font-size:14px;line-height:26px;}
.sub-menu li li a {display:block;font-weight:normal;margin-right:60px}
.sub-menu li li a:hover{text-decoration:underline}
.sub-menu:after { clear:both;content: ""; display:block;font-size:0;line-height:0px;height:0px;}







/* #Page Styles
================================================== */
ol.number {}
ol.number > li {margin-left:20px; list-style:decimal;}
ul.ul_dash {}
ul.ul_dash li { padding-left:0px; margin-left:25px;  list-style:url('../images/common/li_dash.gif');}


blockquote {color: #666;background: #f7f7f7 url("../images/common/quote.png") no-repeat 30px 30px;}
blockquote {clear: both;margin: 0 0px 25px;padding: 29px 30px 29px 83px;font-size: 16px;position: relative;line-height: 24px;}
blockquote.htit {color: #666;background:url("../images/common/quote.png") no-repeat 0px 0px;}
blockquote.htit {clear: both;margin: 0 0px 0px;padding: 5px 30px 0px 50px;position: relative; z-index:10;}


/* 메인팝업 */
body.popbody { border:0 !important;padding:0 !important; margin:0 !important; }
.popwrap { margin:10px; }
#popwrap {padding:0;margin:0;}

.popupwrap { background-color:#fff;  }
.popcontentwrap {margin:0 0px 0px 0px; color:#333;}
.popcontent {  background-color:#fff; padding:15px 20px; }
.pop-title {background:#f9f9f9;border-top:1px dotted #ddd;border-bottom:1px solid #eee;line-height:1.7em;padding:10px 10px 7px 10px;}

#pop_footer { background-color:#3a3a3a; height:15px; padding:5px 0 5px 0; color:#425131; margin-top:00px; }

#pop_footer .checkbox {border:none;}

#pop_footer .today {float:left; padding:0 0 0 10px; color: #fff;font:11px dotum, tahoma}
#pop_footer .close {float:right; padding:2px 10px 0 0; color: #fff;font:11px dotum, tahoma}
#pop_footer .close a {text-decoration:none; color:#fff;}
#pop_footer .close a:hover {text-decoration:underline; color:#fff;}

#pop_footer ul { padding:0px; margin:0px; list-style:none;}
#pop_footer ul li { float:left; }
#pop_footer ul li.todaytxt { padding-left:5px; padding-top:2px; }

.toTop {
  border:0px solid #ccc;
  background:#0088CC;
  text-align:center;
  padding:5px 10px;
  position:fixed; /* this is the magic */
  bottom:10px; /* together with this to put the div at the bottom*/
  right:10px;
  cursor:pointer;
  display:none;
  color:#fff;
  font-family:tahoma;
  font-size:11px;}

/* cms */
.cmsinfo {text-align:right; margin-top: 50px; padding-top: 10px; border-top: 1px dotted #D0D0D0; color: #888; width: 100%; font-family: tahoma, dotum; font-size: 11px; }

/* dialog window */
.dlg_frame { width:500px; height:300px; position:absolute; left:0px; top:0px; z-Index:100000002; display:none; overflow:hidden;
-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.3);
-moz-box-shadow: 0 4px 16px rgba(0,0,0,0.3);
box-shadow: 0 4px 16px rgba(0,0,0,0.3);
background-clip: content-box;
-moz-background-clip: content;
-webkit-background-clip: content;
border: solid 1px #ccc;
border: solid 1px rgba(0,0,0,0.3);
outline: 0;
}

.dlg_titlebox { background-color:#fff; height:30px; border-bottom:1px solid #ddd;}
.dlg_titlebox:after { clear:both;content: "";display:block;font-size:0;line-height:0;height:0px;}
.dlg_title { float:left; width:240px; height:1.4em; margin:4px 0 0 5px; padding:0 0 0 10px; background: url(../images/dialog/logo.gif) left 4px no-repeat; color:#000; font-weight:bold; font-size:16px; cursor:move; overflow:hidden; text-overflow:ellipsis;border:0px solid red;}
.dlg_close { float:right;padding:0; margin:6px 5px 0px 0px; width:17px; height:17px; display: block; background: url(../images/dialog/close.gif) 0px 0px no-repeat; cursor:pointer;}
.dlg_close:hover { background-position: 0 -17px; }
.dlg_modal { position:absolute; left:0px; top:0px; width:100%; height:100%; z-Index:100000001; display:none; background-color:#000; opacity:.10; filter:Alpha(Opacity=10);}
.dlg_body { background-color:#fff; width:100%; height:277px; border:0px solid red;}
.dlg_dragbody { background-color:#fff; position:relative; left:0; top:0; z-Index:1002; width:100%; height:277px; border:0px solid red; display:none;}


/*typo*/

h2.con-copy {font-size:26px;line-height:30px;font-weight:700;color:#41AB6B;margin-bottom:30px;}
h3.con-stit {font:600 17px/18px 'Nanum Gothic', 'NanumGothic','Nanum Gothic','malgun gothic';color:#073375;margin:0 0 10px 0;}


h5.con-tit {margin-bottom:5px;font-weight:bold; font-size:16px; line-height:20px;color:#333;padding-left:10px;background:url(../images/icon/icon-hbar-blue.gif) 0 5px no-repeat !important}
h5.con-tit span {font-size:13px;margin-left:10px;}
h6.con-tit {font-size:14px;line-height:20px;font-weight:700;color:#444;padding-left:10px;margin-bottom:5px;background:url(../images/icon/bl_round.gif) 0 8px no-repeat !important}



h3.con-tit-g {margin-bottom:5px;font-size:18px; line-height:24px;color:#333;padding-left:10px;background:url(../images/icon/icon-hbar-gray2.gif) 0 4px no-repeat !important}
h3.con-tit-g-bar {margin-bottom:5px;font-size:20px; line-height:24px;color:#444;padding-left:10px;background:url(../images/icon/icon-hbar-red.gif) 0 4px no-repeat !important}

h4.con-tit {margin-bottom:5px;font-size:16px; line-height:22px;color:#222;}
h4.con-tit-ro {margin-bottom:5px;font-size:16px; line-height:22px;color:#444;padding-left:20px;background:url(../images/icon/bul-round-red.png) 0 4px no-repeat !important}


/*sv*/
.sv-bar {width:100%;background:#fff;position:relative}
.sv-bar:after { clear:both;content: ""; display:block;font-size:0;line-height:0px;height:0px;}
.sv-wrap {min-width:1140px;margin:0 auto 30px;position:relative; padding:50px 0 24px 0px;border-bottom:1px dashed #eee;}
.sv-wrap:before{
  content: "";
  position: absolute;
  height: 5px;
  border-top: 2px solid #D54F30;
  top: 38px;left:13px;
  width: 34px;
}

.sv-wrap h1 {font-size:42px; line-height:100%;color:#4a4d52;margin:0}
.sv-wrap h2 {font-size:18px; line-height:100%;color:#888;font-family:'Open Sans', sans-serif, 'Roboto Condensed', 'Segoe UI','Arial', 'Tahoma' , 'Microsoft YaHei','malgun gothic';margin:10px 0 0 3px;font-weight:normal}
.sv-wrap h2 span {font-weight:bold;color:#41AB6B}

.sv_box {position:absolute;top:0px;right:0;width:269px;height:170px}
.sv_icon_1 {background:url(../images/layout/sv-01.png) no-repeat right top}

/*ctit*/
.visual-bar {width:100%;height:45px;min-width:1140px;position:relative;z-index:888;font-family:'Open Sans', sans-serif, 'Roboto Condensed', 'Segoe UI','Arial', 'Tahoma' , 'Microsoft YaHei','Nanum Gothic','NanumGothic'}

.navi-bar {width:100%;height:44px;border-top:0px solid #333;border-bottom:1px solid #eee;position:relative; top:0px;
background-color:#fff;
/*opacity:0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
-webkit-opacity:0.8;
*/
}
.navi-wrap {width:1140px;min-width:1000px;margin:0 auto;position:relative;top:0px;border-left:0px solid #ddd;border-right:0px solid #333;}
.navi-wrap:after { clear:both;content: ""; display:block;font-size:0;line-height:0px;height:0px;}


.navi-inner-bar > li {list-style:none;float:left;font-size: 13px;color:#777;position:relative;cursor:pointer;}
.navi-inner-bar > li:nth-child(1), .navi-inner-bar > li:nth-child(2) { cursor:default !important; }

.navi-inner-bar > li {padding:10px 25px;border-left:1px solid #f0f0f0}
.navi-inner-bar > li.last {border-right:1px solid #f0f0f0;}
.navi-inner-bar > li.on {font-weight:bold;color:#0091b9}
.navi-inner-bar > li span {padding-left:10px;font-weight:normal;font-family:tahoma;color:#888;font-size:12px}

.navi-inner-bar > li > a {color:#555; }
.navi-inner-bar > li > a:hover { text-decoration:none; }


/* pop menu */
.navi-inner-bar ul {display:none; position:absolute;border:0px solid #ddd;  z-index:1000; top:43px;left:-1px;padding-top:1px;}
.navi-inner-bar ul > li { list-style:none; height:40px;border:1px solid #f0f0f0;border-top:none;background-color:#fcfcfc; min-width:200px;}
.navi-inner-bar ul > li:first-child {border-top:1px solid #f0f0f0;}
.navi-inner-bar ul > li > a { display:block; height:40px; line-height:40px; text-decoration:none; padding:0 20px; white-space: nowrap;color:#343434;}
.navi-inner-bar ul > li > a:hover, .navi-inner-bar ul > li > a.on { background:#666; color:#fff;}
.navi-inner-bar i {font-style:normal; }




/*ispsd 추가*/
.description {padding:5px 10px;}

.search-form-1 {
    border:1px solid #ddd;background:#f9f9f9;
    margin:0px auto 20px;
    padding: 20px 12px 20px 20px;
}
.search-form-1 input[type=text],
.search-form-1 input[type=date],
.search-form-1 input[type=datetime],
.search-form-1 input[type=number],
.search-form-1 input[type=search],
.search-form-1 input[type=time],
.search-form-1 input[type=url],
.search-form-1 input[type=email],
.search-form-1 select,
.search-form-1 textarea{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border:1px solid #BEBEBE;
  padding: 7px;
  margin:0px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
.search-form-1 select{padding: 6px !important;}
.search-form-1 input[type=text]:focus,
.search-form-1 input[type=date]:focus,
.search-form-1 input[type=datetime]:focus,
.search-form-1 input[type=number]:focus,
.search-form-1 input[type=search]:focus,
.search-form-1 input[type=time]:focus,
.search-form-1 input[type=url]:focus,
.search-form-1 input[type=email]:focus,
.search-form-1 textarea:focus,
.search-form-1 select:focus{
  -moz-box-shadow: 0 0 8px #88D5E9;
  -webkit-box-shadow: 0 0 8px #88D5E9;
  box-shadow: 0 0 8px #88D5E9;
  border: 1px solid #88D5E9;
}



.search-form-1 input[type=submit], .search-form-1 input[type=button]{
  background: #0088CC;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff;font-weight:bold
}
.search-form-1 input[type=submit]:hover, .search-form-1 input[type=button]:hover{
  background: #00ccc5;
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;  cursor: pointer;
}


h3.con-tit {
margin-bottom: 10px;
font-weight: bold;
font-size: 18px;
line-height: 20px;
color: #444;
padding-left: 20px;
background: url(../images/icon/icon-h3.png) 0 5px no-repeat !important;
}


.tab-st1 {width:100%; margin-bottom:10px; border-bottom:0px solid #ccc; overflow:hidden;}
.tab-st1 li {float:left; padding:0px 4px 0 0px;list-style:none;}
.tab-st1 li a {display:block;padding:15px 40px;font-size:16px;background:#fff;color:#555;font-weight:normal;border:1px solid #ccc;line-height:22px;text-decoration:none}
.tab-st1 li a:hover,
.tab-st1 li a.on {background:#fff;color:#0088CC;border:1px solid #0088CC}
.tab-st1 li a.on {font-weight:bold;}


.tab-st-en {width:100%; margin-bottom:10px; border-bottom:1px solid #ccc; overflow:hidden;}
.tab-st-en li {float:left; padding:0px 2px 0 0px;list-style:none;width:200px;}
.tab-st-en li a {display:block;padding:15px;font-size:14px;background:#eee;color:#333;font-weight:normal;border:1px solid #ccc;line-height:18px;text-decoration:none;border-bottom:none;}
.tab-st-en li a:hover,
.tab-st-en li a.on {background:#323232;color:#fff;border:1px solid #323232;border-bottom:none;}
.tab-st-en li a.on {/*font-weight:bold;*/}


.tab-st-en2 {width:100%; margin:0px 0 20px 0; border-bottom:1px solid #2754a7; overflow:hidden;list-style:none;}
.tab-st-en2 li {float:left; height:55px; padding:5px 1px 0 0px;width:260px;}
.tab-st-en2 li a {display:block;height:48px;padding:8px 10px 0;font-size:1em;background:#fcf9f8;color:#555;font-weight:bold;border:1px solid #ccc;border-bottom:0;line-height:18px;text-decoration:none}
.tab-st-en2 li a.on {display:block;height:60px;padding:10px 12px 0; margin-top:-3px; background:#2754a7 url(../images/bgimg/bg-patt-blue2.png) repeat 0 0 !important;color:#fff;font-size:1.1em;font-weight:bold;border:0}


/*book*/
.book-cover {/*position:fixed;width:220px;*/margin-left:45px;}
.book_list ul{overflow:hidden;position:relative;margin:0;padding:0;
border:1px solid #ddd;border-left:0;border-right:0;font-size:13px;list-style:none;*zoom:1}
.book_list ul:after{display:block;clear:both;content:""}

.book_list li{overflow:hidden;float:left;position:relative;top:1px;width:175px;height:310px;border-bottom:1px dashed #ccc}
.book_list .thumb{display:block;overflow:hidden;position:relative;width:132px;height:177px;background:#eee;color:#333;line-height:177px;text-align:center;white-space:nowrap}
.book_list .thumb img{display:block;width:130px;height:175px;border:1px solid #aaa}
.book_list .thumb em{visibility:hidden;position:absolute;bottom:0;left:0;width:1px;height:1px;background:#0088CC;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.80;filter:alpha(opacity=80)}

.book_list .thumb em{_visibility:visible;_width:100%;_height:auto;_line-height:20px}
.book_list a{display:block;width:132px;margin:0 auto;padding:30px 0 0 0;text-decoration:none;}
.book_list a strong{display:inline-block;margin:12px 0 0 0;color:#333;line-height:15px !important}
.book_list p{width:132px;margin:0 auto;font-size:11px;color:#767676}

.book_list a:hover strong,
.book_list a:active strong,
.book_list a:focus strong{text-decoration:none;color:#0088CC}

.book_list a:hover .thumb,
.book_list a:active .thumb,
.book_list a:focus .thumb{margin:-3px;border:3px solid #0088CC;}

.book_list a:hover .thumb em,
.book_list a:active .thumb em,
.book_list a:focus .thumb em{visibility:visible;width:100%;height:auto}

.book-view {padding:40px 0;border:1px solid #eee;border-left:none;border-right:none;
background:url(../images/contents/bg-book-view.gif) repeat-y right 0;}
.book-view h3 {font-weight:bold; font-size:22px; line-height:26px;color:#444;margin-bottom:20px;}

.book-info {padding:10px 14px;background:#f7f7f7;margin:20px 0}
.book-info strong {color:#1062b9;width:50px;display:inline-block}

.book-view .articlelist { margin-left:10px; }
.book-view .articlelist li{margin-bottom:10px; list-style:none;}
.book-view h5 {margin-bottom:10px;font-weight:bold; font-size:16px; line-height:20px;color:#333;padding-left:10px;background:url(../images/icon/icon-hbar-gray.gif) 0 4px no-repeat !important}
.book-view h5 span {font-size:12px;margin-left:6px;color:#999}


.dns_list ul{overflow:hidden;position:relative;margin:0;padding:0;border:1px solid #ddd;border-left:0;border-right:0;font-size:14px;list-style:none;*zoom:1}
.dns_list ul:after{display:block;clear:both;content:""}

.dns_list li{overflow:hidden;position:relative;top:1px;width:100%;border-bottom:1px dashed #ccc;padding:10px 0;}
.dns_list li img {float:left;margin:5px 30px 0px 20px;height:130px;}
.dns_list li a {margin-left:12px;font-weight:600;color:#666}
.dns_list li a:hover {color:#0088CC;text-decoration:none}
.dns_list li a p.vol {font-size:16px}
.dns_list li a span.year{font-size:14px;font-weight:normal}

.box_list ul{overflow:hidden;position:relative;margin:0;padding:0;border:1px solid #ddd;border-left:0;border-right:0;font-size:14px;list-style:none;*zoom:1}
.box_list ul:after{display:block;clear:both;content:""}

.box_list li{overflow:hidden;float:left;position:relative;top:1px;width:175px;border-bottom:1px dashed #ccc;text-align:center;padding:40px 0}
.box_list li a {display:block;width:150px;height:130px;background:#f8f8f8;border:3px solid #eee;margin-left:12px;font-weight:bold;color:#555}
.box_list li a.newsletter-listbg {background:#f8f8f8 url(/_skin/kor/images/contents/newsletter-bg2.png) no-repeat center 60px;}
.box_list li a:hover {background:#f8f8f8;border:3px solid #0088CC;color:#0088CC;text-decoration:none}
.box_list li a p.vol {padding-top:40px;line-height:24px;}
.box_list li a span.year{font-size:12px;}

.box-view {color:#222}
.box-view .title {background:#f3f7fa;padding:30px 20px 28px ;text-align:center;border:2px solid #ccc;line-height:20px;}
.box-view .title h3 {font-family:'Times New Roman';font-size:22px;margin-bottom:0px;text-transform: uppercase;}
.box-view .title h4 {font-size:16px;margin-bottom:5px}
.box-view h5 {font-size:18px;margin-bottom:20px;padding-bottom:8px;border-bottom:1px dotted #ccc;color:#0069a7}

.box-view .cont {margin:30px 0 50px;text-align:center;font-size:30px;font-weight:bold}

.box-view .stit {font-size:15px}
.box-view .author {font-style:italic;font-size:13px;}
.box-view li {margin-bottom:20px;}
.box-view .section {margin-bottom:40px}


.newletter-view .title {background: #F47936 url(/_skin/kor/images/contents/newsletter-bg.png) no-repeat 20px 20px;padding:30px 20px 30px ;text-align:center;border:0px solid #ccc;line-height:20px;color:#fff;margin-bottom:10px;}
.newletter-view .title h3 {font-family:'Times New Roman';font-size:28px;margin-bottom:0px;text-transform: uppercase;color:#fff}
.newletter-view .title h4 {font-size:20px;margin-bottom:5px;color:#fff}
.newletter-cont {border:1px dashed #ddd;border-left:none;border-right:none;margin:20px 0;padding:20px 0}



.history-pto {padding: 5px 10px;background:#f0f0f0;margin-bottom:10px;}
.history-pto ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.history-pto li {
  font-size: 30px;
  color: #666;
  text-align: center;
  background-color: #f0f0f0;
  width: 280px;
  height: 200px;
  padding: 0;
  margin: 5px;
  display: block;
  float: left;
}


.msg {font-size:30px;line-height:40px;margin-bottom:30px;font-family:'Open Sans', sans-serif, 'Roboto Condensed', 'Segoe UI','Arial', 'Tahoma' , 'Microsoft YaHei','Nanum Gothic','NanumGothic', '나눔고딕';font-weight:bold;color:#695b55 }
h3.con-msg {font-size:17px;line-height:18px;font-weight:bold;color:#333;margin-bottom:5px;font-family:'Open Sans', sans-serif, 'Roboto Condensed', 'Segoe UI','Arial', 'Tahoma' , 'Microsoft YaHei','Nanum Gothic','NanumGothic', '나눔고딕'}


.box-link {position:relative;}
.box-link a {display:inline-block;text-align:center;font-size:20px;font-weight:600;border:6px solid #ddd;padding:100px 0;text-decoration:none;width:420px;color:#003E78}
.box-link a:hover {border:6px solid #003E78;background-color:#003E78;color:#fff}
.box-link a:hover i {color:#f1c40f}
.box-link a i {font-size:80px;display:block;margin-bottom:20px}
a.fsub {margin-right:11px}

.rulebox {position:relative;border:1px dotted #ddd;padding:40px 30px;background:#f0f0f0;margin-bottom:30px}
.rulebox h2 {font-size:22px;line-height:28px;text-align:center;margin-bottom:10px;color:#34495e}
.rulecont {position:relative;padding:0 20px}
.rulecont h5 {font-size:18px;margin-bottom:5px;}
.rulecont .ati {font-weight:bold;color:#2980b9}