@charset "utf-8";
/* eyesight WebStandard Team (http://www.eyesight.co.kr) HTJ */
@import url(./font.css);

html,body{height:100%}
*{-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
*{-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,th,fieldset,legend{margin:0;padding:0}
body,input,textarea,select,button,td,table,div{
	font-family: "museo-slab", museo_slab_web, Helvetica, Arial, Gotham, sans-serif;
	font-size:17px;
	line-height:25px;
	color:#444444;
	-webkit-font-smoothing: antialiased!important;
	-moz-osx-font-smoothing: grayscale;
	font-weight:500;
	margin:0px;
	padding:0px;
}
ul.list{
	padding-left:20px;
	list-style-type:disc;
}
ul.list_{
	padding-left:30px;
	list-style-type:disc;
}

.trans_list{width:910px; height:150px; margin-bottom:35px; margin-left:-10px;}
.trans_list li{height: 28px; line-height:28px; padding:10px; border:1px solid #e8e8e8; margin:10px;}
.trans_list2 li:before{ content:normal; padding-right:0;}
.color1{color:#E91E63;}
.color2{color:#673ab7;}
.color3{color:#4CAF50;}
.color4{color:#FF9800;}
.color5{color:#FFFFFF;}

.quick01{float:left;width:280px;height:70px;background:url(/image/quick_01.gif);cursor:pointer;position: relative;margin-right:23px;border:1px solid #000}
.quick02{float:left;width:280px;height:70px;background:url(/image/quick_02.gif);cursor:pointer;position: relative;margin-right:22px;border:1px solid #000}
.quick03{float:left;width:280px;height:70px;background:url(/image/quick_03.gif);cursor:pointer;position: relative;margin-right:23px;border:1px solid #000}
.quick04{float:left;width:280px;height:70px;background:url(/image/quick_04.gif);cursor:pointer;position: relative;border:1px solid #000}

.img_border{border:1px solid #000}

/* Top Button */
a.jb-top { position: fixed; right: 15px; bottom: 15px; z-index: 9999; display: none; width: 48px; height:49px;border-radius: 0px; background-color: #212121; background-color: rgba(50, 50, 50, 0.8); text-align: center; line-height: 1; font-size: 28px; color: #ffffff;}
a.jb-top:hover { background-color: rgba(0, 0, 0, 0.8); color: #ffffff; }

img,fieldset,cbox,rbox{border:0}
select {solid 1px;}
input, inputbox, textarea {border:1px #c2c2c2 solid;}
input[type="radio"]{border:0px;outline:none;}
input[type="checkbox"]{border:1px solid #000000;background-color:#ffffff}
input[type="image"]{border:0px;outline:none;selector-dummy:expression(this.hidefocus=true);}
input[type="file"]{border:1px #c2c2c2 solid;background-color:#ffffff;selector-dummy:expression(this.hidefocus=true);height:31px}

area {border: 0;outline: none; selector-dummy:expression(this.hideFocus=true);}
/*.hbox{height:22px;border:1px #b1b47f solid;background-color:#f7f8e3}*/
.hbox{height:29px;border:1px #c2c2c2 solid;background-color:#ffffff}
/*select.hbox{height:32px;border:1px #c2c2c2 solid;background-color:#ffffff}*/
input.img { border:0px;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#333333;text-decoration:none}
a:visited{color:#333333;text-decoration:none}
a:hover,a:focus{color:#333333;text-decoration:underline}
legend,hr{display:none}
button{margin:0;padding:0;border:0;background:0}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.input_chk{position:relative;width:13px;height:13px;margin:-2px 0 2px;padding:0;vertical-align:middle}
.dimmed{display:block;position:absolute;top:0;left:0;z-index:700;width:100%;height:100%;background-color:#fff;filter:alpha(opacity='80');opacity:.8}
.img_resize img{-ms-interpolation-mode:bicubic}
.txt_over{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.authors{background-color:#9CAAC2;color:#ffffff;}
.authorsS{background-color:#f8f8f8;}
#tableTop {border-top:3px solid #4d5e7f;}

a.btn-more,a.btn-more:hover,a.btn-more:focus{
	background: #f23d5e;
	font-size: 16px;
	font-weight: 700;
	color:#fff;
	text-decoration: none;
	padding: 6px 10px;
	padding: 6px 10px;
	line-height: normal;
}

a.bios,a.bios:hover,a.bios:focus{
	background: #ACACAC;
	font-size: 16px;
	font-weight: 700;
	color:#fff;
	text-decoration: none;
	padding: 6px 10px;
	padding: 6px 10px;
	line-height: normal;
}

#topsub1 {position:absolute;  top:145px;	width:1000px;	height:38px;	z-index:100;	visibility: hidden;}
#topsub2 {position:absolute;	top:145px;	width:1000px;	height:38px;	z-index:100;	visibility: hidden;}
#topsub3 {position:absolute;	top:145px;	width:1000px;	height:38px;	z-index:100;	visibility: hidden;}
#topsub4 {position:absolute;	top:145px;	width:1000px;	height:38px;	z-index:100;	visibility: hidden;}
#topsub5 {position:absolute;	top:145px;	width:1000px;	height:38px;	z-index:100;	visibility: hidden;}
#topsub6 {position:absolute;	top:145px;	width:1000px;	height:38px;	z-index:100;	visibility: hidden;}
#topsub7 {position:absolute;	top:145px;	width:1000px;	height:38px;	z-index:100;	visibility: hidden;}

.glance {border-collapse:collapse;table-layout:fixed;}
.glance div{color:#fff;}
.glance td{padding:5px;border:1px solid #000;font-size:16px;}
.glance td:first-child{border-left:1px solid #fff;}
.glance td:last-child{border-right:1px solid #fff;}

.itable{border-collapse:collapse;table-layout:fixed;}
.itable{color:#fff;}
.itable td{padding:5px;border:1px solid #ccc;}
.itable td:first-child{border-left:1px solid #fff;}
.itable td:last-child{border-right:1px solid #fff;}

.itable_black{border-collapse:collapse;table-layout:fixed;}
.itable_black{color:#fff;}
.itable_black td{padding:5px;border:1px solid #000;}
.itable_black td:first-child{border-left:1px solid #000;}
.itable_black td:last-child{border-right:1px solid #000;}

.itable_line{border-collapse:collapse;table-layout:fixed;}
.itable_line{color:#fff;}
.itable_line tr:nth-child(1){border-top:2px solid #6686AD;border-left:1px solid #fff;border-right:1px solid #fff;background-color:#EBF0F7;font-weight:bold;}
.itable_line td{padding:5px;border:1px solid #ccc;}
.itable_line td:first-child{border-left:1px solid #fff;}
.itable_line td:last-child{border-right:1px solid #fff;}

.bbs_line{border-collapse:collapse;table-layout:fixed;border-top: 2px solid #222;border-bottom: 1px solid #222}
.bbs_line tr:nth-child(1){background-color:#f6f6f6;font-weight:bold;border-top:0}
.bbs_line td{padding:5px;border-top:1px solid #e3e5e4}
.bbs_line td:first-child{}
.bbs_line td:last-child{}

.bbs_view_line{border-collapse:collapse;table-layout:fixed;border-top: 2px solid #222;border-bottom: 1px solid #222}
.bbs_view_line tr:nth-child(1){border-top:0}
.bbs_view_line td{padding:5px;border-top:1px solid #e3e5e4}
.bbs_view_line td:first-child{}
.bbs_view_line td:last-child{}

.bbs_faq{border-collapse:collapse;table-layout:fixed;border-top: 2px solid #222;border-bottom: 1px solid #222}
.bbs_faq tr:nth-child(1){border-top:0}
.bbs_faq td{padding:15px 0px;border-top:1px dashed #e3e5e4}
.bbs_faq td:first-child{padding-left:10px;}
.bbs_faq td:last-child{}

.tptable{border-collapse:collapse;table-layout:fixed;}
.tptable{color:#fff;}
.tptable td{padding:5px;border:2px solid #fff;background-color:#EFEFEF;cursor:pointer;height:100px;}

.stable{border-collapse:collapse;table-layout:fixed;}
.stable td{padding:3px;border:1px solid #ccc;}
.stable td:first-child{border-left:1px solid #ccc;}
.stable td:last-child{border-right:1px solid #ccc;}

.table_14{border-collapse:collapse;table-layout:fixed;}
.table_14{color:#fff;}
.table_14 td{padding:5px;border:2px solid #fff;cursor:pointer;height:100px;font-size:14px;color:#000}
.table_14 div{font-size:14px;color:#000}

.14f {
	font-size: 12px;
}

.vert1 {
  -webkit-transform: rotate(90deg); 
  -moz-transform: rotate(90deg); 
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  text-align:center;
  font-size:14px;
}

#st1:hover {padding:5px;background-color:#CA2E7F;color:#fff}
#st2:hover {padding:5px;background-color:#6082BE;color:#fff}
#st3:hover {padding:5px;background-color:#E88927;color:#fff}
#st4:hover {padding:5px;background-color:#CA2E7F;color:#fff}
#st5:hover {padding:5px;background-color:#6082BE;color:#fff}
#st6:hover {padding:5px;background-color:#E88927;color:#fff}
#st7:hover {padding:5px;background-color:#CA2E7F;color:#fff}
#st8:hover {padding:5px;background-color:#6082BE;color:#fff}

#subtable td{padding:7px;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
#subtable a{color:#746d65;text-decoration:none;vertical-align:baseline;}
#subtable a:hover,a:focus{color:#e55204;text-decoration:none;}
#subtable1 td{padding:7px;border-bottom:1px solid #cccccc}
#subtable1 .tdtitle{background-color:#f8f8f8;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
#subtable1 .first{background-color:#f8f8f8;padding:7px;border-top:3px solid #4d5e7f;border-bottom:1px solid #d0d0d0}
#subtable1 .first_s{background-color:#f8f8f8;padding:5px;border-top:3px solid #4d5e7f;border-bottom:1px solid #d0d0d0}
#subtable1_write {border-collapse:;}
#subtable1_write td{padding:7px;border-bottom:1px solid #d0d0d0}
#subtable1_write .first{padding:7px;border-top:2px solid #4d5e7f;border-bottom:1px solid #d0d0d0}
#subtable1_write .first_left{padding:7px;border-top:2px solid #4d5e7f;border-bottom:1px solid #d0d0d0;}
#subtable1_write .first_s{padding:3px;border-top:2px solid #4d5e7f;border-bottom:1px solid #d0d0d0}
#subtable1_write .tdtitle{border-top:1px solid #cccccc;border-bottom:1px solid #cccccc}
#subtable1_write .none{padding:0px;border:0px;}
#subtable2 td{padding:3px;border:0px}
#subtable3 {border-collapse:collapse;}
#subtable3 td{padding:7px;border:1px solid #4d5e7f;}
#subtable4 {border-collapse:collapse;}
#subtable4 td{padding:5px;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0}
#subtable_special {border-collapse:collapse;table-layout:fixed;}
#subtable_special td{padding:3px;border:1px solid #cccccc;background:url(/image/eyesight/special_bg.gif);}
#subtable_special a{font-family:Tahoma,Malgun Gothic,dotum,Tahoma,Helvetica,applegothic,sans-serif;color:#333333;text-decoration:none}
#subtable_special a:hover,a:focus{color:#333333;text-decoration:underline}
#subtable_none td{padding-top:3px;padding-bottom:3px;padding-left:2px}
#subtable_line {border-collapse:collapse;table-layout:fixed;}
#subtable_line td{padding:5px;border:1px solid #d0d0d0}
#subtable_line .left{border-left:0}
#subtable_line .right{border-right:0}
#subtable_line .first{border-top:0}
#subtable_line .firstLeft{border-top:0;border-left:0}
#subtable_line .firstRight{border-top:0;border-right:0}
#subtable_line .firstLeftRight{border-top:0;border-left:0;border-right:0}
#subtable_line .last{border-bottom:0;}
#subtable_line .lastLeft{border-bottom:0;border-left:0}
#subtable_line .lastRight{border-bottom:0;border-right:0}
#subtable_line td:first-child{border-left:0;}
#subtable_line td:last-child{border-right:0;}

#notice_line {border-collapse:collapse;}
#notice_line td{padding:5px;border:1px solid #004ea2}
#notice_line .left{border-left:0}
#notice_line .right{border-right:0}
#notice_line .first{border-top:0}
#notice_line .firstLeft{border-top:0;border-left:0}
#notice_line .firstRight{border-top:0;border-right:0}
#notice_line .firstLeftRight{border-top:0;border-left:0;border-right:0}
#notice_line .last{border-bottom:0;}
#notice_line .lastLeft{border-bottom:0;border-left:0}
#notice_line .lastRight{border-bottom:0;border-right:0}

#notice_list > ul li > span {float:right;color:#888;}

table.common{border-collapse: collapse;}
table.common td{padding:5px;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;line-height:25px;}
table.common tr:first-child{border-top:2px solid #4d5e7f;}
table.common td:first-child{padding:5px;border-left:1px solid #fff;}
table.common td:last-child{padding:5px;border-right:1px solid #fff;}

#schedule_line {border-collapse:collapse;}
#schedule_line td{padding:5px;border:1px solid #000}
#receipt_line {border-collapse:collapse;}
#receipt_line td{padding:8px;border:1px solid #d0d0d0;color:#000000}
#receipt_line .left{border-left:0}
#receipt_line .right{border-right:0}
#receipt_line .first{border-top:0}
#receipt_line .firstLeft{border-top:0;border-left:0}
#receipt_line .firstRight{border-top:0;border-right:0}
#receipt_line .firstLeftRight{border-top:0;border-left:0;border-right:0}
#receipt_line .last{border-bottom:0;}
#receipt_line .lastLeft{border-bottom:0;border-left:0}
#receipt_line .lastRight{border-bottom:0;border-right:0}
.table_clear {border:0px;margin:0px;padding:20px 0;}
.digest_title{color:#4d5e7f;font-weight:bold}
.rtitle{padding-bottom:20px;}
.none{padding:0px;border:0px;}
.title{font-size:30px;font-weight:normal;color:#678FCF;}
.sutitle{font-size:17px;font-weight:bold;color:#c13888;margin-bottom:10px;}
.stitle{font-size:20px;font-weight:bold;color:#f23d5e;padding-bottom:10px;}
.white td{color:#fff}
.white div{color:#fff}
.mleft{background-color:#f9f9f9}
.mleft_on{background-color:#E4E4E4;color:#333333;font-weight:normal}

#nav{position:relative;width:100%;min-width:1000px;}
#nav_main{position:relative;width:1032px;height:100%;margin:0 auto;}
#wrap{padding-right:constant(safe-area-inset-right);padding-left:constant(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);position:relative;width:100%;min-width:1200px;}
#header .header_bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#678FCF;
	background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#ffffff),color-stop(0.5,#00ac92),color-stop(1,#678FCF));
	background-image:-o-linear-gradient(right,#ffffff 0,#00ac92 50%,#678FCF 100%);
	background-image:-moz-linear-gradient(right,#ffffff 0,#00ac92 50%,#678FCF 100%);
	background-image:-webkit-linear-gradient(right,#ffffff 0,#00ac92 50%,#678FCF 100%);
	background-image:-ms-linear-gradient(right,#ffffff 0,#00ac92 50%,#678FCF 100%);
	background-image:linear-gradient(to right,#ffffff 0,#00ac92 50%,#678FCF 100%);
	-webkit-backface-visibility:hidden;
	-webkit-transition:opacity 500ms linear;
	-moz-transition:opacity 500ms linear;
	-o-transition:opacity 500ms linear;
	-ms-transition:opacity 500ms linear;
	transition:opacity 500ms linear
}
#header_wrap{position:relative;width:100%;height:120px;margin:0 auto;background-color:#ffffff;}
#header{position:relative;z-index:30;width:1200px;margin:0 auto;}
#content_wrap{position:relative;width:100%;margin:0 auto;z-index:1;}
#content_index{position:relative;width:100%;min-width:1200px;margin:0 auto;z-index:30;}
#content_main{position:relative;z-index:30;width:1200px;margin:0 auto;text-align:left}
#content{position:relative;z-index:30;min-width:1200px;margin:0 auto;}
#content_sub_wrap{position:relative;width:100%;margin:0 auto;background-color:#333333}
#content_sub{position:relative;width:1200px;margin:0 auto;text-align:left;}
#content_logo{position:relative;width:100%;margin:0 auto;background-color:;overflow:hidden;text-align:center}
/*#footer_wrap{position:relative;width:100%;margin:0 auto;background-color:#0e3f55;}*/
#footer_wrap{position:relative;width:100%;margin:0 auto;background-color:;}
#footer_sub{position:relative;min-width:1200px;margin:0 auto;}
#footer{position:relative;width:1200px;margin:0 auto;text-align:left;padding:0px;}

#gallery{width:1001px;height: 281px; margin-bottom: 15px;position: relative; z-index: 1;}
#gallery a {float: left; position: absolute;}
#gallery a img {border: currentColor;}
#gallery a.show {z-index: 500;}
#gallery .caption {width: 100%; height: 100px; bottom: 0px; position: absolute; z-index: 600;}
#gallery .caption .content {margin: 5px;}
#gallery .caption .content h3 {margin: 0px; padding: 0px; color: rgb(29, 204, 239);}
#gallery_sub{width:1001px;height: 156px; margin-bottom: 5px;z-index: 1;}

#menu_wrap{position:relative;background:#0C263A;width:100%;height:45px;}
#menu_wrap .navi {width:1200px; margin:0 auto;}
#menu_wrap .navi ul li{padding:10px 0 11px 0;display:block ; position:relative; float: left; text-align:center; position:relative;}
#menu_wrap .navi ul li.m_01{width:240px;}
#menu_wrap .navi ul li.m_02{width:240px;}
#menu_wrap .navi ul li.m_03{width:240px;}
#menu_wrap .navi ul li.m_04{width:240px;}
#menu_wrap .navi ul li.m_05{width:240px;}
#menu_wrap .navi ul li.m_01_up{width:240px;background:#de7400}
#menu_wrap .navi ul li.m_02_up{width:240px;background:#de7400}
#menu_wrap .navi ul li.m_03_up{width:240px;background:#de7400}
#menu_wrap .navi ul li.m_04_up{width:240px;background:#de7400}
#menu_wrap .navi ul li.m_05_up{width:240px;background:#de7400}
#menu_wrap .navi ul li:hover{ background:#de7400}
#menu_wrap .navi ul li.last span.bar{ display:none}
#menu_wrap .navi ul li a{color:#fff;font-size:16px; text-align: center; text-decoration:none}
#menu_wrap .navi ul li.on > a{ color:#fff;}
#menu_wrap .navi ul li ul{position:absolute;overflow:hidden;top:45px;z-index:100;left:0;}
#menu_wrap .navi ul li ul li:first-child { padding-top:10px;}
#menu_wrap .navi ul li ul li:last-child { padding-bottom:10px;}
#menu_wrap .navi ul li ul li:hover {background-color: rgba(0,0,0,0.7); }
#menu_wrap .navi ul li ul li{display:block; position:relative; text-align:left;  margin-left: 0px; padding: 0px 0px 0px 0px; background: rgba(0,0,0,0.7); width:100% }
#menu_wrap .navi ul li ul li a{display:block;font-size:15px; font-weight:normal; color:#fff; text-align: left; line-height: 30px; padding-left: 10px; background:}
#menu_wrap .navi ul li ul li a:hover{color:#00CCFF; text-decoration:none; }

#menu_wrap1{position:relative;background:#5B7B1A;width:100%;height:45px;}
#menu_wrap1 .navi {width:1200px; margin:0 auto;}
#menu_wrap1 .navi ul li{padding:10px 0 11px 0;display:block ; position:relative; float: left; text-align:center; position:relative;}
#menu_wrap1 .navi ul li.m_01{width:240px;}
#menu_wrap1 .navi ul li.m_02{width:240px;}
#menu_wrap1 .navi ul li.m_03{width:240px;}
#menu_wrap1 .navi ul li.m_04{width:240px;}
#menu_wrap1 .navi ul li.m_05{width:240px;}
#menu_wrap1 .navi ul li.m_06{width:240px;}
#menu_wrap1 .navi ul li.m_01_up{width:240px;background:#0C263A}
#menu_wrap1 .navi ul li.m_02_up{width:240px;background:#0C263A}
#menu_wrap1 .navi ul li.m_03_up{width:240px;background:#0C263A}
#menu_wrap1 .navi ul li.m_04_up{width:240px;background:#0C263A}
#menu_wrap1 .navi ul li.m_05_up{width:240px;background:#0C263A}
#menu_wrap1 .navi ul li.m_06_up{width:240px;background:#0C263A}
#menu_wrap1 .navi ul li:hover{ background:#0C263A}
#menu_wrap1 .navi ul li.last span.bar{ display:none}
#menu_wrap1 .navi ul li a{color:#fff;font-size:16px; text-align: center; text-decoration:none}
#menu_wrap1 .navi ul li.on > a{ color:#fff;}
#menu_wrap1 .navi ul li ul{position:absolute;overflow:hidden;top:45px;z-index:100;left:0;}
#menu_wrap1 .navi ul li ul li:first-child { padding-top:10px;}
#menu_wrap1 .navi ul li ul li:last-child { padding-bottom:10px;}
#menu_wrap1 .navi ul li ul li:hover {background-color: rgba(0,0,0,0.7); }
#menu_wrap1 .navi ul li ul li{display:block; position:relative; text-align:left;  margin-left: 0px; padding: 0px 0px 0px 0px; background: rgba(0,0,0,0.7); width:100% }
#menu_wrap1 .navi ul li ul li a{display:block;font-size:15px; font-weight:normal; color:#fff; text-align: left; line-height: 30px; padding-left: 10px; background:}
#menu_wrap1 .navi ul li ul li a:hover{color:#00CCFF; text-decoration:none; }

#menu_wrap2{position:relative;background:#0C263A;width:100%;height:45px;}
#menu_wrap2 .navi {width:1200px; margin:0 auto;}
#menu_wrap2 .navi ul li{padding:10px 0 11px 0;display:block ; position:relative; float: left; text-align:center; position:relative;}
#menu_wrap2 .navi ul li.m_01{width:240px;}
#menu_wrap2 .navi ul li.m_02{width:240px;}
#menu_wrap2 .navi ul li.m_03{width:240px;}
#menu_wrap2 .navi ul li.m_04{width:240px;}
#menu_wrap2 .navi ul li.m_05{width:240px;}
#menu_wrap2 .navi ul li.m_06{width:240px;}
#menu_wrap2 .navi ul li.m_01_up{width:240px;background:#205d9b}
#menu_wrap2 .navi ul li.m_02_up{width:240px;background:#205d9b}
#menu_wrap2 .navi ul li.m_03_up{width:240px;background:#205d9b}
#menu_wrap2 .navi ul li.m_04_up{width:240px;background:#205d9b}
#menu_wrap2 .navi ul li.m_05_up{width:240px;background:#205d9b}
#menu_wrap2 .navi ul li.m_06_up{width:240px;background:#205d9b}
#menu_wrap2 .navi ul li:hover{ background:#205d9b}
#menu_wrap2 .navi ul li.last span.bar{ display:none}
#menu_wrap2 .navi ul li a{color:#fff;font-size:16px; text-align: center; text-decoration:none}
#menu_wrap2 .navi ul li.on > a{ color:#fff;}
#menu_wrap2 .navi ul li ul{position:absolute;overflow:hidden;top:45px;z-index:100;left:0;}
#menu_wrap2 .navi ul li ul li:first-child { padding-top:10px;}
#menu_wrap2 .navi ul li ul li:last-child { padding-bottom:10px;}
#menu_wrap2 .navi ul li ul li:hover {background-color: rgba(0,0,0,0.7); }
#menu_wrap2 .navi ul li ul li{display:block; position:relative; text-align:left;  margin-left: 0px; padding: 0px 0px 0px 0px; background: rgba(0,0,0,0.7); width:100% }
#menu_wrap2 .navi ul li ul li a{display:block;font-size:15px; font-weight:normal; color:#fff; text-align: left; line-height: 30px; padding-left: 10px; background:}
#menu_wrap2 .navi ul li ul li a:hover{color:#00CCFF; text-decoration:none; }

.gnb_area{height:32px}
.gnb_area .site{float:left;width:350px}
.gnb_area .site:after{display:block;clear:both;content:''}
.gnb_area .site a:link,.gnb_area .site a:hover{text-decoration:none}
.gnb_area .site a span{position:relative;z-index:-1}
.gnb_area .site .smenu{background-position:0 -550px}
.gnb_area .site .smenu2{background-position:-270px -550px}
.gnb_area .site .smenu2:hover{background-position:-355px -550px}
.gnb_area .site .smenu3{width:84px;background-position:-90px -550px}
.gnb_area .site .smenu3:hover{background-position:-180px -550px}
.gnb_area .site .smenu4{width:84px;background-position:-440px -550px}
.gnb_area .site .smenu4:hover{background-position:-530px -550px}
.gnb_area .gnb{float:right;position:relative}
.s_skin{min-width:1012px!important;background:url(../image/bg_gnb_simple.gif) repeat-x 0 0!important;text-align:center}
.s_skin .wrap_inner{padding:0}
.s_skin #header{width:972px;margin:0 auto;padding:0 20px}
.s_skin #container{padding-bottom:0}
.s_skin #footer{margin-top:0}
.s_skin .gnb_area{position:relative;height:31px;color:#85888f}
.s_skin .gnb_area:after{display:block;clear:both;content:''}
.s_skin .gnb_shadow{position:absolute;left:0;top:31px;width:100%;height:1px;background-color:#fff;font-size:0;line-height:0;opacity:.07;filter:alpha(opacity=7);filter:alpha(opacity=7)}
.subtitle { font-size: 13px; }
#apDiv1 {position:absolute;left:0px;top:50px;width:160px;height:300px;z-index:0;visibility: hidden;}
#apDiv2 {position:absolute;left:184px;top:-3px;width:175px;height:100px;z-index:999;visibility: hidden;}
#apDiv3 {position:absolute;left:330px;top:-3px;width:226px;height:82px;z-index:999;visibility: hidden; }
#apDiv4 {position:absolute;left:471px;top:-3px;width:201px;height:63px;z-index:999;visibility: hidden;}
#apDiv5 {position:absolute;left:580px;top:-3px;width:158px;height:99px;z-index:999;visibility: hidden;}
#apDiv6 {position:absolute;left:696px;top:-3px;width:160px;height:98px;z-index:999;visibility: hidden;}
#apDiv7 {position:absolute;left:1152px;top:-3px;width:157px;height:147px;z-index:999;}

.icon_question{
	display: block;
	top: 50%;
	left: 10px;
	width: 24px;
	height: 24px;
	color: #fff;
	text-align: center;
	background-color: #222;
	border-radius: 50%;
	overflow: hidden;
}

.icon_answer {
    display: block;
    top: 50%;
    left: 10px;
    width: 24px;
    height: 24px;
    color: #fff;
    text-align: center;
    background-color: #e13246;
    border-radius: 50%;
    overflow: hidden;
}

/* paginate */
.paginate{display:none;height:35px;margin-top:20px;text-align:center;}
.paginate a,.paginate strong,.paginate span{display:inline-block;overflow:hidden;position:relative;height:33px;margin-right:-5px;padding:0 12px;border:1px solid transparent;line-height:32px;vertical-align:top;text-decoration:none;font-weight:bold;font-family:verdana;min-width:18px;}
.paginate strong{}
.paginate .pre{padding:0 14px 0 26px}
.paginate .next{padding:0 26px 0 14px}
.paginate .pre_end{padding:0 14px 0 26px}
.paginate .next_end{padding:0 26px 0 14px}
.paginate .pre,.paginate .next,.paginate .pre_end,.paginate .next_end{position:relative;line-height:35px;}
.paginate .pre:hover{}
.paginate .next:hover{}
.paginate .pre_end:hover{}
.paginate .next_end:hover{}
.paginate a.pre,.paginate a.next{}
.paginate a:hover{text-decoration:none}
/* jindo */
.page_loaded{display:block}
.page_only_one{display:block}
.page_no_result{display:none}
/* paginate */
.paginate a,.paginate strong,.paginate span{border-color:#DEE0E2;border-bottom-color:#C8CBCE;background:url(/image/eyesight/sp_hr.gif) repeat-x 0 0;}
.paginate strong{color:#2eb1d3 !important;background:#fff}
.paginate .pre{background:url(../image/eyesight/sp_skin.gif) no-repeat 0 -835px !important}
.paginate .next{background:url(../image/eyesight/sp_skin.gif) no-repeat 100% -835px !important}
.paginate .pre_end{background:url(../image/eyesight/sp_skin.gif) no-repeat 0 -905px !important}
.paginate .next_end{background:url(../image/eyesight/sp_skin.gif) no-repeat 100% -905px !important}
.paginate .pre,.paginate .next,.paginate .pre_end,.paginate .next_end{color:#000000}
.paginate .pre:hover{background-position:0 -800px !important}
.paginate .next:hover{background-position:100% -800px !important}
.paginate .pre_end:hover{background-position:0 -870px !important}
.paginate .next_end:hover{background-position:100% -870px !important}
.paginate a.pre,.paginate a.next{color:#323232}
.paginate a:hover{background:#fff;color:#2eb1d3}

.swiper-container{width:100%;min-width:600px;height:300px;}
.map_wraper iframe {pointer-events:none;}

/* button */
.button {font:14px/normal "museo-slab",museo_slab_web,Helvetica,Arial,Gotham,sans-serif !important;position: relative;overflow: visible;display: inline-block;padding: 0.3em 1.5em;border: 1px solid #c5c5c5;margin: 0;text-decoration: none;text-align: center;color: #000;white-space: nowrap;cursor: pointer;outline: none;background-color: #f7f7f7;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f7f7f7));background-image: -moz-linear-gradient(#fefefe, #f7f7f7);background-image: -ms-linear-gradient(#fefefe, #f7f7f7);background-image: -o-linear-gradient(#fefefe, #f7f7f7);background-image: linear-gradient(#fefefe, #f7f7f7);-moz-background-clip: padding;background-clip: padding-box;border-radius: 0.15em;zoom: 1;*display: inline;}
.button:hover,.button:focus,.button:active,.button.active {font:14px/normal "museo-slab",museo_slab_web,Helvetica,Arial,Gotham,sans-serif !important;border-color: #FF8040;text-decoration: none;font-weight:normal;color: #000}

/*.button_large:not(.a){background-color:#ffffff;width:240px;font:17px/bold "museo-slab",museo_slab_web,Helvetica,Arial,Gotham,sans-serif !important;font-weight:bold;position: relative;overflow: visible;display: inline-block;padding:10px 20px;border: 1px solid #477ec2;margin: 0;text-decoration: none;text-align: center;color: #396caa;white-space: nowrap;cursor: pointer;outline: none;*display: inline;box-shadow: 2px 2px 0px 1px #d8e4f2}*/
.button_large:not(.a),.button_large:hover,.button_large:focus,.button_large:active{background-color:#ffffff;min-width:200px;font:17px/bold "museo-slab",museo_slab_web,Helvetica,Arial,Gotham,sans-serif !important;font-weight:bold;position: relative;overflow: visible;display:inline-block;padding:10px 15px;border: 1px solid #477ec2;margin: 0;text-decoration: none;text-align: center;color: #396caa;white-space: nowrap;cursor: pointer;outline: none;box-shadow: 2px 2px 0px 1px #d8e4f2}

#thumbimg:hover{
	position: absolute;
	z-index:9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url('/image/eyesight/icon_gallery_view.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(35,31,32,.70)
}
