@charset "utf-8";
/* for styles */
@import url("common.css");

/* 전체 레이아웃 */

#wrap{width:100%; margin:0 auto;}

/* header */
#header{position:relative; width:100%; background:url(''../img/gnb_bg2.png) repeat-x bottom; height:43px;}
#header{background: url('') repeat-x bottom; border-bottom : 1px solid #1E86C8; }
#header .logo{max-width:450px; max-height:43px; margin:0 auto; padding-left:16px; text-align:center;}
#header .logo img{width:auto; height:34px; }
#header .top_arr{position:absolute; left:10px; top:5px;}
#header .top_arr img {width: auto; height:30px; }
#header .bo_symbol { position:absolute; right:10px; top:9px; }
#header .bo_symbol img {width: auto; height:30px; }
#header .bo_symbol i {color:#aaa;}

/* body */
#container {width:100%; min-height:350px; text-align:center; padding:0 5px;}

#container .main_topmenu {width:100%;border:1px solid #aaa; margin-top:0px; display:inline-block; text-align:center; max-width:600px;}
#container .main_topmenu ul { width:100%;}
#container .main_topmenu li { float:left; padding:5px; width:25%; max-width:150px; border-right:1px solid #aaa; line-height:18px; }
#container .main_topmenu li:last-child { border-right:0px solid #999; }
#container .main_topmenu li:hover { background-color:#ccc; }
#container .main_topmenu li .fa { font-size:1.2em; }
#container .main_topmenu li span { font-size:0.8em; }

#container .visual {width:100%; height:auto; position:relative; display:inline-block; max-width:600px; margin-bottom:15px;}
#container .visual .Marr_b{position:absolute; left:40px; top:40%;}
#container .visual .Marr_b img { height:40px; width:auto;}
#container .visual .Marr_n{position:absolute; right:40px; top:40%;}
#container .visual .Marr_n img { height:40px; width:auto;}
#container .visual .visual_img{ width:100%; height:auto;}
#container .visual .visual_img img{ width:auto; max-width:100%; max-height:350px; }

#container .mainboard {width:100%; height:auto; position:relative; display:inline-block; max-width:600px;}

#container .main_menu {width:100%;border-left:0px solid #FFF; margin-top:-7px; display:inline-block; text-align:center; max-width:600px;}
#container .main_menu ul{width:100%;}
#container .main_menu li{float:left; padding:0px; width:25%; max-width:150px; }
#container .main_menu li img{ width:100%; height:auto; max-width:150px; }
#container .main_menu a{}

#container #main_ticker { width:100%; display:inline-block; text-align:center; max-width:600px; background-color:#dddddd; margin-top:-6px;}

#container .part_banapp {width:100%;border:1px solid #aaa; margin-top:0px; display:inline-block; text-align:center; max-width:600px; background:url('../img/main/bn_bg.png') repeat-x top;}
#container .part_banapp ul{width:100%; }
#container .part_banapp li{float:left; padding:1px; width:24.8%; max-width:150px; border-right:1px solid #aaa; }
#container .part_banapp li:last-child{border-right:0px solid #ccc; }
#container .part_banapp li img{ width:100%; height:auto; max-width:150px; }
#container .part_banapp a{}

#container .part_ban {width:100%; margin:15px 0 10px 0; text-align:center; max-width:600px;}
#container .part_ban ul{width:100%; display:flex; flex-direction:row;}
#container .part_ban li{ width:33.3%; text-align:center; }
#container .part_ban li img{ width:98%; height:auto; max-width:195px; }

@media screen and (max-width:540px){
	#container .part_ban li img{ width:95%; height:auto; padding:0 2px; max-width:150px; }
}

.nospace { clear:both;margin:0;padding:0;height:0;line-height:0;font-size:0; }

#container .SubTit{font-size:1.1em; font-weight:600; background:url(../img/title_bg.jpg) repeat-x; padding:5px 0; color:#FFFFFF;}
#container .SubTit span{padding-left:0px;}
#container .login_cont{background:url(../img/login_bg.jpg?v=1) no-repeat center top; background-size:100%; width:100%; padding-top:140px; padding-bottom:30px;}
#container .BoxTatle{display:inline-block; border:#d0cfcf solid 1px; border-radius:28px; width:98%; margin:0 5px 10px 5px; padding:10px 10px; background:#FFF;}
#container .BoxTatle ul{clear:both;}
#container .BoxTatle li{float:left; padding:5px 0;}
#container .BoxTatle .tit{width:27%; font-size:15px; font-weight:600; color:#333333; text-align:right; padding-right:10px; margin-top:8px;}
#container .BoxTatle .cont{width:70%; font-size:15px; color:#999; font-weight:600;}
#container .BoxTatle .Jtit{width:33%; font-size:15px; font-weight:600; color:#333333; text-align:left;}
#container .BoxTatle .Jcont{width:67%; font-size:15px; color:#999; font-weight:600;}
#container .chk{width:18px; height:18px; margin-right:10px;}
#container .BoxTatle .Jcont div{width:95%; height:65px; border-radius:5px; font-size:15px; font-weight:600;border:1px solid #666666; background:#f9f9f9;}
#container .BoxTatle .Jcont div input{width:90%; height:40px; font-size:15px; border:none; margin-top:12px; margin-left:15px;background:#f9f9f9 }
#container .BoxTatle .cont div{width:95%; height:35px; border-radius:5px; font-size:15px; font-weight:600;border:1px solid #666666; background:#f9f9f9;}

#container .BoxTatle .cont div input{width:95%; height:100%; font-size:15px; border:none; vertical-align:middle; margin-left:5px;background:#f9f9f9 }
#container .BoxTatle .btn_login{width:100%;}
#container .BoxTatle .btn_login .btn_submit{width:100%; text-align:center; border-radius:15px; font-size:16px; font-weight:600;border:1px solid #1b86ca; background:#1b86ca; color:#FFFFFF; padding:5px 0;}
#container .BoxTatle .btn_bot{width:50%;}
#container .BoxTatle .btn_bot div{float:right; width:98%; text-align:center; border-radius:15px; font-size:16px; font-weight:600;border:1px solid #666666; background:#f9f9f9; color:#333333; padding:5px 0;}
#container .BoxTatle textarea{ font-size:24px;}
#container .sub_TitText{font-size:34px; font-weight:600; color:#000000; text-align:left; padding-left:25px;}
#container .join_cont{background:#f0efef; width:100%; padding-top:25px; padding-bottom:60px;}
#container .join_cont .agree_txt{text-align:right; font-size:24px; margin:10px 15px 10px 0}
#container .SA_scroll{border:#CCCCCC 1px solid; padding:5px; width:97%; height:190px; font-size:24px;}


/* footer */
#footer{background:#333333;height:70px; width:100%; border-top:1px solid #666666;}
#footer #footer_in{font-size:13px; font-weight:600; text-align:center; padding-top:15px; color:#CCC;}

/* 그룹회원에서 사용 */
.tbl_frm01 .td_num {width:50px;text-align:center}
.tbl_frm01 .td_numbig {width:80px;text-align:center}
.tbl_frm01 .td_name {width:100px;text-align:center}
.tbl_frm01 .td_email {width:150px;text-align:center}
.tbl_frm01 .td_date {width:60px;text-align:center}
.tbl_frm01 .td_datetime {width:150px;text-align:center}
.tbl_frm01 .td_mng {width:80px;text-align:center}
.tbl_frm01 .td_chk {width:30px;text-align:center}
.tbl_frm01 .td_group {width:100px;text-align:center}
.tbl_frm01 .td_board {width:120px;text-align:center}