@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{
margin:0; padding:0;font-family: 'Nanum Gothic', serif;}
html,body{width:100%;height:100%;}
html{overflow-y:scroll;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;line-height:175%;}
body,h1,h2,h3,h4,h5,h6,input,textarea,select,option,th,td,button{font-size:11px;}
img,fieldset,iframe{border:0 none;}
table{border-collapse:collapse;}
ul, ol, li{list-style:none;}
address, em{font-style:normal;}
li a,li img, object{vertical-align:top;}
input, select, textarea, form img{vertical-align:middle;}
/* font */
body{color:#555; font-size:0.70em; font-family:Helvetica, Arial, sans-serif;}
input, select, textarea{color:#555; font-size:100%; font-family: Helvetica, Arial, sans-serif;}
/* anchor */
a{color:#757575;text-decoration:none;}
a:hover,a:focus{color:#000;text-decoration:none;}
/* skip */
legend, caption, hr, .skip{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

header{width:100%;background-color:#0066b3;position:relative;}
header h1{padding:10px 0 20px 0;}
header h1 img{padding-left:20px;}
header p.tg-mn{position:absolute;top:23px;right:20px;font-size:18px;vertical-align:middle;color:#fff;}
header p.tg-mn a{vertical-align:middle;display:inline-block;margin-left:10px;}

nav{width:100%;position:absolute;top:81px;left:0;background-color:#fff;z-index:100;}
nav ul li{text-align:center;font-size:15px;font-weight:bold;}
nav > ul > li > a{display:block;padding:15px;border-bottom:1px solid #ddd;background-color:#f6f6f6;}
nav ul .depth-2{display:none;}
nav ul .depth-2 li{padding:10px;font-size:13px;border-bottom:1px solid #ddd;}
nav ul .depth-2 li a{display:block;width:100%;}

footer{background-color:#333;padding-top:30px;padding-bottom:30px;}
footer .wp-f{margin-left:20px;margin-right:20px;overflow:hidden;}
footer .f-logo{float:left;width:20%;margin-right:2%;}
footer .f-logo img{width:100%;max-width:166px;}
footer .f-cont {width:65%;float:left;}
footer .f-cont p{color:#909fa8;font-size:12px;}
footer .f-cont p a { color:#909fa8}
footer .f-cont p.copy{color:#77a5c5;margin-top:10px;}
footer .ver-pc{float:right;}
footer .ver-pc a{display:block;padding:20px 10px;background-color:#434242;color:#fff;font-size:15px;font-weight:600;}

.ul-dot li{padding-left:20px;background:url('/m_design/default/images/ul-dot01.png') no-repeat 0 5px; font-size:14px;}

.main-visual {position:relative;}
.main-visual img{width:100%; }
.main-visual .telephone { position:absolute; right:20px; bottom:20px; font-size:14px; color:#f32626; font-weight:bold;}
.main > div{box-shadow:0px 0px 5px rgba(0,0,0,0.2);margin:3% 20px;}
.main .quick-li ul{font-size:0;overflow:hidden;}
.main .quick-li ul li {float:left;display:inline-block;width:33%;margin:3% 0;}
.main .quick-li ul li .circle{position:relative;box-sizing:border-box;width: 144px; height: 144px;border-radius: 72px;padding:20px; background-color: #70afdf;margin:0 auto;}
.main .quick-li ul li .circle a{position:absolute;width:100%;height:100%;top:0; left:0;}
.main .quick-li ul li p{text-align:center;color:#fff;margin:5px 0;font-size:18px;font-weight:600;}
.main .notice{padding:20px;position:relative;}
.main .notice h2{font-size:16px;font-weight:600;margin-bottom:20px;}
.main .notice .more{position:absolute;top:20px;right:20px;padding-left:16px;background:url('/m_design/default/images/i-more.png') no-repeat 0 4px;font-size:14px;}
.main .notice ul li{position:relative;padding-bottom:20px; padding-right:70px;}
.main .notice ul li a{display:block;width:100%;white-space: nowrap; word-wrap: normal;overflow: hidden}
.main .notice ul li span{position:absolute;right:0;top:0;}
.main .notice ul li.last{padding-bottom:0;}


/* ¼­ºêÆäÀÌÁö */
.sub .content{margin:0 20px 20px 20px; position:relative;}
.sub h2{font-size:18px;font-weight:600;margin:20px 0;}
.sub .sub-tit {font-size:16px;margin-bottom:10px; font-weight:bold; color:#e8920b;}

.sub .subvisual > img{width:100%; margin:0 0 20px 0;}

.sub .cont {overflow:hidden;}
.sub .cont0101 img {float:left; margin-right:10px;margin-bottom:10px;}
.sub .cont0101 p {font-size:13px; }
.sub .cont0103 {text-align:center;}

.sub .cont0102 > img { width:100%; }


.sub .prod .order { margin:10px 0;} 
.sub .prod .order .tit { font-weight:bold; color:#e8920b; margin:5px 0;} 
.sub .prod .sub-tit { border-top:1px solid #ddd; padding:15px 0 0 0;}
.sub .prod dl.duty { border-bottom:1px solid #ddd; padding:10px 0px;}

.sub .indent { margin:0 0 0 10px; }

.area_tb { width:100%; border-top:2px solid #666;}
.area_tb tr th,
.area_tb tr td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; padding:5px 0;}
.area_tb tr td:last-child,
.area_tb tr th:last-child { border-right:none;}
.area_tb tr th { background:#EAF0F2;}


/*°øÁö»çÇ×*/
.notice_th td { font-weight:bold;  padding:5px 0; border-bottom:1px solid #ddd;}
.notice_td td { padding:5px; margin:0 0 20px 0; }