@charset "utf-8";
body {background:#f0f0f0; font-family:NanumBarunGothic; background:#fff; max-width:800px; margin:0 auto;  word-break:keep-all}
#wrapper{position:relative; min-width:320px;}

header{position:relative;height:60px; background:#fff}
header .logo{text-align:center; padding:13px 0 0 0}
header .logo img {height:35px; padding:0 6px 0 0}
header .left_menu img {height:18px;}
header .left_menu {position:absolute; top:18px; left:15px}
header .right_call img {height:45px;}
header .right_call {position:absolute; top:8px; right:8px}

.curtain_bg {display: none;  position: absolute;  left: 0;  top: 0;  width: 100%; height: 3000px; background: url(../images/common/curtain_bg.png) repeat; z-index: 16;}

#lnb_left {  position:fixed; left:-270px;  top:0; width:270px; background-color:#fff;  overflow:auto; z-index:999; display:inline-block}
#lnb_left ul li a { display:block; padding:13px 10px; font-size:15px;  font-family: 'NanumBarunGothic';}


#left_menu_box {width:100%; background:#1284bf;}
#left_menu_box .close { padding:10px 15px; display:inline-block; width:100%; box-sizing:border-box;}
#left_menu_box .close a {color:#fff; font-size:16px; padding:10px 0 10px 48px; background:url('../images/common/left_close.png') no-repeat 10px center; display:inline-block}
#left_menu_box ul {padding:0; display:block;}
#left_menu_box ul li {float:left; width:270px; border-bottom:1px solid #ddeff8; background:#fff;}
#left_menu_box ul li a {width:100%; float:left;  padding:12px 25px 10px 25px; background:url('../images/common/left_li_off.png') no-repeat right center; box-sizing:border-box;  font-size:15px; color:#000  }	 
#left_menu_box ul li.on a { background:url('../images/common/left_li_on.png') no-repeat right center; color:#2ba7e7 }	 
#left_menu_box ul li.on ul {display:block}

#left_menu_box ul ul {width:100%; float:left; background:#1284bf; padding:15px 0 15px 10px; box-sizing:border-box; display:none  } 
#left_menu_box ul ul li {float:left; border:none; width:100%; background:none; padding:1px 0}
#left_menu_box ul li.on ul li a {width:100%; float:left; padding:0 0 0 20px; font-size:12px; color:#fff; box-sizing:border-box;  background:url('../images/common/left_li_li_bg.gif') no-repeat 10px center;}

#left_menu_box .btn {width:100%; display:inline-block}
#left_menu_box .btn a {    display: inline-block;	width:50%;	box-sizing:border-box;    padding: 13px 0 9px; font-size:14px; text-align:center; color:#fff;    background-color: #4cb5eb;}
#left_menu_box .left_btn {    border-right: #1284bf solid 1px;  }
#left_menu_box .right_btn {    }
#left_menu_box .phone {color:#fff; padding:20px 0 10px 60px; background:url('../images/common/left_phone.png') no-repeat 15px 20px; background-size:35px}
#left_menu_box .phone span {color:#fff}


.sns li {display:inline-block; margin:2px 2px 10px}
.sns li img {width:36px}
             
footer {background:#dcdcdc; text-align:center; color:#616161}
footer .foot_sns {width:100%; display:inline-block; margin:0 0 10px 0}
footer .foot_sns img {width:30px;}
footer .btn {background:#13a2ec; width:100%; display:inline-block; }
footer .btn li {width:50%;  float:left; text-align:center}
footer .btn li a {padding:8px 0; color:#fff; display:inline-block;}
footer .copy {padding:10px 0 5px 0}
footer strong {font-size:14px}


.pd_box {padding:0 15px; width:100%; box-sizing:border-box;}
.text_center {text-align:center;}
#contents {min-height:200px;}

#contents h2 { width: auto; height: auto; margin: 0.75em 0 0.5em; padding: 8px 0 5px 26px; background: url('../images/sub/h2_bg.gif') no-repeat left top; color: #000; font-weight: bold; font-size: 1.25em; text-align: left; letter-spacing: -1px; line-height: 1.25; }
#contents h3 { width: auto; height: auto; margin: 1em 0; padding: 0 0 0 27px; background: url('../images/sub/h3_bg.gif') no-repeat 5px 1px; color: #333; font-weight: bold; font-size: 1em; text-align: left; letter-spacing: 0; line-height: 1.25; }

/* Tag목록(List) */
#contents ul.bu { margin: 0; padding: 0 0 0.5em 1em; list-style: none; text-align: left; }
#contents td ul.bu { padding: 0; } /* 테이블 안에서 정렬 */
#contents ul.bu li { margin: 0; padding: 3px 0 0 20px; list-style: none; background: url('../images/sub/li_bg.gif') no-repeat 1px 3px; color:#5f5f5f; }
#contents ul.bu li.nobg { margin: 0; padding: 0 0 0 1.2em; list-style: none; background: url() no-repeat ; }
#contents ul.bu ul 
#contents ul.bu ul li { background: url('../images/sub/bu_li2.gif') no-repeat 0 0.2em; }
#contents ul.bu ul ul li { background: url('../images/sub/bu_li3.gif') no-repeat 0 0.2em; }
#contents ul.bu ul ul ul li { background: url('../images/sub/bu_li4.gif') no-repeat 0 0.2em; }
#contents ul.bu ul, ul.bu ul ul, ul.bu ul ul ul { margin: 0; padding: 0 0 0.5em 0; }
/* 내용 박스 */
#contents div.box_1 {width:698px; padding:14px 15px; margin:5px 15px 10px; border:1px solid #d6d6d6; display:inline-block}
#contents div.box_2 {width:698px; padding:14px 15px; margin:5px 15px 10px; border:1px solid #d6d6d6; display:inline-block; background:#f5f5f5}
#contents div.box0 { border: 1px solid #ddd; padding: 0;  }
#contents div.box1 { border: 4px solid #f7f7f7; padding: 9px 12px 9px; }

.margin_t_20 {margin:20px 0 0 0}

img, input {vertical-align:middle}

/* 공통 */
.clearfix:after {display:block;clear:both;content:".";visibility:hidden;height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

.both {clear:both;}
.hide {display:none;}
.skip {position:absolute;overflow:hidden;height:0;width:0;font-size:0;visibility:hidden;}
.image {vertical-align:top;}

.al{text-align:left !important;}
.ar{text-align:right !important;}
.ac{text-align:center !important;}
.NG{font-family:Malgun Gothic,ng,Dotum,'돋움','굴림',Gulim,Helvetica,sans-serif;*font-size:small;*font:x-small;-webkit-text-size-adjust:none;}


@font-face {
 font-family: 'NanumBarunGothic';
 src: url(NanumBarunGothic.eot);
 src: url(NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
      url(NanumBarunGothic.woff) format('woff'),
      url(NanumBarunGothic.ttf) format('truetype');
}


@font-face {
 font-family: 'NanumMyeongjo';
 src: url(NanumMyeongjo.eot);
 src: url(NanumMyeongjo.eot?#iefix) format('embedded-opentype'),
      url(NanumMyeongjo.woff) format('woff'),
      url(NanumMyeongjo.ttf) format('truetype');
}


/* 공통 */