body {padding:0;  margin:0;color:#000;line-height:160%;}
body {background:#fff;}
body {font-family:  Tahoma,Verdana,  serif; font-size: 16px;font-weight: 400;}

a{COLOR:#354EB1;text-decoration:none;font-size: 14px;}
a:hover{COLOR:#D62238;text-decoration:none;}

a.b{font-size:14px;font-weight: 700px;color:#000;background:#fff;text-decoration:none;line-height:200%;}
a.b:hover{COLOR:#354EB1;text-decoration:none;}

a.bb{font-size:16px;font-weight: 400;color:#000;text-decoration:none;line-height:200%;}
a.bb:hover{COLOR:#354EB1;text-decoration:none;}


a.box{font-size:12px;font-weight: 700px;color:#fff;margin-right:10px;padding:4px 10px 4px 10px;;border-radius: 4px; border: 1px solid #59AC40; border-image: none;background:#5FB545;text-decoration:none;}
a.box_blue{display: inline-block;margin-bottom:2%;font-size:14px;font-weight: 700px;color:#FFF;padding:4px 10px 4px 10px;;border-radius: 4px; border: 2px solid #E6E6E6; border-image: none;background:#354EB1;text-decoration:none;}

.box_b{display: inline-block;margin-right:1%;margin-bottom:2%;font-size:14px;font-weight: 400px;color:#354EB1;padding:4px 10px 4px 10px;;border-radius: 4px; border: 2px solid #E6E6E6; border-image: none;background:#F5F5F5;text-decoration:none;}

.top_title_box{width:96%;border-bottom: 1px solid #E7E7E7;background:#F8F8F8;color:#000;font-size:16px;padding:10px 2% 10px 2%;line-height:200%;}

/* 이미지 샹성 BOX */
.box_img {
    width: 100%;
    height: auto;
    border: 1px solid #59AC40; border-image: none;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); /* 우측과 하단 그림자 */
	margin:1%;
     background:#F5F5F5;
}

.box_img .m {width: 96%;padding:2% 2% 2% 2%;font-size:16px;line-height:200%;}

/* 박스 스타일 */
.box_shadow {
            display: inline-flex; /* flex로 설정하여 내부 요소가 세로로 정렬될 수 있도록 */
            flex-direction: column; /* 내부 요소를 세로로 정렬 */

            width:31%;
            padding: 1%; /* 내부 여백으로 높이 조절 */
            box-sizing: border-box; /* 패딩과 테두리 포함 */
            background-color: #ffffff;
            border: 1px solid #ddd;
            box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); /* 우측과 하단 그림자 */
			margin:1%;
			text-align:left;

			}

.box_shadow a {
	margin-bottom: 10px; /* 링크 하단 여백 */
	font-size:16px;

}

.box_shadow_ad {
            display: inline-flex; /* flex로 설정하여 내부 요소가 세로로 정렬될 수 있도록 */
            flex-direction: column; /* 내부 요소를 세로로 정렬 */

            width:31%;
            padding: 1%; /* 내부 여백으로 높이 조절 */
            box-sizing: border-box; /* 패딩과 테두리 포함 */
            background-color: #ffffff;
			margin:1%;

            flex: 0 0 31%; /* 너비를 31%로 고정 */


			}

/* 박스 스타일 */
.box_quote {
    width: 100%;
    height: auto;
    /* Flexbox로 중앙 정렬 */
    display: flex;
    align-items: center; /* 세로 중앙 정렬 */
    justify-content: center; /* 가로 중앙 정렬 */
    text-align: center; /* 여러 줄 텍스트를 중앙 정렬 */
    color: white; /* 텍스트 색상 */
    font-size: 24px; /* 텍스트 크기 */
    
    /* 텍스트 테두리 스타일 */
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; /* 검은색 테두리 */
}


.background_main {
    width: 100%;
    height: 200px;
    background-image: url('http://www.100shortquotes.com/images/main_background_1.jpg'); /* 이미지 경로 */
    background-size: cover; /* 이미지를 구역에 맞게 조절 */
    background-position: center; /* 이미지를 중앙에 위치 */
    background-repeat: no-repeat; /* 이미지 반복 방지 */

    /* Flexbox로 중앙 정렬 */
    display: flex;
    align-items: center; /* 세로 중앙 정렬 */
    justify-content: center; /* 가로 중앙 정렬 */
    text-align: center; /* 여러 줄 텍스트를 중앙 정렬 */
    color: white; /* 텍스트 색상 */
    font-size: 24px; /* 텍스트 크기 */
    
    /* 텍스트 테두리 스타일 */
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; /* 검은색 테두리 */
}


.url {COLOR:#5FB545;text-decoration:none;font-size: 14px;}
.url a{COLOR:#5FB545;text-decoration:none;font-size: 14px;}
.url a:hover{COLOR:#5FB545;text-decoration:underline;}

div{clear:left;padding:0px;margin:0px auto}
div ul{clear:left;margin:0;padding:0}
li{list-style:none;float:left;margin:0px;padding:0px;line-height:200%;}


H1{display:inline;COLOR:#354EB1;padding:0px;}
H1,H2,H3 {display:inline;COLOR:#000;padding:0px;FONT-WEIGHT:bold;}
H1 {FONT-SIZE:22px;}
H2 {FONT-SIZE:20px;}
H3 {FONT-SIZE:18px;}
H3.red {FONT-SIZE:22px;color:#9C473F;}

H3.cont_title3 {FONT-SIZE:14px;}



H1.k{display:inline;COLOR:#545454;padding:0px}




#navi{width:96%;padding:0% 0% 0% 0%;background:#fff;font-size:14px;font-weight: 400px;color:#1A1A1A;}
#navi a{padding-right:1%;font-size:14px;font-weight: 400px;color:#1A1A1A;}

.top_1 {width: 100%;	margin: 0 auto;	text-align: center; background:#DEE1E6;}
.top_1 h1 {FONT-SIZE:14px;font-weight: 400;}
.gsearch {background:#DEE1E6;padding:10px}

#wrapper{width:96%;padding:0% 0% 0% 0%;background:#fff;}
#wrapper ul{display:table;width:100%;}

/* Header 스타일 */
#header {
    background-color: #f8f9fa; /* 부드러운 배경색 */
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;

}

.header-p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* 로고 스타일 */
.header-p1 .logo {
   max-width: 100%;height: auto;width:auto;vertical-align:middle;border:0;padding-top:4%;
}

/* 검색창 스타일 */
.search-form {
    display: flex;
    align-items: center;
    gap: 5px; /* 버튼과 입력창 사이 간격 */
}

.input_search {
    width: 250px; /* 검색창 너비 */
    padding: 8px 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px; /* 모서리 둥글게 */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* 안쪽 그림자 */
    outline: none;
    transition: border-color 0.3s ease;
}

.input_search:focus {
    border-color: #5FB545; /* 포커스 시 초록색 테두리 */
}

.input_search_button {
    padding: 8px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #5FB545; /* 버튼 배경색 */
    border: none;
    border-radius: 4px; /* 모서리 둥글게 */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.input_search_button:hover {
    background-color: #4a943b; /* 호버 시 어두운 초록색 */
}

/* 텍스트 섹션 스타일 */
.header-p3 {
    font-size: 14px;
    text-align: right;
    color: #333;
}



.list-word-box {max-width: 1000px;	margin: 0 auto;color:#134FE6;border-radius: 4px;padding:10px 10px;border: 2px solid #9EADC5;background:#FCFDFE}



#top-memu {width:100%;background: #13574C;text-align: center;white-space: nowrap;padding-top:20px;padding-bottom:20px;padding-left:0px}
#top-memu-wrap {width:100%;display: inline-block;}
#top-memu-wrap a{color:#fff;font-size:18px;padding-left:0%;padding-right:1%;text-decoration:none;font-weight: 500;}


#content_body{width:96%;padding:4px 2% 0% 2%;line-height:150%;text-align:left;background:#fff;text-overflow:ellipsis;overflow:hidden}

#content_body_1{width:96%;padding:4px 2% 0% 2%;line-height:150%;text-align:left;background:#fff;text-overflow:ellipsis;overflow:hidden;
   display: flex;     flex-wrap: wrap;     align-items: flex-start;}

#content_body_1 p_xxx {
    font-size: 16px !important;
    color: #333 !important;
	text-align: center; 
}

#content_left {width:100%;text-align:left;}

#content{width:67%;padding:4px 2% 0% 2%;line-height:150%;text-align:left;background:#fff;text-overflow:ellipsis;overflow:hidden}
#side{width:25%;padding:2% 2% 0% 2%;line-height:150%;text-align:left;background:#fff}

#content_m{width:46%;padding:4px 2% 0% 2%;line-height:150%;text-align:left;background:#fff;text-overflow:ellipsis;overflow:hidden}

#content_top{width:100%;padding:4px 2% 0% 2%;line-height:150%;text-align:center;background:#F8F8F8;text-overflow:ellipsis;overflow:hidden}
#content_top img{width:32px;height:32px;}

#body {background:#DEC642;}



#side .li{width:100%;line-height:200%}
#content .li{width:33%;line-height:200%}
#content .li1{width:50%;line-height:200%}


.contents_list {width:96%;	margin: 0 auto;padding:0px;}
.contents_list-1 {width: 48%;display:inline-block;vertical-align:top;padding:1%; border:#D8D7D7 0px solid;box-sizing:border-box;}
.contents_list-2 {width: 47%;display:inline-block;vertical-align:top;padding:1%; border:#D8D7D7 1px solid;box-sizing:border-box;}

#list_ya{width:96%;	margin: 0 auto;;padding:0%;border-radius: 2px;  border:#CECECE 1px solid;text-align:center;}
.list_ya_box{width:100%;BACKGROUND:#F0EFEF;}
.list_ya1{width:20%;display:inline-block;vertical-align:top;font-size:14px;font-weight: 700;color:RGB(51,51,51);line-height:200%;BACKGROUND:#F0EFEF;}
.list_ya2{width:77%;padding:4px 0px 4px 2%;display:inline-block;vertical-align:top;font-size:12px;font-weight: 400;color:#9C473F;BACKGROUND:#fff;line-height:200%;text-align:left;border-left:#CECECE 1px solid}

.list_ya_line {width:100%;padding-top:0px;border-bottom:#CECECE 1px solid}

.info_box {background:#F8F7F7;color:RGB(51,51,51);font-size:14px;padding:1% 1%;}

.ya_mark{width:45px;height:45px; border:#CECECE 1px solid;cursor:pointer}
.ya_img{width:64px;height:57px; border:#CECECE 0px solid;padding:2px;cursor:pointer}
.ya_img1{width:64px;height:57px; border:#FE0000 2px solid;padding:2px;cursor:pointer}
.input_ya {font-size:14px;border: 1px solid #BDBAB6;color:#354EB1;background:#fff;width:15%;height: 20px;padding-left: 2%;padding-rightt: 2%; margin-bottom: 8px;}
.input_ya_search {font-size:14px;border: 1px solid #BDBAB6;color:#354EB1;background:#fff;width:70%;height: 24px;padding-left: 2%;padding-rightt: 2%; margin: 0px;}
.input_ya_button1{border: 0px solid #486F9C;color:#fff;background:#2F6007;width:20%;height: 30px;padding: 0px 8px 2px 8px;margin: 0px;cursor:pointer;font-size:12px;text-align:middle;border-radius:2px 2px 2px 2px;}
.input_ya_button {border: 0px solid #486F9C;color:#fff;background:#003F98;width:auto;height: 36px;padding: 0px 8px 0px 8px;margin: 0px;cursor:pointer;font-size:16px;text-align:middle;border-radius:2px 2px 2px 2px;}
.list_y{line-height:200%;font-size:14px}


.tab1{width:98%;padding-left:2%;display:inline-block;}
.tab2{width:96%;padding-left:4%;display:inline-block;}
.tab3{width:94%;padding-left:6%;display:inline-block;}

#footerxxx{
  height: 0px; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
}
#footer1xxx{
text-align:center;padding-top:10px;padding-bottom:20px;COLOR:#fff;background:#595959;font-size:14px;
}



#footer{width:100%;padding:0% 0% 0% 0%;background:#595959;padding-top:10px;padding-bottom:20px;font-size:14px;COLOR:#fff;}
#footer ul{display:table;width:100%;}
#footer_1{width:57%;padding:2% 2% 0% 2%;line-height:150%;text-align:left;}
#footer_2{width:35%;padding:0% 2% 0% 2%;line-height:150%;text-align:left;}


#footer1 a{color:#545454;font-size:12px}
.li30 {width:40%;}
.li60 {width:60%;}
.sp1{padding-right:1%;padding-left:1%}



.title{color:#3A4150;FONT-SIZE:18px;FONT-WEIGHT:bold;}
.title_red{color:#9C473F;FONT-SIZE:18px;FONT-WEIGHT:bold;}
.stitle{font-size:16px;color:#3A4150;FONT-WEIGHT:bold;}

.w{color:#fff}
.blue{color:#354EB1}
.blue1{color:#9C473F}
.blue14{FONT-SIZE:14px;;color:#9C473F}
.blue20{FONT-SIZE:20px;color:#354EB1}

.green{color:#006621}
.k18{FONT-SIZE:18px;color:#000}
.k14{FONT-SIZE:14px;;color:#000}
.k12{FONT-SIZE:12px;color:#000}
.red{color:#9C473F;}
.red18{FONT-SIZE:18px;color:#9C473F;}
.black_big{color:#2A2A2A;font-size:16px;font-weight: bold;}


.w{FONT-SIZE:14px;;color:#fff}

.logo {max-width: 100%;height: auto;width:auto;vertical-align:middle;border:0;padding-top:4%;}
.img {width: 100%;max-width: 100%;height:auto;vertical-align:middle;border:0}

img{vertical-align:middle;border:0;  max-width: 100%;  width: 100%;}

.div90{width:90%;}
.center{width:90%;text-align:center;}

.login_input{padding: 0px 0px 0px 10px; border: 1px solid #E0E2E2;border-image: none; width: 80%; height: 44px; line-height: 42px; margin-bottom: 3px; display: block;font-size:14px;;color:#984C45;background:#FDFBFA;}
.login_input_no{padding: 0px 0px 0px 10px; border: 1px solid #FB1902;border-image: none; width: 100%; height: 44px; line-height: 42px; margin-bottom: 3px; display: block;font-size:14px;;color:#984C45;background:#FEE7E5}
.login_input_x{padding: 0px 0px 0px 10px; border: 1px solid #C2C2C2;border-image: none; width: 100%; height: 44px; line-height: 42px; margin-bottom: 3px; display: block;font-size:14px;;color:#696969;background:#EDECEC}
.errmess {padding: 0px 0px 0px 10px; border: 0px solid #D3ACA8;border-image: none; width: 100%; height: 44px; line-height: 42px; margin-bottom: 3px; display: block;font-size:12px;color:#984C45;background:#FEE7E5}
.textarea1{color:#76500E;width:100%;height:100px;line-height:80%;border: 1px solid #E0E2E2;}
.textarea1_no{color:#FB1902;width:100%;height:100px;line-height:100%;background:#FEE7E5;border: 1px solid #FC1A02}
.textarea2{font-size:16px;color:#76500E;width:50%;height:200px;line-height:120%;border: 1px solid #E0E2E2;padding:2%;}

a.button{text-decoration:none;font-size:24px;font-weight: 700px;color:#fff;padding:4px 10px 4px 10px;;border-radius: 4px; border: 1px solid #D95E40; border-image: none;background:#D95E40;}
a.title{font-size:18px;color:#354EB1;FONT-WEIGHT:normal;text-decoration:none;}
a.stitle{font-size:16px;color:#354EB1;FONT-WEIGHT:normal;text-decoration:none;}

a.button_1{text-decoration:none;font-size:14px;;font-weight: 500px;color:#fff;padding:4px 6px 4px 6px;;border-radius: 4px; border: 1px solid #D95E40; border-image: none;background:#D95E40;}
a.button_gib_green{text-decoration:none;font-size:24px;font-weight: 700px;color:#fff;padding:4px 10px 4px 10px;;border-radius: 4px; border: 1px solid #009688; border-image: none;background:#009688;}

.input_text {border: 1px solid #C2C3C3;color:#000;background:#fff;width:50%;height: 30px;padding-left: 2%; margin: 0px;border-radius:2px 2px 2px 2px;}
.input_button {border: 0px solid #486F9C;color:#fff;background:#5FB545;width:auto;height: 32px;padding: 0px 6px 0px 6px;margin: 0px;cursor:pointer;font-size:12px;text-align:middle;border-radius:2px 2px 2px 2px;}

.input_button_b {FONT-SIZE:16px;border: 0px solid #486F9C;color:#fff;background:#5FB545;width:auto;height: 32px;padding: 0px 16px 0px 16px;margin: 0px;cursor:pointer;text-align:middle;border-radius:2px 2px 2px 2px;}

.input_1 {BACKGROUND-COLOR:#fff;width:90%;height:24px;FONT-WEIGHT:bold;FONT-SIZE:14px;;COLOR:#707070;BORDER-left:#cccccc 1px solid;BORDER-top:#cccccc 2px solid;BORDER-right:#cccccc 1px solid;BORDER-bottom:#cccccc 1px solid;margin:0px 0px 0px 0px;padding:0px 0px 0px 10px;}



.input_short {BACKGROUND-COLOR:#fff;width:30px;height:24px;FONT-SIZE:14px;;COLOR:#707070;border: 1px solid #cccccc;margin:0px 0px 0px 0px;padding:0px 0px 0px 10px;}

.input_search1 {font-size:14px; border: 1px solid #C2C3C3;color:#354EB1;background:#fff;width:25%;height: 24px;padding-left: 2%;padding-rightt: 2%; margin: 0px;border-radius:2px 2px 2px 2px;}
.input_search2 {font-size:14px; border: 1px solid #C2C3C3;color:#354EB1;background:#fff;width:25%;height: 24px;padding-left: 2%;padding-rightt: 2%;  margin: 0px;border-radius:2px 2px 2px 2px;}
.input_search3 {font-size:14px;border: 1px solid #C2C3C3;color:#354EB1;background:#fff;width:25%;height: 24px;padding-left: 2%;padding-rightt: 2%;  margin: 0px;border-radius:2px 2px 2px 2px;}
.input_search_button1 {border: 0px solid #486F9C;color:#fff;background:#2F6007;width:auto;height: 30px;padding: 0px 8px 2px 8px;margin: 0px;cursor:pointer;font-size:12px;text-align:middle;border-radius:2px 2px 2px 2px;}

.input_search11 {font-size:14px; border: 1px solid #C2C3C3;color:#354EB1;background:#fff;width:50%;height: 24px;padding-left: 2%;padding-rightt: 2%; margin: 0px;border-radius:2px 2px 2px 2px;}



.page_box{width:20px;height:20px;BORDER-left:#E0E0E0 1px solid;BORDER-top:#E0E0E0 1px solid;BORDER-right:#E0E0E0 1px solid;BORDER-bottom:#E0E0E0 1px solid;background-color:#F9F9F9;margin:0px 4px 0px 0px;padding:2px 4px 6px 4px;color:#084E94;font-size:14px;line-height:200%;text-align:center;cursor:pointer}
.y13{font-size:13px;color:#FF6C42;text-dbox_shadowecoration:none}

.lay_box{border: 1px solid #DFDEDE;background:#fff;color:#9C473F;font-size:12px;padding:10px 20px 10px 20px;}
.box{border: 0px solid #DFDEDE;background:#F8F7F7;color:#354EB1;font-size:16px;;padding:10px 20px 10px 20px;line-height:150%;}

.line {width:100%;padding-top:10px;border-bottom:#D8D7D7 1px solid}

.pc{display:block}
.mobile{display:none}

#toggle1{display:none}
#nav1{padding:0;margin:0;display:inline}
#nav1 a{font-weight:normal;FONT-SIZE:13px}
#nav1 li{display:inline}
label{}

.ads{width:100%;padding:0px 0px 0px 0px;text-align:center;display: block;}
.ads_1{width:100%;padding:20px 0px 20px 0px;text-align:center;display:block;}

.ads_sp1{width:48%;padding:20px 0px 20px 0px;text-align:center;vertical-align:top;display:table-cell; }
.ads_sp2{width:48%;padding:20px 0px 20px 0px;text-align:center;vertical-align:top;display:table-cell; }

.ads_head{width:50%;text-align:center;color:#757575;FONT-SIZE:12px;}
.ads_head1,.ads_head2{width:100%;text-align:center;color:#757575;FONT-SIZE:12px;}

.adslot_1 { width:336px; height:280px; }
.adslot_2 { width:336px; height:280px; }


.row {display: flex;flex-direction: row;flex-wrap: wrap;width:96%;	margin: 0 auto;padding:0px;}
.col1 {flex:1;-webkit-flex:1;-ms-flex:1; width: 44%;display:inline-block;vertical-align:top;padding:1%;border-radius: 4px;  border:#D8D7D7 0px solid;margin-top:10px;margin-right:1%;line-height:200%;word-break:break-all;}

.img_float{float:left;padding:1%}

a.tmenu{font-size:12px;font-weight:bold;color:#fff;margin-right:4px;padding:4px 10px 4px 10px; border: 1px solid #6A96BA; border-image: none;background:#3A688E;text-decoration:none}

/*오버레이 관련 css*/ 

.customoverlay_main {

 position: relative;

 bottom: 58px;

 border-radius: 6px;

 border: 1px solid #ccc;

 border-bottom: 2px solid #ddd;

 float: left;

}

.customoverlay_main:nth-of-type(n) {

 border: 0;

 box-shadow: 0px 1px 2px #888;

}

.customoverlay_main a {

 display: block;

 text-decoration: none;

 color: #fff;

 text-align: center;

 border-radius: 6px;

 font-size: 11px;

 font-weight: bold;

 overflow: hidden;

 background: #d95050;

 /*background: #ffcc00 url(../img/arrow_white.png) no-repeat right 14px center;*/

}

.customoverlay_main .title {

 display: block;

 text-align: center;

 background: #000;

 /*margin-right: 35px;*/

 padding: 6px 11px;

 font-size: 11px;

 font-weight: bold;

}

.customoverlay_main:after {

 content: '';

 position: absolute;

 margin-left: -12px;

 left: 50%;

 bottom: -12px;

 width: 22px;

 height: 12px;

 background: url('../img/marker_black.png')

}


.al_0{width:25%;font-weight: 700;}
.al_1{width:70%;}

@media screen and (max-width:736px) {

.box_shadow { width:94%;}

.list_ya1{width:96%;}
.list_ya2{width:96%;}

.list_y1{width:96%;}
.list_y2{width:96%;}
.list_y3{width:96%;}
.list_y4{width:96%;}


.col1 { width: 100%;display:flex-direction:column;-webkit-flex-direction:column;flex-wrap: wrap;}
.row {display:flex-direction:column;-webkit-flex-direction:column;flex-wrap: wrap;}

.list_b1{width:50%;}
.list_b2{width:50%;}


.contents_list-1 {width: 98%;text-align:center;}

#footer_1,#footer_2{width:96%;padding:2%;line-height:150%;text-align:center;}

.img_r {height:60%;}


.leftmenubar{width:100%;padding-top:10px;height:40px;BACKGROUND:#13574C;}
.mobile{display:block;}
.pc{display:none}

#toggle1:checked + #nav1{display:block} 
#nav1{display:none}
#nav1 li{display:block;width:96%;text-align:left;padding:0px 0px 0px 4%;BACKGROUND:#546279;}
#nav1 a{font-weight:normal;color:#fff}
label {display:block;cursor:pointer;font-weight:normal;color:#FFF;FONT-SIZE:14px;text-align:left;background-image:url('/images/mobile_menu.jpg');background-repeat:no-repeat;background-position:97% 4px;background-size:30px 22px;padding:6px 0px 0px 2%}


#content_game .h1 {font-size:16px;}
#content_game .box{width:90%;}

hr{border:none;border:1px solid #E1E0E0;}

#top-memu {width:100%;background: #475265;color: white;text-align: center;text-overflow: ellipsis;overflow-y: auto;white-space: nowrap;padding-top:8px;padding-bottom:10px;}

.list-word-3, .list-word-4 {width: 46%;}
.list-word-2 {width: 96%;}

#wrapper{width:96%;padding:0% 2% 0% 2%;}


#content,#side {width:94%;BORDER-left:#E1E0E0 0px solid;}
.logo {padding-top:5%;}
#side {padding-top:3%;}
#side .li{width:48%;padding:0% 2% 0% 0%}
#content .li{width:48%;padding:0% 2% 0% 0%}
#content .li1{width:98%;padding:0% 2% 0% 0%}


.input_text {width:60%;}

    /* 헤더 레이아웃 */
    .header-p {
        flex-direction: column; /* 세로 방향으로 정렬 */
        align-items: center; /* 중앙 정렬 */
        gap: 10px; /* 섹션 간 간격 */
    }

    /* 로고 */
    .header-p1 .logo {
        width: 100%; /* 검색창 전체 너비 */
        height: 40px; /* 로고 크기 줄이기 */
    }

    /* 검색창 */
    .search-form {
        width: 100%; /* 검색창 전체 너비 */
        justify-content: center; /* 중앙 정렬 */
    }

    .input_search {
        width: 70%; /* 너비를 비율로 조정 */
        padding: 6px 10px; /* 내부 여백 축소 */
        font-size: 14px; /* 글자 크기 축소 */
    }

    .input_search_button {
        width: 25%; /* 너비를 비율로 조정 */
        padding: 6px 15px; /* 버튼 크기 조정 */
        font-size: 14px; /* 버튼 글자 크기 축소 */
    }

    /* 텍스트 */
    .header-p3 { display: none; /* 요소 숨기기 */    }



.centered {  width: 90%;}
.container {width: 100%;}

#content_m{width:98%;padding:1%}

.page_box{width:18px;height:18px;BORDER-left:#E0E0E0 1px solid;BORDER-top:#E0E0E0 1px solid;BORDER-right:#E0E0E0 1px solid;BORDER-bottom:#E0E0E0 1px solid;background-color:#F9F9F9;margin:0px 4px 0px 0px;padding:2px 4px 6px 4px;color:#084E94;font-size:14px;line-height:200%;text-align:center;cursor:pointer}
.textarea2{width:80%;}
.input_1 {width:80%;}

.img {height:auto}

img{height:auto}
}