@charset "UTF-8";

/* Layout */
@import url('default.css');

.total_wrap {}
#header {background: url("/site/kmc/images/contents/vr/campus_vr_topbg.jpg") no-repeat scroll left top transparent; position:relative;}
.wrap {width:100%; position:relative;}
#header .logo {padding:10px 0 20px 20px;}
#header h1 {position:absolute; left:210px; top:15px;}
#header .close_btn {position:absolute; left:440px; top:15px;}

.vr_campus_wrap {padding:20px 0 0 45px;}

.total_wrap h2 { width: auto; height: auto; margin:0; padding: 0 0 5px 25px; background: url('/site/kmc/images/contents/vr/campus_h2bg.gif') no-repeat 0px 0px; color: #0a17bd; font-weight: bold; font-size: 1.2em; text-align: left; letter-spacing: -1px; line-height: 1.3; clear:both; }
.total_wrap h3 {width: auto; height: auto; margin: 0.5em 0 0.2em 0; padding: 4px 0 0 30px; background: url('/site/kmc/images/contents/vr/campus_h3bg.gif') no-repeat 10px 5px; color: #3866cb; font-weight: bold; font-size: 1.1em; text-align: left; letter-spacing: -1px; line-height: 1.25; clear:both;}
#vr_campus_view {position:relative; height:268px; width:430px; margin:10px 0 0 0;}
#vr_campus_view ul {width:430px; }
#vr_campus_view ul li {padding:0 3px 0 0; float:left; display:inline;}
#vr_campus_view ul li a.vr_tab {display:block;}
#vr_campus_view ul div.tabcontent {padding:8px 0 0 8px;  position:absolute; left:0; top:29px; background: url('/site/kmc/images/contents/vr/campus_vr_boxbg.gif') no-repeat 0px 0px; width:430px; height:271px;}
#vr_campus_view ul li .btn_wrap {padding:13px 0 0 0;}
#vr_campus_view ul li .btn_wrap a {position:absolute; right:15px; top:239px;}



.vr_campus_wrap .vr_campus_info {width:432px; height:196px; background: url('/site/kmc/images/contents/vr/campus_vr_info_bg.jpg') no-repeat 0px 0px; padding:10px 0 0 20px; margin-top:52px;}
.vr_campus_wrap .vr_campus_info h3 { padding-bottom:6px;} 
.vr_campus_wrap .vr_campus_info .info_text {border-top:1px dashed #ccc;  overflow:auto; width:380px; height:115px; padding:10px 7px 0 7px; }
.vr_campus_wrap .vr_campus_info .info_text dl {}
.vr_campus_wrap .vr_campus_info .info_text dl dt {float:left;}
.vr_campus_wrap .vr_campus_info .info_text dl dd { padding-left:50px; padding-bottom:10px;}