@charset "utf-8";
span.block { display: block; }

/* guide */
.guide .code_box { display: block; margin: 20px 0; padding: 10px; border: 1px solid #ccc; }
.guide textarea { width: 100%; height: 160px; border: 0 none; }

/* guide */
.code_box { display: block; padding: 10px; border: 1px solid #ccc; }
.code_box textarea { width: 100%; height: 160px; border: 0 none; }

/* input */
.chk, .radio { display: inline-block; margin-right: 5px; width: 11px; height: 11px; vertical-align: middle; }
.inp01 { display: inline-block; *display: inline; *zoom: 1; height: 20px; border: 1px solid #c3c5ca; border-right: 1px solid #e5e7ef; border-bottom: 1px solid #e5e7ef; overflow: hidden; vertical-align: middle; background: #f4f4f4; }
.inp01 input { padding: 0 1% 0 0; width: 99%; height: 20px; color: #333; line-height: 20px; border: 0 none; vertical-align: top; background: none; }

/* brn_more */
.btn_more { display: block; width: 11px; height: 11px; line-height: 0; font-size: 0; text-indent: -10000px; background: url('../images/button/btn_more01.png') 0 0 no-repeat; overflow: hidden; }
.btn_more02 { display: block; width: 13px; height: 13px; line-height: 0; font-size: 0; text-indent: -10000px; background: url('../images/button/btn_more02.png') 0 0 no-repeat; overflow: hidden; }
.btn_more03 { display: inline-block; padding: 0 14px 0 32px; height: 27px; color: #fff; line-height: 25px; font-size: 12px; font-weight: bold; background: #40628f url('../images/icon/detail01.png') 13px 7px no-repeat; overflow: hidden; }
.btn_good { display: inline-block; padding: 0 0 0 25px; height: 26px; line-height: 26px; font-size: 15px; font-weight: bold; background: url('../images/button/btn_good_l.png') 0 0 no-repeat; overflow: hidden; }
.btn_good span { display: inline-block; padding: 0 9px 0 0; height: 26px; font-size: 14px; line-height: 24px; background: url('../images/button/btn_good_r.png') right 0 no-repeat; vertical-align: top; }

/* btn_close */
.btn_close{ display: block; width: 21px; height: 21px; font-size: 0; line-height: 0; text-indent: -10000px; background: url('../images/button/btn_close01.png') 0 0 no-repeat; }
.btn_close02 { display: block; width: 17px; height: 17px; line-height: 0; font-size: 0; text-indent: -10000px; background: url('../images/button/btn_close02.png') 0 0 no-repeat; overflow: hidden; }

/* title_type */
.tit01 { margin-bottom: 25px; color: #386bc4; line-height: 25px; font-size: 20px; font-weight: normal; }
.tit02 { margin-bottom: 15px; color: #386bc4; line-height: 16px; font-size: 14px; font-weight: bold; }

/* tab_type */
.tab01 { margin-bottom: 20px; *zoom: 1; }
.tab01:after { content:""; display: block; clear: both; }
.tab01 li { padding-bottom: 7px; width: 20%; float: left; }
.tab01 li a { display: block; margin-left: 1px; padding: 8px 0; color: #757575; line-height: 18px; font-size: 16px; font-weight: bold; border-bottom: 6px solid #eaeaea; text-align: center; }
.tab01 li.on { background: url('../images/bullet/arrow03.png') center bottom no-repeat;}
.tab01 li.on a { color: #333; border-color: #386bc4; }

.content_body > p:first-child { color: #333; font-size: 16px; line-height: 25px; }


@media screen and (max-width: 1024px) {
/*아이패드 가로*/
}

@media screen and (max-width: 959px) {
	.tit01 { margin-bottom: 15px; color: #386bc4; line-height: 25px; font-size: 20px; font-weight: normal; }
	span.block { display: inline; }
	/* tab_type */
	.tab01 { position: relative; left: 2px; }
	.tab01 li { position: relative; margin-left: -1px; margin-bottom: -1px; padding-bottom: 0px; width: 50% !important; }
	.tab01 li a { margin-left: 0; padding: 5px 0; color: #757575; line-height: 16px; font-size: 14px; font-weight: bold; border: 1px solid #c2c2c2; }
	.tab01 li.on { background: none; z-index: 1; }
	.tab01 li.on a { color: #fff; border-color: #284b8a; background:#3564b6; }

}


@media screen and (max-width: 610px) {

}

@media screen and (max-width: 450px) {



}


/* ie7 8*/

.res960 .tit01 { margin-bottom: 15px; color: #386bc4; line-height: 25px; font-size: 20px; font-weight: normal; }
.res960 span.block { display: inline; }

/* tab_type */
.res960 .tab01 { position: relative; left: 2px; }
.res960 .tab01 li { position: relative; margin-left: -1px; margin-bottom: -1px; padding-bottom: 0px; width: 50% !important; }
.res960 .tab01 li a { margin-left: 0; padding: 5px 0; color: #757575; line-height: 16px; font-size: 14px; font-weight: bold; border: 1px solid #c2c2c2; }
.res960 .tab01 li.on { background: none; z-index: 1; }
.res960 .tab01 li.on a { color: #fff; border-color: #284b8a; background:#3564b6; }