/***************************************************** Layout ���� ****************************************************/



#wrap_main {overflow:hidden; clear:both; width:100%;}
#wrap_main #container {width:100%;}
#wrap_main #container:after {display:block; clear:both; content:''}
#wrap_main #content {width:100%;}
#wrap_main .cont_main {width:100%;}

#footer {overflow:hidden; clear:both; width:100%; background-color:#4b4b4b;}



/*************************************************** �⺻ ���� ***************************************************/



html { -webkit-text-size-adjust:100%;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,textarea,select,button {margin:0; padding:0; font-weight:normal;}
body,input,textarea,select,button,table {font-size:14px; line-height:21px; font-family:'Malgun Gothic', '���� ����', 'Nanum Gothic'; color:#494949; letter-spacing:-0.3px;}

a:link        {color:inherit;}
a             {color:inherit; text-decoration:none; cursor:pointer;}
a:hover       {color:inherit; text-decoration:none;}

* {-webkit-text-size-adjust:none;}    /* ������ ��ƮȮ�� ���� */

pre {font-family:'Malgun Gothic', '���� ����', 'Nanum Gothic';}

fieldset,img {border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none}

image         {border:0}
img           {vertical-align:middle}
img, fieldset {border:none}
label,button  {cursor:pointer}
ul, ol        {list-style:none}
em, address   {font-style:normal}
form          {display:inline;}
br            {line-height:15px;}

/* div		  {transition: 0.5s;} */

.png1         {tmp:expression(setPng1(this));}
* html img,
* html .png   {
 position:relative;
 behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
 this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
 this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
 this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
 this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
 );}

.shadow { box-shadow: 0 1px 2px rgba(34,25,25,0.2);
		  -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.2);
		  -webkit-box-shadow: 0 1px 2px rgba(34,25,25,0.2);
		  -webkit-transition: top 1s ease, left 1s ease;
		  -moz-transition: top 1s ease, left 1s ease;
		  -o-transition: top 1s ease, left 1s ease;
		  -ms-transition: top 1s ease, left 1s ease;}


iframe 		  {border:0; margin:0; padding:0;}
iframe.frame  {width:100%; overflow:hidden;}

.placeholder {color:#999999;}
:-ms-input-placeholder {color:#999999;} /* ms */
::-webkit-input-placeholder {color:#999999;} /* webkit */
::-moz-placeholder{color:#999999;} /* firefox */


.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}


.fdiv {overflow:hidden; clear:both; width:100%;}
.fl {float:left;}
.fc {margin:0 auto;}
.fr {float:right;}


.vat {vertical-align:top;}
.vam {vertical-align:middle}


.cursor_p {cursor:pointer}
.cursor_d {cursor:default}


.show  {display:block}
.hide  {display:none}
.blind {font-size: 1.0em; display:block;overflow:hidden;position:absolute;top:-1000em;left:0}


.bg_none {background-image:none}


.clear {clear:both;}
.clearfix {*zoom: 1;}


/* ��ũ�ѹ� ���ֱ� */
.scroll_n  {overflow:hidden;}
.scroll_xn {overflow-x:hidden;}
.scroll_yn {overflow-y:hidden;}


.t_cr0  { color:#666666 !important;}
.t_cr1  { color:#999999 !important;}
.t_cr2  { color:#888888 !important;}
.t_cr3  { color:#777777 !important;}
.t_cr4  { color:#5f5f5f !important;}
.t_cr5  { color:#d95548 !important;}
.t_cr6  { color:#259a35 !important; text-decoration:underline}
.t_cr7  { color:#f04444 !important;}

.t_on1  { font-weight:bold: color:#FF7531 !important;}  .t_on1:hover {font-weight:bold: color:#FF7531 !important;}

.t_hit1 { font-weight:bold: color:#f75359; }

.t_dot1  { font-size:16px; line-height:19px; color:#ed4444; font-weight:lighter;}

.t_bold   { font-weight:bold;}
.t_bold1  { font-weight:bold;}
.t_normal { font-weight:normal;}
.t_under  { text-decoration:underline;}

.t_pad0    { padding:0;}


/* skip �ٷΰ���(�����ټ�) */
.skip_nav { position:absolute; overflow:visible; left:0px; top:0px; height:0px; }
.skip_nav a { position:absolute; left:0px; top:-200px; }
.skip_nav a:hover, .skip_nav a:active, .skip_nav a:focus { display:block; width:200px; top:0px; padding:6px 10px 6px; color:#fff; text-align:center; background:#000; z-index:10000 }



/*************************************************** page ��� ���� ***************************************************/



/* ��� area */
.top_layer1 {clear:both; width:100%;}

.top_area1 {overflow:hidden; clear:both;}
.top_area1 .fl {padding:20px 0 22px;}
.top_area1 .fr {padding:36px 0 0;}
.top_area1 .fr .btn1 {overflow:hidden; height:29px; padding:0 12px; font-size:14px; line-height:29px; font-weight:bold; color:#ffffff; letter-spacing:-0.5px; background-color:#f8871f;
-webkit-border-top-left-radius:29px; border-top-left-radius:29px; 
-webkit-border-bottom-right-radius:29px; border-bottom-right-radius:29px; 
-webkit-border-bottom-left-radius:29px; border-bottom-left-radius:29px; cursor:pointer;}



/*************************************************** page �ϴ� ���� ***************************************************/


/* �ϴ� Footer */
.footer_layer1 {overflow:hidden; clear:both; width:100%; padding:35px 0 45px; background-color:#33353a;}

.footer_area1 {overflow:hidden; clear:both;}

.footer_area1 .area1 {clear:both; text-align:center; padding:0 10px 0 10px;}
.footer_area1 .area1 ul {overflow:hidden; clear:both; padding:0 0 2px;}
.footer_area1 .area1 ul:last-child {padding:0;}
.footer_area1 .area1 li {display:inline-block; padding:0 8px 0 8px; font-size:13px; line-height:17px; color:#dddddd;}
.footer_area1 .area1 li a {color:#dddddd;}
.footer_area1 .area1 li .cr1,
.footer_area1 .area1 li .cr1 a {color:#ffcb08;}
.footer_area1 .area1 li .cr2 {color:#eeeeee;}
.footer_area1 .area1 li .cr3,
.footer_area1 .area1 li .cr3 a {color:#bce7ff;}
.footer_area1 .area1 li:first-child {padding-left:0;}
.footer_area1 .area1 li:last-child {padding-right:0;}

.footer_area1 .area2 {clear:both; width:100%; text-align:center; padding:12px 10px 0 10px; font-size:12px; line-height:130%; color:#bbbbbb; letter-spacing:0px;}



/*************************************************** main page ���� ***************************************************/



/* ������ */
.btn_more1 {float:right; width:29px; height:29px; background-color:#b3b3b3; background-image:url('/img/but_more1.png'); background-repeat:no-repeat; background-position:center center; cursor:pointer;}


/* ��� �̹��� */
.canvas_main1 {overflow:hidden; clear:both; width:100%; height:400px; background-image:url('/newhome/election/2019_election/img/canvas_main3.jpg'); background-repeat:no-repeat; background-position:center center; background-size:cover;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;}


/* main ���̾ƿ� */
.main_area1 {position:absolute; z-index:1; overflow:hidden; clear:both; width:100%; margin-top:-28px; padding-bottom:40px; text-align:center;}
.main_area1 > ul > li {display:inline-block; text-align:center; width:350px; padding:17px 0 13px; color:#222222; font-size:17px; line-height:100%; font-weight:bold; background-color:#ffffff; border:1px solid #e5e5e5; border-left:0px solid #e5e5e5; cursor:pointer;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); 
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); 
-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
.main_area1 > ul > li img {vertical-align:middle; margin:-5px 10px 0 0;}
.main_area1 > ul > li:first-child {background-color:#ff5252; color:#ffffff; border:1px solid #e54a4a; border-right:0px solid #e54a4a;}

.main_area2 {overflow:hidden; clear:both; width:100%; padding:80px 0 25px; background-color:#f6f6f6;}
.main_area2 h1 {overflow:hidden; clear:both; width:100%; text-align:center; margin-bottom:35px; font-size:28px; line-height:100%; font-weight:bold; color:#222222; letter-spacing:-0.3px;}

.main_area3 {overflow:hidden; clear:both; width:100%; padding:60px 0 60px;}
.main_area3 h1 {overflow:hidden; clear:both; width:100%; text-align:center; margin:0 0 35px; font-size:28px; line-height:100%; font-weight:bold; color:#222222; letter-spacing:-0.3px;}
.main_area3 h2 {overflow:hidden; clear:both; width:100%; text-align:center; margin:25px 0 25px; padding-top:40px; font-size:22px; line-height:100%; font-weight:bold; color:#222222; letter-spacing:-0.3px; border-top:1px solid #e7e7e7;}
.main_area3 .area1 {overflow:hidden; clear:both; width:100%;}
.main_area3 .area1 li {float:left; margin:0 7px 10px 0; padding:13px 13px 13px 13px; font-size:15px; line-height:100%; font-weight:bold; color:#545473; background:#e9ebed; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer;}
.main_area3 .area1 li:hover {color:#ffffff; background:#1a7deb;}
.main_area3 .area1 li:last-child {margin-right:0;}
.main_area3 .area2 {padding-top:40px; margin-top:30px; border-top:1px solid #e7e7e7;}
.main_area3 .banner1 {overflow:hidden; clear:both; display:table; width:100%; height:100px; background-color:#ddeafa; background-image:url('/newhome/election/2019_election/img/banner_main1.png'), url('/newhome/election/2019_election/img/banner_main1a.png'); background-repeat:no-repeat, no-repeat; background-position:right center, right center; background-size:auto auto, contain; cursor:pointer;}
.main_area3 .banner1 p {display:table-cell; vertical-align:middle; margin-left:0; padding-left:50px; font-size:25px; line-height:140%; font-weight:bold; color:#0069ba; letter-spacing:-1px}
.main_area3 .banner1 p em {color:#444444;}



/* ������ ��Ÿ��  */
.main_thmb1 {overflow:hidden; clear:both; width:100%; text-align:center;}
.main_thmb1 ul li {display:inline-block; width:24%; text-align:center; margin-bottom:35px; cursor:pointer;}
.main_thmb1 ul li .thmb {overflow:hidden; width:200px; height:200px; margin:0 auto; border:1px solid #e5e5e5; background-repeat:no-repeat; background-position:center; background-size:cover; border:1px solid #eeeeee; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px;}
.main_thmb1 ul li:hover .thmb {border:1px solid #ffcb08;}
.main_thmb1 ul li p {width:100%; text-align:center; margin-top:18px; padding:0; font-size:18px; line-height:100%; cursor:pointer;}






/*************************************************** ������ �ҽ� ***************************************************/



/* ���� ���� */	
.wd0_trans {width:100%;}
.wd1_trans {width:100%;}
.wd2_trans {clear:both; width:1190px; margin:0 auto;}

.hide_mo,
.hide_mo1,
.hide_mo2 {}
.hide_pc,
.hide_pc1,
.hide_pc2 {display:none;}



@media (min-width:0px) and (max-width:1190px){

/* ���� ���� */	
.wd0_trans {width:100%;}
.wd1_trans {width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); padding:0 10px 0 10px;}
.wd2_trans {width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); padding:0 10px 0 10px;}

.hide_mo {display:none;}
.hide_pc {display:inline;}

.canvas_main1 {height:270px;}

.main_area1 {margin-top:-28px;}
.main_area1 > ul > li {width:300px; padding:15px 0 13px; font-size:16px;}
.main_area1 > ul > li img {margin-top:-4px; height:29px;}

.main_area2 {padding:70px 0 25px;}
.main_area2 h1 {margin-bottom:30px; font-size:25px;}

.main_area3 {padding:50px 0 50px;}
.main_area3 h1 {margin:0 0 30px; font-size:25px;}
.main_area3 h2 {margin:25px 0 25px; padding-top:35px; font-size:20px;}
.main_area3 .area1 li {padding:13px; font-size:15px;}
.main_area3 .area2 {padding-top:40px; margin-top:30px;}
.main_area3 .banner1 {height:85px; background-image:url('/newhome/election/2019_election/img/banner_main1.png'), url('/newhome/election/2019_election/img/banner_main1b.png'); background-size:auto auto, contain;}
.main_area3 .banner1 p { padding-left:20px; font-size:22px; line-height:140%;}

.main_thmb1 ul li {width:25%; margin-bottom:30px;}
.main_thmb1 ul li .thmb {width:160px; height:160px;}
.main_thmb1 ul li p {margin-top:17px; font-size:17px;}

}


@media (min-width:0px) and (max-width:910px){

/* ���� ���� */	
.wd0_trans {width:100%;}
.wd1_trans {width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); padding:0 10px 0 10px;}
.wd2_trans {width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); padding:0 10px 0 10px;}

.hide_mo {display:none;}
.hide_pc {display:inline;}

.canvas_main1 {height:270px;}

.main_area1 {margin-top:-28px;}
.main_area1 > ul > li {width:300px; padding:15px 0 13px; font-size:16px;}
.main_area1 > ul > li img {margin-top:-4px; height:29px;}

.main_area2 {padding:105px 0 25px;}
.main_area2 h1 {margin-bottom:30px; font-size:25px;}

.main_area3 {padding:50px 0 50px;}
.main_area3 h1 {margin:0 0 30px; font-size:25px;}
.main_area3 h2 {margin:25px 0 25px; padding-top:35px; font-size:20px;}
.main_area3 .area1 li {padding:13px; font-size:15px;}
.main_area3 .area2 {padding-top:40px; margin-top:30px;}
.main_area3 .banner1 {height:85px; background-image:url('/newhome/election/2019_election/img/banner_main1.png'), url('/newhome/election/2019_election/img/banner_main1b.png'); background-size:auto auto, contain;}
.main_area3 .banner1 p { padding-left:20px; font-size:22px; line-height:140%;}

.main_thmb1 ul li {width:25%; margin-bottom:30px;}
.main_thmb1 ul li .thmb {width:160px; height:160px;}
.main_thmb1 ul li p {margin-top:17px; font-size:17px;}

}


@media (min-width:0px) and (max-width:768px){

/* ���� ���� */	
.hide_mo1 {display:none;}
.hide_pc1 {display:inline;}

body,input,textarea,select,button,table {font-size:13px; line-height:20px; letter-spacing:0px;}

.top_area1 .fl {padding:13px 0 15px;}
.top_area1 .fl img {height:40px;}
.top_area1 .fr {padding:23px 0 0;}
.top_area1 .fr .btn1 {height:28px; padding:0 11px; font-size:13px; line-height:28px;}

.canvas_main1 {height:150px;}

.main_area1 {margin-top:-15px;}
.main_area1 > ul > li {width:220px; padding:10px 0 7px; font-size:15px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); 
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); 
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.main_area1 > ul > li img {margin:-2px 7px 0 0; height:21px;}

.main_area2 {padding:80px 0 20px;}
.main_area2 h1 {margin-bottom:25px; font-size:23px;}

.main_area3 {padding:40px 0 40px;}
.main_area3 h1 {margin:0 0 25px; font-size:23px;}
.main_area3 h2 {margin:25px 0 15px; padding-top:30px; font-size:18px;}
.main_area3 .area1 li {padding:10px; font-size:14px;}
.main_area3 .area2 {padding-top:30px; margin-top:20px;}
.main_area3 .banner1 {height:70px; background-image:url('/newhome/election/2019_election/img/banner_main1.png'), url('/newhome/election/2019_election/img/banner_main1c.png'); background-size:auto auto, contain;}
.main_area3 .banner1 p { padding-left:12px; font-size:18px;}

.main_thmb1 ul li {width:32%; margin-bottom:25px;}
.main_thmb1 ul li .thmb {width:140px; height:140px;}
.main_thmb1 ul li p {margin-top:15px; font-size:16px;}

.footer_layer1 {padding:17px 0 25px;}

}


@media (min-width:0) and (max-width:479px){

/* ���� ���� */	
.hide_mo2 {display:none;}
.hide_pc2 {display:inline;}

.top_area1 .fl {padding:10px 0 12px;}
.top_area1 .fl img {height:35px;}
.top_area1 .fr {padding:19px 0 0;}
.top_area1 .fr .btn1 {height:26px; padding:0 10px; font-size:13px; line-height:26px;}

.canvas_main1 {height:120px;}

.main_area1 {margin-top:-10px;}
.main_area1 > ul > li {width:163px; padding:8px 0 7px; font-size:14px; letter-spacing:-1px;}
.main_area1 > ul > li img {margin:-2px 5px 0 0; height:18px;}

.main_area2 {padding:80px 0 15px;}
.main_area2 h1 {margin-bottom:20px; font-size:20px;}

.main_area3 {padding:30px 0 30px;}
.main_area3 h1 {margin:0 0 20px; font-size:20px;}
.main_area3 h2 {margin:20px 0 12px; padding-top:20px; font-size:15px;}
.main_area3 .area2 {padding-top:20px; margin-top:10px;}
.main_area3 .banner1 {height:60px; background-image:url('/newhome/election/2019_election/img/banner_main1.png'), url('/newhome/election/2019_election/img/banner_main1d.png'); background-size:auto auto, contain;}
.main_area3 .banner1 p { padding-left:12px; font-size:15px;}

.main_thmb1 ul li {width:49%; margin-bottom:20px;}
.main_thmb1 ul li .thmb {width:140px; height:140px;}
.main_thmb1 ul li p {margin-top:12px; font-size:14px;}

.footer_layer1 {padding:17px 0 25px;}

}