@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
@import 'https://fonts.googleapis.com/css?family=Lato';
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro';


* {padding:0;margin:0;}
body,th,td,textarea{font-family:arial,'malgun gothic',dotum;font-size:12px; color:#777777; line-height:20px;}
img,fieldset{ border:0; vertical-align:middle;}
li{ list-style:none;}
select,input{ font-family:verdana;color:#000000;font-size:1.00em;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}
a img {vertical-align:top;}
a {outline:none; select-dummy: expression(this.hideFocus=true);}
a:link{font-size:12px;color:#777777;text-decoration:none;}
a:visited{font-size:12px;color:#777777;text-decoration:none;}
a:hover{font-size:12px;color:#777777;text-decoration:none;}


#wrap{width:100%;position:relative;text-align:center;}







.container {max-width:1300px; min-width:960px;padding:0 152px; margin:0 auto; overflow:hidden; position:relative;}

.row_con {width:100%; padding:0; margin:0 auto; overflow:hidden;}

.row {width:960px; max-width:960px; padding:0; margin:0 auto; overflow:hidden;}
.row ul {list-style:none; padding:0 0px 0 0px;}
.row li {float:left; text-align:left; padding:0;}

.row .cell {padding-left:45px;}
.row .cell_2 {width:150px; padding:0 0px; text-align:center;}




.first h2 {font-family: 'Open Sans',arial,dotum; font-size:23px; color:#666; font-weight:600; letter-spacing:-0.5px;}

.mg_01 {margin-top:10px;}
.mg_03 {margin-top:30px;}
.mg_05 {margin-top:50px;}

.line {margin-top:40px; padding:0; border-top:1px solid #ddd; }

.blank {max-width:960px; padding:0; margin:0 auto; position:relative;}

h2 {font-family: 'Open Sans',arial,dotum; font-size:20px; color:#666; }
h3 {font-family: 'Open Sans',arial,dotum; font-size:15px; color:#666;}

.title {font-family: 'Open Sans',arial,dotum; color:#666;font-size:16px; font-weight:bold;}
.title_02 {font-family:'malgun gothic',arial,dotum;color:#666;font-size:13px; font-weight:bold;}

.info {font-family:arial,dotum;font-size:12px; }


.button {width:180px; margin:20px auto 0; padding:10px 0; border:1px solid #8cb1c7; 
font-family:arial;color:#999999;font-size:14px;}
.button:hover{ font-family:arial;color:#fff;font-size:14px; background:#8cb1c7; text-decoration:none;}

/*.button {margin:20px auto 0; width:180px; border:1px solid #8cb1c7;}
.button a{display:inline-block;margin:0 0px;}
.button a:link, .button a:visited {width:100%; margin:0; padding:10px 0; font-family:arial;color:#999999;font-size:14px;}
.button a:hover{ width:100%; margin:0px; padding:10px 0; font-family:arial;color:#fff;font-size:14px; line-
height:16px; background:#8cb1c7; text-decoration:none;}*/

.border {webkit-box-sizing: border-box;box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}

#board_gallery_output .more{float:right;}
#board_gallery_output .board_output_gallery_img {padding-bottom:10px;}

.quick{width:70px; float:left;margin:130px 0 0 20px;}


#footer_wrap{max-width:960px;position:relative;text-align:left; margin:20px auto;}
#footer_wrap .footer_logo{position:relative; margin:0;float:left;}
#footer_wrap .address{position:relative; margin:0px 0 0 20px; float:left; 
font-family:arial,gulim; color:#999999;font-size:11px; line-height:20px;}
.content_footer .family_site{position:absolute;right:0;margin:-55px 0 0 0;}


@media screen and (max-width: 960px) {
#visual {width:960px;}
#visual .col {position:relative; width:384px;}
}
@media screen and (min-width: 721px) {#visual_mob {display:none;}}
@media screen and (max-width: 720px) {#visual {display:none;}}