@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {overflow:visible;border:0 none;background-color:transparent;cursor:pointer;vertical-align:top;}
body {background:#42464d}
body,th,td,input,select,textarea,button {font-size:13px;line-height:1.5;font-family:'NanumGothic', '맑은고딕', 'MalgunGothic', '돋움', dotum, sans-serif;color:#555;}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:underline}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
img,iframe {vertical-align:top;}
textarea {resize:vertical;}
.skip	{ display: none; }
.clearfloat		{clear:both; display:block; float:none; font-size:0 !important; height:0; line-height:0 !important; margin:0 !important; padding:0 !important; width:100%; overflow:hidden;}

html,body {height:100%; }
.wrap {height:100%; }
#header	{ width:100%; height:104px; background:#fff; border-bottom:3px solid #01a1df }
#header div	{ margin:0 auto; width:1080px; height:107px; }
#header h1 { float:left; padding-top:29px;}
#header p { float:right; padding-top:45px;}

.footer { clear:both; text-align:center ; background:#2d97c1; width:100%; height:100px; overflow:hidden }
.footer img {padding-top:33px}

#container {background:#42464d ; width:100%; margin:0 0 auto 0; }
#container .Gallery {width:1080px; margin:76px auto 80px ;  position:relative;}
#container .Gallery .picbox {float:left}
#container .Gallery .box {border:4px solid #40474d ; float:left}
#container .Gallery a:hover .box {border:4px solid #1ec0fe; width:240px}

#container .picbox_comment {width:240px; height:67px; background:#575a61;}
#container .picbox_comment .left {float:left; color:#e7e7e7; padding:20px 0 0 22px}
#container .picbox_comment .left span {font-size:14px; font-weight:600 ;}
#container .picbox_comment .right {float:right; padding:15px 10px 0 0;}
.ic_group {position:absolute; top:-4px; right:18px}

/* popup */
.on{position:fixed; width:100%; height:100%;    z-index:9000;   left:0;  top:0;}
#mask {  position:absolute; width:100%; height:100%;    z-index:9000;    background-color:#000;    display:none;    left:0;  top:0;  opacity:0.7; filter:alpha(opacity=70);} 
.window{ display: none;  position:absolute;  z-index:10000; /*left:50%; top:50%; margin:-350px 0 0 -717px;*/width: 100%; height: 920px;  }
.clickmedi_box{width: 1535px; height: 920px; margin:0 auto }

.clickmedi_pc_mobile { width: 1535px; height: 920px; }
.clickmedi_pc {width:1255px; height:840px; background: url(../images/clickmedi_pc_bg.png) 0 0 no-repeat ; padding: 48px 0 0 38px; position: absolute; z-index: 10; margin-left:250px}
.clickmedi_pc .clickmedi_pc_sample {width:1166px ; height:727px; overflow-y: auto; overflow-x: hidden}   
.clickmedi_pcmobile {width:350px; height:680px; background: url(../images/clickmedi_pcmobile_bg.png) 0 0 no-repeat ; padding: 81px 0 0 33px; position: absolute; z-index: 20; top: 235px;}
.clickmedi_pcmobile .clickmedi_pcmobile_sample {width:283px ; height:503px; overflow-y: auto; overflow-x: hidden}




.clickmedi_mobile {width:460px; height:934px; background: url(../images/clickmedi_mobile_bg.png) 0 0 no-repeat ; padding: 114px 0 0 30px; position:absolute; z-index:10; left:50%; top:50%; margin:-350px 0 0 -230px;}
.clickmedi_mobile .clickmedi_mobile_sample {width:397px ; height:705px; overflow-y: auto; overflow-x: hidden}