.left1		{float:left; !important}
.right1		{float:right; !important}
.alignL		{text-align:left !important;}
.alignR		{text-align:right !important;}
.alignC		{text-align:center !important;}
.valignM	{vertical-align:middle !important;}
.valignB	{vertical-align:bottom !important;}
.valignT	{vertical-align:top !important;}
.center		{margin:0 auto !important;}
.inblock	{display:inline-block;}

.fs18		{font-size:18px !important;}
.fs33		{font-size:33px !important;}
.black		{color:#222 !important;}
.gray		{color:#a0a0a0 !important;}
.blue		{color:#0669ab !important;}




.clearfix			{*zoom:1;} /* ie를 위한 핵 */
.clearfix:after		{content:" "; display:block; clear:both; height:0; visibility:hidden;}/* 기타 브라우져 */

a.btn_big							{display:inline-block; width:200px; height:50px; font-size:16px; font-weight:600; color:#fff; line-height:50px; background:#0168a9; border:1px solid #013d7e;}

.list_bullet li						{font:14px/150% 'NanumGothic',dotum; color:#666; background:url('/images/bu_blue.gif') no-repeat 0 8px; padding-left:10px; padding-bottom:10px;}
.list_basic li						{font:14px/150% 'NanumGothic',dotum; color:#666; padding-bottom:10px;}
.dotLine							{border-top:1px dashed #dedede; padding:20px 0;}

.itemWrap 							{text-align:center;}
.itemWrap li						{display:inline-block; min-width:250px; width:28%; border:1px solid #e0e0e0; background:#f9f9f9; text-align:center; margin:20px 2.1%;}
.itemWrap li h4						{background:#0168a9; padding:20px; font-weight:600; color:#fff; font-size:15px; line-height:130%;}
.itemWrap li h4	span				{display:block; color:#72bceb; font-size:16px;}
.itemWrap li .itemTxt				{padding:25px 30px;}
.itemWrap li .itemDate				{color:#222; padding:10px 0px 30px;}

.tit_winner							{position:relative; text-align:center; width: 100%; height:30px; }
.tit_winner_line					{position:absolute; width:100%; border-bottom: 1px solid #ddd; position:relative;z-index:0; top:-5px;}
.tit_winner_text					{position:relative; top:10px; z-index:5; display:inline; background:#152b6b; padding:10px 20px; font-size:17px; color:#fff;}

.tit_centerBig						{font-size:33px; margin-top:60px; text-align:center; color:#222;}

.winner_list						{text-align:center;}
.winner_list li						{display:inline-block; width:266px; border:1px solid #ddd; text-align:center; margin:3%;}
.winner_list li	.wn_img img			{width:100%;}
.winner_list li	.wn_name			{padding:20px; font-size:18px; color:#444; font-weight:600; line-height:140%;}
.winner_list li	.wn_name span		{display:block; font-size:16px; color:#444; font-weight:normal; line-height:140%;}
.winner_list li	.wn_txt				{padding:15px; margin:0 20px; font-size:16px; color:#0669ab; line-height:140%; border-top:1px solid #ddd; letter-spacing:-0.05em;}

.videoWrapper						{position: relative; width:100%; height:0; padding-bottom: 56.25%;}
.videoWrapper .video				{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.imgAuto							{text-align:center;} /* pc였을때 원래 사이즈 태블릿부터 리사이징 */
.imgAuto p							{font-size:14px;color:#282828; margin-top:10px;}

.winnerInfo							{border:2px solid #c0c0c0;}
.winnerInfo .wn_img					{width:25%;min-width:266px;max-width:266px;padding-top:42px;float:left;height:100%;background-color:#f2f2f2;vertical-align:bottom;bottom:0;}
.winnerInfo .wn_img img				{}
.winnerInfo .wn_info				{float:right; width:65%; padding:15px;}
.winnerInfo .wn_info h4				{font-size:26px; color:#282828; padding:12px 0;}
.winnerInfo .wn_info h4	span		{font-size:20px; color:#282828; font-weight:normal;}
.winnerInfo .wn_info table			{width:100%; border-collapse:collapse;border-spacing:0;}
.winnerInfo .wn_info table th		{width:25%; text-align:left; font-weight:600; color:#444; background:url('/images/bu_gray.gif') no-repeat 0 16px; padding:8px 10px ; vertical-align:top; border-bottom:1px solid #ececec;}
.winnerInfo .wn_info table td		{width:75%; color:#666; padding:6px 10px ; vertical-align:top; border-bottom:1px solid #ececec;}

.history							{margin-bottom:50px; }
.history li							{display:table;line-height:160%; padding-bottom:8px;}
.history li span					{display:table-cell; width:125px; font-weight:600; color:#222; background:url('/images/bu_blue.gif') no-repeat 0 10px; padding-left:10px;}

.history li.oth2					{list-style-position: inside; list-style-type: decimal; text-indent: -18px; padding-left:18px;}

.stit_t01							{margin:0 0 15px;text-align:center;background:url('/images/stit_line.gif') repeat-x 0 50%;}
.stit_t01 span						{position:relative;display:inline-block;padding:0 40px;font-size:22px;line-height:30px;color:#282828;background:#fff;}
.stit_t01 span:before				{content:' ';position:absolute;top:13px;left:0;width:5px;height:5px;background:url('/images/stit_dot.gif') no-repeat 0 50%;}
.stit_t01 span:after				{content:' ';position:absolute;top:13px;right:0;width:5px;height:5px;background:url('/images/stit_dot.gif') no-repeat 0 50%;}

.wnSpeechBox						{border:1px solid #ddd; background:#f8f8f8 url('/images/bg_wnSpeech.gif') no-repeat right bottom; padding:45px;}
.wnSpeechBox h3						{padding-top:30px; text-align:center;}
.wnSpeechBox div					{padding-top:65px; font-size:14px; color:#666; line-height:160%;}

.wnFeelingBox						{border:1px solid #ddd; background:#f8f8f8 url('/images/bg_wnFeeling.gif') no-repeat left bottom; padding:45px;}
.wnFeelingBox h3					{padding-top:30px; text-align:center;}
.wnFeelingBox div					{padding-top:65px; font-size:14px; color:#666; line-height:160%;}

.bookInfoBox .bookImg				{float:left; width:40%; max-width:365px;}
.bookInfoBox .bookImg img			{width:100%;}
.bookInfoBox .bookInfo				{position:relative; float:right; width:57%; height:400px; background:url('/images/bg_wnBook_top.gif') no-repeat right top; background-position::contain;}
.bookInfoBox .bookInfo table		{position:absolute; left:0; bottom:0;}
.bookInfoBox .bookInfo table th		{width:62px; font-weight:600;  vertical-align:top; font-size:14px; text-align:center;}
.bookInfoBox .bookInfo table th span{display:block; line-height:29px; height:29px; background:#555; color:#fff;}
.bookInfoBox .bookInfo table td		{color:#282828; font-size:14px; padding-left:8px;}

.booklistBox						{background:#fafafa;  border:1px solid #ddd;}
.booklistBox .bookHead				{background:#f6f6f6 url('/images/sub20201010_13.jpg') no-repeat right top; padding:30px;}
.booklistBox .bookList				{padding:25px 30px;}
.booklistBox .bookList .list_basic	{float:left; width:46%; margin-right:4%}

.bookStrone	li						{display:inline-block; width:30%; margin:0 1.2%;}
.bookStrone	li img					{width:100%;}

#pop_container						{padding:40px 0;}
.pop_tab							{text-align:center;}
.pop_tab li							{display:inline-block; width:50%; max-width:200px; outline:1px solid #ddd; }
.pop_tab li a						{display:block; padding:12px 0; color:#666; text-align:center;}
.pop_tab li.on a					{color:#fff; background:#207dc4; outline:1px solid #207dc4;}
.tit_wt								{text-align:center; margin:60px 0;}
.con_wt								{margin:0 auto; max-width:912px;text-align:center;}
.con_wt	img							{width:100%; max-width:912px;}



/********* tablet *********/
@media all and (max-width:1200px) {

.winnerInfo .wn_img					{width:35%;}
.winnerInfo .wn_img img				{height:100%;}
.winnerInfo .wn_info				{float:right; width:60%; padding:10px;}

.bookInfoBox .bookInfo				{height:350px;}
}



/********* tablet *********/
@media all and (max-width:1100px) {

.tit_centerBig						{font-size:28px; margin-top:40px; text-align:center; color:#222;}
.imgAuto img						{width:80%}

.winnerInfo .wn_img					{width:35%;}
.winnerInfo .wn_img img				{height:100%;}
.winnerInfo .wn_info				{float:right; width:60%; padding:10px;}

#pop_container						{padding:30px 0;}
.tit_wt								{text-align:center; margin:50px 0;}
.tit_wt	img							{width:70%;}

}





/********* mobile *********/
@media all and (max-width:768px) {

a.btn_big							{display:inline-block; width:120px; height:35px; font-size:15px; font-weight:600; color:#fff; line-height:35px; background:#0168a9; border:1px solid #013d7e;}
.mobile_100	img	{width:100%;}

.itemWrap li						{margin:10px 2.1%;}
.tit_centerBig						{font-size:25px; margin-top:35px; text-align:center; color:#222;}

.imgAuto img						{width:100%}

.winnerInfo .wn_img					{width:100%;min-width:100%;max-width:100%; padding-top:0;text-align:center;background-color:#FFF;}
.winnerInfo .wn_img img				{height:auto; padding:20px 0 10px;}
.winnerInfo .wn_info				{clear:right; width:90%; padding:15px 5%;}
.winnerInfo .wn_info h4				{font-size:20px; color:#282828; padding:12px 0;}
.winnerInfo .wn_info h4	span		{font-size:16px; color:#282828; font-weight:normal;}

.wnSpeechBox						{border:1px solid #ddd; background:#f8f8f8 url('/images/bg_wnSpeech.gif') no-repeat right bottom; background-size:80%; padding:35px 25px;}
.wnSpeechBox h3						{padding-top:20px; text-align:center;}
.wnSpeechBox h3	img					{height:30px;}
.wnSpeechBox div					{padding-top:25px; font-size:13px; color:#666; line-height:150%;}

.wnFeelingBox						{border:1px solid #ddd; background:#f8f8f8 url('/images/bg_wnFeeling.gif') no-repeat left bottom; background-size:80%; padding:35px 25px;}
.wnFeelingBox h3					{padding-top:20px; text-align:center;}
.wnFeelingBox h3 img				{height:30px;}
.wnFeelingBox div					{padding-top:25px; font-size:13px; color:#666; line-height:150%;}

.bookInfoBox .bookImg				{float:none; width:100%; max-width:100%; text-align:center;}
.bookInfoBox .bookImg img			{width:100%; max-width:200px;}
.bookInfoBox .bookInfo				{float:none; width:100%; height:200px; background:none;}
.bookInfoBox .bookInfo table		{width:100%;}
.bookInfoBox .bookInfo table th		{width:62px; font-weight:600;  vertical-align:top; font-size:14px; text-align:center;}
.bookInfoBox .bookInfo table th span{display:block; line-height:29px; height:29px; background:#555; color:#fff;}
.bookInfoBox .bookInfo table td		{color:#282828; font-size:14px; padding-left:8px;}

.booklistBox .bookHead				{background:#f6f6f6 url('/images/sub20201010_13.jpg') no-repeat right top; padding:20px;}
.booklistBox .bookList				{padding:20px 20px;}
.booklistBox .bookList .list_basic	{float:none; width:100%; margin-right:0%}

#pop_container						{padding:20px 0;}
}