.top_layout {min-width:320px;}
.top_layout {max-width:1100px; margin:0 auto;}
@media \0screen{
	.top_layout {min-width:1100px;}
}
.top_layout > [class^=container_] {position:relative; width:100%;}
.top_layout_1 li:before {content:''; display:block; top:50%; width:1px; opacity:0.5; height:10px; margin-top:-5px; position:absolute; left:0; background-color:#ffffff;}
.top_layout_1 li:first-child:before {display:none;}
.top_layout_1 li a {display:block; margin:0; padding:0 .8em; font-size:12px; height:30px; line-height:30px; font-family:Arial; color:#ffffff; text-decoration:none;}
.top_layout_1 li a:hover {text-decoration:underline;}
.top_layout_1 ul {margin:0; padding:0; list-style:none; font-size:0;}
.top_layout_1 li {position:relative; display:inline-block; font-size:16px;}

.top_logo {position:relative; border-bottom:0.5px solid #777777; padding:2px 80px;}
.top_logo * {box-sizing:border-box;}
.top_logo h1 {display:table; padding:0; text-align:center; table-layout:fixed; width:100%; margin:0; }
.top_logo h1 a {display:table-cell; height:60px; valign:middle;}
.top_logo h1 img {max-width:100%; max-height:100%; valign:bottom;}

/*상단메뉴*/

.top_menu {clear:both; min-width:320px; max-width:1100px; margin:0 auto;}
.top_menu > div {}
.top_menu > div:after {content:''; display:block; clear:both;}
.top_menu > div > [class^=container_] {float:left; position:relative; width:100%;  box-sizing:border-box;}
.top_menu > div > .container_1 {width:20%;}
.top_menu > div > .container_2 {width:80%;}

@media (max-width:1023px){.top_menu > div > .container_1 { width:100%; } .top_menu > div > .container_2 { width:100%; }}

@media \0screen{.top_menu {min-width:1100px;}}


/*
@font-face {
  font-family: 'icomoon_header';
  src:  url('../icon_header/icomoon.eot');
  src:  url('../icon_header/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../icon_header/icomoon.ttf') format('truetype'),
    url('../icon_header/icomoon.woff') format('woff'),
    url('../icon_header/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {

  font-family: 'icomoon_header' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;


  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bars:before {
  content: "\f0c9";
}
.icon-navicon:before {
  content: "\f0c9";
}
.icon-reorder:before {
  content: "\f0c9";
}
*/


/*토글메뉴*/


.toggle_content {font-size:0; }
.toggle_content * {box-sizing:border-box; }
.toggle_content ul {margin:0; padding:0; list-style:none; }
.toggle_content a {display:block; position:relative; height:40px; line-height:40px; font-weight:bold; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.toggle_content .step_1 > li > a {padding:0 15px 0 60px; border-bottom:1px solid #dcdcdc; background:#ececec; font-size:14px; color:#000000; }
.toggle_content .step_1 > li > a:before {content:''; display:block; position:absolute; left:20px; top:50%; width:3px; height:3px; margin-top:-1px; background:#000000;}

@media (min-width:1024px){
	.toggle_content .step_1 > li:hover > div {display:block;}
	.toggle_content .step_1 > li > a {z-index:620; height:60px; line-height:60px; padding:0 20px; border-bottom:none; background:none; color:#393939; text-align:right;}
	.toggle_content .step_1:after {content:''; display:block; clear:both; }
	.toggle_content .step_1 > li {float:left; position:relative; z-index:600; width:16.67%;}
	.toggle_content .step_1 > li:hover {z-index:610;}
	.toggle_content .step_1 > li > div {display:none; position:absolute; left:0; width:100%; padding:5px 0; border:3px solid #000000; background:#ffffff;}
	.toggle_content .step_1 > li.on > a,
	.toggle_content .step_1 > li:hover > a {color:#000000;}
	.toggle_content .step_1 > li > a:before {display:none;}
	.toggle_content .step_1 > li.has_sub:before,
	.toggle_content .step_1 > li.has_sub:after {content:''; display:none; position:absolute; left:50%; z-index:630; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent;}
	.toggle_content .step_1 > li.has_sub:before {bottom:0; border-bottom:8px solid #000000;}
	.toggle_content .step_1 > li.has_sub:after {bottom:-3px; border-bottom:8px solid #ffffff;}
	.toggle_content .step_1 > li.has_sub:hover:before,
	.toggle_content .step_1 > li.has_sub:hover:after {display:block;}
}

@media \0screen{
	.toggle_content .step_1 > li:hover > div {display:block;}
	.toggle_content .step_1 > li > a {z-index:620; height:60px; line-height:60px; padding:0 20px;border-bottom:none; background:none; color:#393939; text-align:right;}
	.toggle_content .step_1:after {content:''; display:block; clear:both;}
	.toggle_content .step_1 > li {float:left; position:relative; z-index:600; width:16.67%;}
	.toggle_content .step_1 > li:hover {z-index:610;}
	.toggle_content .step_1 > li > div {display:none; position:absolute; left:0; width:100%; padding:5px 0;border:3px solid #000000; background:#ffffff;}
	.toggle_content .step_1 > li.has_sub:before {border-bottom:8px solid #000000; bottom:0;}
	.toggle_content .step_1 > li.has_sub:after {border-bottom:8px solid #ffffff; bottom:-3px;}
	.toggle_content .step_1 > li.has_sub:hover:before,
	.toggle_content .step_1 > li.has_sub:hover:after {display:block;}
	.toggle_content .step_1 > li.on > a,
	.toggle_content .step_1 > li:hover > a {color:#000000;}
	.toggle_content .step_1 > li > a:before {display:none;}
	.toggle_content .step_1 > li.has_sub:before,
	.toggle_content .step_1 > li.has_sub:after {content:''; display:none; position:absolute; left:50%; z-index:630; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent;}
}


/*토글*/

.toggle {display:none; overflow:hidden; position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; padding:4px; font-size:0; font-size:0; text-decoration:none;}
.toggle.use {display:block;}
.toggle:before {display:inline-block; font-family:"icomoon_header"; font-size:20px; color:#bbb; line-height:1em;}

.toggle.on:before {color:#777777;}


.toggle_re {left:45px;}
.toggle_re:before {content:'\f0c9';}

#toggle_con_re {display:none;}
#toggle_con_re.on {display:block;}
#toggle_con_re_1 {display:block;}
#toggle_con_re_1.on {display:block;}

.toggle_navi {right:10px;}
.toggle_navi:before {content:'\f0c9';} 

#toggle_con_re_2 {display:none;}
#toggle_con_re_2.on {display:block;}
[id^=div_user_list] .toggle {display:block;}

@media (min-width:1024px){
	.top_logo {padding:0; border-bottom:none;}
	.toggle {display:none !important;}
	[id^=toggle_con] {display:block !important;}
}
  
@media(min-width:500px) and (max-width:1024px){
    .top_logo {padding:10px 0;}
    .top_logo h1 a{height:40px;}
  }  

@media \0screen{
	.top_logo {padding:0; border-bottom:none;}
	.toggle {display:none !important;}
	[id^=toggle_con] {display:block !important;}
}







/*top_blank*/
.top_blank {display:block; width:100%; height:10px; line-height:10px;}

[id^=div_user_list] .top_blank {border:0.2px dotted lightgray;}
[id^=div_user_list] .top_blank:before { padding:0 15px; font-size:13px; font-weight:normal; color:lightgray;}
@media(max-width:1024px){
 .top_blank {display:block; width:100%; height:0px; line-height:0px;}
  [id^=div_user_list] .top_blank:before { padding:0 15px; font-size:13px; font-weight:normal; color:lightgray;}
 }
 
.top_blank_bottom {display:block; width:100%; height:10px; line-height:10px;}

[id^=div_user_list] .top_blank_bottom {border:0.2px dotted lightgray;}
[id^=div_user_list] .top_blank_bottom:before { padding:0 15px; font-size:13px; font-weight:normal; color:lightgray;}
@media(max-width:1024px){
 .top_blank_bottom {display:block; width:100%; height:0px; line-height:0px;}
 [id^=div_user_list] .top_blank_bottom:before {padding:0 15px; font-size:13px; font-weight:normal; color:lightgray;}
}
 

/*top_line*/
.top_line {display:block; position:relative; width:100%; height:0.3px;}
.top_line:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:0.8px solid lightgray;}


.sub_body {min-width:320px;}
.sub_body {max-width:1114px; margin:0 auto;}
@media \0screen{
	.sub_body {min-width:1114px;}
}
.sub_body > [class^=container_] {position:relative; width:100%;}


/*small_size*/
/*
@font-face {
  font-family: 'icomoon_slider';
  src:  url('../icon_side/icomoon.eot');
  src:  url('../icon_side/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../icon_side/icomoon.ttf') format('truetype'),
    url('../icon_side/icomoon.woff') format('woff'),
    url('../icon_side/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {

  font-family: 'icomoon_slider' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;


  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
*/

th,td{padding:0}
form{margin:0}
a{color:#333;text-decoration:none}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
input[type=text],input[type=password],textarea{font-size:13px}
input{-webkit-border-radius:0;-webkit-appearance:none}
input[type=checkbox]{-webkit-appearance:checkbox;}
input[type=radio]{-webkit-appearance:radio;}
html,body{height:100%}
body{margin:0;padding:0;font:normal 16px sans-serif;color:#444;-webkit-text-size-adjust:none;-ms-interpolation-mode:bicubic}
body,h1,h2,h3,h4,h5,h6,p,div,li,dt,dd,input,textarea{font-family:'Malgun Gothic',sans-serif}
img,video,audio,object,embed,iframe{max-width:100%}
img{border:0;-ms-interpolation-mode:bicubic;-webkit-image-rendering:optimizeQuality}
table{border-collapse:collapse;border-spacing:0}