@charset "utf-8";

.subp_h1{float:left; cursor:pointer; width:640px; ; padding-top:15px; z-index:9999;  margin:auto;}
.subp_h1 li{float:left; color:#FFF; padding:3px 3px 15px 10px; margin:auto; font-family:'NanumBarunGothic', 'malgun gothic', 'dotum';  font-size:16px; text-align:center; line-height:150%;}
.subp_h1 a{background:#db4d5d;  color:#FFF; padding:7px 10px 7px 10px;}

.subp_h2{float:left; cursor:pointer; width:640px; ; padding-top:15px; z-index:9999;  margin:auto;}
.subp_h2 li{float:left; color:#FFF; padding:3px 3px 15px 10px; margin:auto; font-family:'NanumBarunGothic', 'malgun gothic', 'dotum';  font-size:16px; text-align:center; line-height:150%;}
.subp_h2 a{background:#69b2de;  color:#FFF; padding:7px 10px 7px 10px;}

*{margin:0;padding:0;font-family:'NanumBarunGothic', 'malgun gothic', 'dotum'; -webkit-text-size-adjust:none}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup
{
	font-family:'NanumBarunGothic', 'malgun gothic', 'dotum'; 
	padding:0;
	margin:0;
	font-size: 15px;
	line-height:150%;
}

div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, 
form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0; }

table{ border-collapse:collapse; border-spacing:0; }

ol, ul, li{ list-style:none; }

h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }

form, fieldset, a img{ border:0; }

q:before,q:after { content:''; }

abbr,acronym { border:0; }

address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }

blockquote, q{ quotes:none; }

.accessibility, .skip, legend
{ position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
caption{ display:none; }

.null{ font-size:0; line-height:0; }

a img, input, textarea, select, img{ vertical-align:middle; }


time, progress, mark, output { display:inline; }


.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }

a {text-decoration:none;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }

input{font-family:'NanumBarunGothic', 'malgun gothic', 'dotum'; color:#000; vertical-align:middle; }
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }

@charset "utf-8";
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css)
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); /* font-family: 'Nanum Gothic', sans-serif; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); /* font-family: 'Nanum Brush Script', cursive; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); /* font-family: 'Nanum Gothic Coding', monospace; */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /* font-family: 'Nanum Myeongjo', serif; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css); /* font-family: 'Nanum Pen Script', cursive; */
@font-face {
    font-family: NanumBarunGothic;
    src: url('http://www.dsclinics.com/font/NanumBarunGothic.eot'); /* IE 4-8 */
    src: url('http://www.dsclinics.com/font/NanumBarunGothic.eot?') format('eot'), /* IE 9 */
         url('http://www.dsclinics.com/font/NanumBarunGothic.woff') format('woff'); /* IE 9, Firefox 3.6+, Chrome 6+ */
}
.text_h1{padding-left:20px; font-size:20px; line-height:250%; font-family:'NanumBarunGothic', 'malgun gothic', 'dotum'; color:#333;}
.text_h2{padding-right:20px;font-size:16px; line-height:350%; font-family:'NanumBarunGothic', 'malgun gothic', 'dotum'; color:#999;}

/*------------------------------------------------------------------------------------------------------------*/






.red {color:#ff0000;}
.blue {color:#0078c6;}
.gold {color:#754d18;}

.dark_grey {color:#4e4e4e;}
.dark_blue {color:#2b3b5f;}
.bright_purple {color:#8b81df;}
.scarlet {color:#d17379;}
.bright_yellow {color:#feff91;}
.seperater {color:#dadada;margin:0 7px;}

body{ margin:0; padding:0; position:relative;overflow-x:hidden;}
 
#document{ width:100%;margin:0 auto;}

/* 전체메뉴 */
#total_menu {width:640px;height:909px;position:absolute;top:103px;left:50%;margin-left:-320px;z-index:9999999;display:none;}
.total_wrap {padding:25px 35px 35px 35px; height:800px;background:#3d3d3d;}

.total_box {position:relative;margin:20px 0 10px 0;font-size:0;vertical-align:top;}
.total_box strong {position:absolute;top:7px; font-family:'NanumBarunGothic', 'malgun gothic', 'dotum';  font-size:18px;color:#fff;}
.total_box ul {width:550px;margin-left:25px; margin-top:5px;}
.total_box ul li {display:inline-block; padding:10px 10px 2px 15px; padding-left:5px; }
.total_box ul li a {font-family:'NanumBarunGothic', 'malgun gothic', 'dotum'; font-size:15px; color:#fff;letter-spacing:-1px;}

.total_line {width:100%;height:1px;border-top:1px solid #414141;background:#dfdfdf;}
.total_box ul li >.sitemap_h{width:100%; height:20px; display:inline-block;}

/* 헤더 */
#head_wrap {width:100%;height:170px;border-top:6px solid #333; border-bottom:1px solid #5a5a5a;overflow:hidden; background-color:#FFF;}

#head_logo {width:640px;height:112px;position:relative;margin:0 auto; }
#head_logo p {position:absolute;top:31px;left:33px;height:20px;}
#head_logo ul {
	position:absolute;
	right:28px;
	top:19px;
}
#head_logo ul li {float:left;margin-right:9px;}

#head_nav {
	width:100%;
	height:100px;
	background:#e20265;
	background-image:url(../img/main/backline.png);
}
#head_nav ul {width:640px;margin:0 auto;}
#head_nav ul li {float:left;}

/* 푸터 */
#foot_db_wrap {
	width:100%;
	padding:20px 0;
	height:150px;
	background:#323232;
}
#foot_db {width:640px;margin:0 auto;font-size:0;overflow:hidden;text-align:center;}
#foot_db li {
	display:inline;
	margin-right:10px;
	color: rgb(255,255,255);
}
#mark-warp{
	width:100%;
	margin:0 auto;
	height:20px;	
}
#mark{color:#FFFF00;font-size:25px;
background-color:#333333;
	padding:5px 2px 2px 2px;;
	line-height:90%;

}
#pop_wrap{width:100%; max-width:640px; margin:auto;}
.pop {width:100%; marign:auto; max-width:640px;
border-top:#666 1px solid;}


#foot_menu_wrap {
	width:100%;
	height:118px;
	background:#262626;
}
#foot_menu {width:640px;margin:0 auto;font-size:0;}
#foot_logo{display:inline;}
#foot_menu li {float:left;}

#foot_addr_wrap {width:100%;height:221px;background:#FFF; border-top:1px solid #CCC; background-color:#6d6d6d;}
#foot_addr {width:640px;height:95px;padding:15px 0 0px 0px;margin:0 auto;text-align:left;}




.popup {position:absolute; top:70px; left:0; width:100%; z-index:10000;}
.popup img {max-width:100%;}
.popup .footer {overflow:hidden; padding:5px 0; font-size:12px; color:#fff; line-height:14px; background:#212121;}
.popup .footer * {vertical-align:middle;}
.popup a {color:#fff;}
.popup .f_left {float:left; padding-left:10px;}
.popup .f_right {float:right; padding-right:10px; line-height:18px;}

#popup1 {width:400px; top:244px;}
#popup2 {width:600px; top:640px;}