@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
.mvisual li{line-height:0}
.mvisual li img{width:100%;}
.text_box{border-top:1px dashed #ddd;margin-top:10px;font-size:11px;padding-top:8px;}

#container .box0{overflow:hidden;margin-top:10px;padding:20px;background:#fff}
#container .box0_board{overflow:hidden;margin-top:10px;padding:10px 20px;background:#fff}
#container .box0_board .board_txt{ width: 100%; height: 21px; display: block;}
#container .box0_board .board_txt p{ float: left;}
#container .box0_board .board_txt a{ float: right;}
#container .box0_board .board_txt a img{ width: 21px; }

#container .box1{overflow:hidden;margin-top:10px;padding:10px 0;background:#fff;}
#container .box1 .quick_list_01{margin:0 auto;width:75%;}
#container .box1 .quick_list_01,#container .box .quick_list_02{overflow:hidden;}
#container .box1 .quick_list_01 li{float:left;width:33.3%;text-align:center;}
#container .box1 .quick_list_02 li{float:left;width:25%;text-align:center;}
#container .box1 ul li a{display:block;padding:10px 0}
#container .box1 ul li a .title{font-size:12px;}
#container .box1 ul li a .thumbnail{overflow:hidden;}
#container .box1 ul li a .thumbnail img{width:80px;height:80px;border-radius:40px;}

#container .box2{overflow:hidden;padding:0;background:#fff;}

#container .box4{overflow:hidden;margin-top:10px;padding:0;background:#fff;}
#container .left{position:relative;float:left;width:50%;text-align:center;}
#container .right{position:relative;float:right;width:50%;text-align:center;}
#container .left img{width:100%;vertical-align:middle;}
#container .right img{width:100%;vertical-align:middle;}

#container .box3{overflow:hidden;margin-top:10px;background:#fff;}
#container .box3 a{ display: block; width: 100%; font-size: 0; line-height: 0; }

#container .box5{overflow:hidden;padding:0;background:#fff;margin-top:10px;}
#container .box5 a{ display: block; width: 33.33%; float: left; line-height: 0px; font-size:0px; }

#container .square_title{padding:10px;position: relative;}
#container .square_title .spot{width:60px;height:60px;background:#2d508a;border-radius:30px;text-align:center;line-height:60px;font-size:10px;font-weight:900;color:#fff;position:absolute;top:-30px;right:20px;}

#container .square_thumb_main{height:0px;padding-bottom:50%;overflow:hidden;position:relative;}
#container .square_thumb_main img{width:100%;vertical-align:middle;}
#container .square_thumb_main .thumb_img{position:absolute;top:50%;left:50%;}

#container .square_thumb{height:0px;padding-bottom:34%;overflow:hidden;}
#container .square_thumb img{width:100%;vertical-align:middle;}
#container .square_thumb .thumb_img{position:absolute;top:50%;left:50%;}

#container .square_link{overflow:hidden;}
#container .square_link li{float:left;width:50%;}
#container .square_link li a{display:block;height:46px;border-right:1px solid #ddd;line-height:43px;text-indent:20px;background:url(/m/images/ico_arrow.gif) no-repeat 90% center;}
#container .square_link li a.even{border-right:0;}
#container .square_link li a.top{border-bottom:1px solid #ddd;}


#container .square_link2{overflow:hidden;}
#container .square_link2 li{float:left;width:50%; text-align:center;}
#container .square_link2 li a{display:block;height:96px;border-right:1px solid #ddd;line-height:30px;padding:20px;text-align:center;}
#container .square_link2 li a .icon{width:60px;height:60px;border-radius:30px;text-align:center; line-height: 60px; display:inline-block;font-size:30px;background:#0066b1;color:white;}
#container .square_link2 li a.even{border-right:0;}
#container .square_link2 li a.top{border-bottom:1px solid #ddd;}



.margin{margin:30px;}
.abbox{position:absolute;top:50%;left:50%;margin-top:-27px;margin-left:-60px;width:120px;height:54px;text-align:center;line-height:18px;padding-left:15px;}

.latest_board li{overflow:hidden;padding-top:10px;}
.latest_board li a{ font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}
.latest_board li span{font-size:12px;float:right;}

.swiper-container{width:320px;height:140px;}


.swiper-container .swiper-wrapper .swiper-slide{width:120px!important;}
.swiper-container .swiper-wrapper .swiper-slide a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120px;text-align:center;position:relative;height:120px;}
.swiper-container .swiper-wrapper .swiper-slide a img{width:100%;vertical-align:middle;}
.contents{font-size:13px;letter-spacing:-0.5px; line-height: 18px;}
.contents .click{ width: 100%; height: 28px; font-size: 14px; color: #fff; background-color: #164789; display: block; text-align: center; line-height: 28px; margin: 10px 0 20px 0;}


.contents{padding:5px 0;font-weight:300;}
.contents .small_font{font-size:11px;font-weight:300;color:#666;}
.contents h3{font-size:16px;color:#666;font-weight:300;}
.contents h3 strong{color:#0066b1;}
.contents .con_box{padding:15px;border:1px solid #eee;margin-top:10px;border-radius:3px}
.contents .con_box .promise{font-size:14px;display:block;color:#666;font-weight:300;}
.contents .con_box .promise strong{color:#0066b1;}
.contents .con_box .con_pro{font-size:12px;display:block;margin-top:5px;}
.contents .point{font-size:18px;display:block;width:54px;height:54px;text-align:center;background:#cccccc;border-radius:27px;color:#fff;font-weight:300;line-height:54px;font-family: 'Roboto', sans-serif;}
.contents .con_box .t_title{line-height:1em;vertical-align:top;padding-bottom:10px;border-bottom:1px solid #eee;font-size:14px;}
.contents .con_box .t_title span{ width: 10px; height: 10px; display: inline-block; background:#0066b1; vertical-align:baseline; margin-right: 5px; border-radius: 5px;  }
.contents .con_box .t_con{font-size:12px;padding-top:8px;}
.contents .lobster{font-family: 'Lobster', cursive;font-weight:normal;}
.contents .table1{border-collapse:collapse;margin-top:20px;}
.contents .table1 .title{background:#428a96;font-weight:100;color:#fff;font-size:18px;padding:25px 0;text-align:left;text-indent:20px}
.contents .table1 .sub_title{background:#64acb8;font-weight:300;color:#fff;padding:10px 0;font-size:11px;text-align:left;text-indent:20px}
.contents .table1 tr td{border-bottom:1px solid #eee;background:#fff;padding:10px;font-size:11px;}
.contents .table1 tr th{border-bottom:1px solid #eee;background:#f5f7f9;padding:10px;font-size:11px;text-align:center;}
.ceo{text-align: right;}
/*피씨스타일*/
.contents h4{font-size:15px;font-weight:500;}
.contents h4 span{background: url("/images/point.gif");display:inline-block;width:12px;height:12px;margin:0 5px -1px 0;}

.tb02 {border:1px solid #eee;background:#fff;text-align: center;}
.tb02 td{padding:10px;font-size:12px;color:#666;border:1px solid #eee;}
.tb02 th{padding:10px;font-size:12px;background:#f7f8f9;font-weight:500;color:#333;border:1px solid #eee;}

.width_big{width:auto!important;position:absolute;left:50%;height:100%!important;}
.height_big{position:absolute;left:0;}





@media screen and (max-width:359px){
	#container .box1 ul li a .thumbnail img{width:70px;height:70px;border-radius:35px;}
	.margin{margin:20px;}
	.abbox{padding-left:10px;}
}

  @media screen and (max-width:414px){
    .swiper-container{width:374px;}
  }
  @media screen and (max-width:375px){
    .swiper-container{width:335px;}
  }
  @media screen and (max-width:360px){
    .swiper-container{width:320px;}
  }
   @media screen and (max-width:320px){
    .swiper-container{width:280px;}
  }

.table2 {width:100%;border-top:2px solid #333;background:#fff;margin-top:10px; border-collapse: collapse;}
.table2 td{padding:10px;font-size:14px;color:#666;border-bottom:1px solid #e5e5e5; letter-spacing:-1px;}
.table2 th{background:#fafafa;font-weight:bold;color:#333;text-align:center;border-bottom:1px solid #e5e5e5; letter-spacing:-1px;}

.table3 {width:100%;border-top:1px solid #e5e5e5;background:#fff;border-collapse: collapse;}
.table3 td{padding:10px;font-size:14px;color:#666;border-bottom:1px solid #e5e5e5; }
.table3 th{padding:10px;background:#fafafa;font-weight:bold;color:#333;text-align:center;border:1px solid #e5e5e5;}