@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html, body {margin:0; padding:0; border:0; font-family:'Nanum Gothic','lato','Dotum','µ¸¿ò','±¼¸²',sans-serif; vertical-align:top; color:#666; background:#fff;}
body {font-size:0.750em;}
div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, 
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align:top; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}

img {border:none;}
table, tbody, tfoot, thead, tr, th, td {vertical-align:middle;}

a {text-decoration:none; color:#666;}
a:hover {color:#0f71b2;}

#wrap {width:100%; min-width:1100px; background:url(../img/bg.gif) repeat-x center top;}

#header {width:1020px; height:102px; margin:0 auto; overflow:hidden;}
#header h1 {float:left; padding:18px 0;}
#header p {float:right; padding:32px 0;}
#movie {background:url(../img/top_bg.gif) no-repeat center top;}
#movie_wrap {width:1040px; margin:0 auto; padding:36px 0 44px; overflow:hidden;}
#map {float:left; width:390px; position:relative; height:422px}
#map h2 {position:absolute; left:20px; top:20px; z-index:100;}
#map #map_bg {position:relative;}
#map #map_pointer {position:absolute; left:177px; top:137px; z-index:200;}
#map h3 {position:absolute; left:18px; top:388px; z-index:100;}
#map ul {position:absolute; left:146px; top:373px; z-index:100;}
#map ul li {margin-top:5px;}
#mv {float:right; width:640px; background:url(../img/mv_bg.gif) no-repeat left top; padding:5px;}
#mv ul {overflow:hidden;}
#mv ul li {float:left;}
#mv ul li.btn {padding-top:5px; padding-left:5px;}
#mv ul li.guide {color:#fff; font-size:13px; line-height:50px; padding-left:15px;}
#photo {background:#e4e4e4; padding:50px;}
#photo h2 {text-align:center;}
#photo p {text-align:center; margin-top:20px; margin-bottom:45px;}
#photo_wrap {width:975px; padding:0 60px; overflow:hidden; margin:0 auto; position:relative;}
.photo_list {overflow:hidden; width:978px; height:233px; margin:0 auto; overflow:hidden;}
.photo_list li {float:left; width:290px; text-align:center; background:url(../img/main/service1_bg.gif) no-repeat left center; padding:0 18px;}
ul.photo_control {}
ul.photo_control li.prev {position:absolute; left:0px; top:89px; cursor:pointer;}
ul.photo_control li.next {position:absolute; right:0px; top:89px; cursor:pointer;}

#footer {background:#51453e; position:relative; padding:50px 0;}
#footer #f_logo {position:absolute; left:50%; top:30px; margin-left:-500px;}
#footer address {width:865px; margin:0 auto; padding-left:135px; color:#fff; font-style:normal; font-size:13px;}
#footer address span {padding-left:10px;}
#footer address b {font-size:14px;}
#footer #copyright {width:865px; margin:5px auto 0 auto; padding-left:135px; color:#eee;}

/* graphics */
.maze{ display:inline-block; vertical-align:middle; width:390px; height:422px; position:absolute; top:0px; left:0px; margin:0px auto; background:url('maze.png') 0 0 no-repeat;}
	/* Walker */
.maze .walker { position:absolute; z-index:1; font-size:25px; color:deeppink; height:41px; width:33px; text-align:center; line-height:25px; margin:0px; top:115px; left:232px; transform: rotate(0); color: deeppink;}
.maze .walker img { position:absolute; left:-15px; top:-38px}
	
#svgPath { opacity:0; margin:0px 0 0 0px; -webkit-transition:0.2s; transition:0.2s; position:absolute; left:0px; top:0px; border:1px solid #00f}
#svgPath.show{ opacity:1; }

.fc_red {color:#f04c23 !important;}
.fc_blue {color:#0073bb !important;}
.fc_blue2 {color:#28579a !important;}
.fc_blue3 {color:#4d71b5 !important;}
.fc_orange {color:#e0b943 !important;}
.fc_purple {color:#7e69ad !important;}

#contents {position:relative; width:100%;}
#contents ul.tab {width:848px; margin:0 auto; overflow:hidden; padding-top:50px;}
#contents ul.tab li {float:left; margin:0 1px; width:210px; height:47px;}
#contents ul.tab li a {display:block; background:#e4e4e4;}
#contents ul.tab li a:hover {background:#ddd;}
#contents h2 {margin:50px 0 35px 0; text-align:center;}
.bg {width:100%;padding-bottom:50px;}
#bg_color1 {background: url(../img/tab1_bg.gif) center top;} 
#bg_color2 {background: url(../img/tab2_bg.gif) center top;} 
#bg_color3 {background: url(../img/tab3_bg.gif) center top;} 
#bg_color4 {background: url(../img/tab4_bg.gif) center top;} 
#tab_con1 ul.tab li a.on {background:#6fa542;}
#tab_con2 ul.tab li a.on {background:#3261ad;}
#tab_con3 ul.tab li a.on {background:#008085;}
#tab_con4 ul.tab li a.on {background:#965724;}

.article1 {background:#fff; width:510px; margin:0 auto; padding:0 30px 0 460px; min-height:330px; position:relative;}
.article1 .img {position:absolute; left:30px; top:0;}
.article2 {background:#fff; width:660px; margin:0 auto; padding:0 30px 0 310px; min-height:180px; position:relative;}
.article2 .img {position:absolute; left:30px; top:0;}
.article3 {background:#fff; width:940px; margin:0 auto; padding:0 30px 0 30px; position:relative; overflow:hidden;}
.article4 {background:#fff; width:940px; margin:0 auto; padding:0 30px 0 30px; position:relative; overflow:hidden;}
.tab_con_top {margin:10px auto 0 auto; width:1000px;}
.tab_con_bottom {margin:0 auto; width:1000px;}

#tab_con1 div h3 {color:#00723b; font-size:15px; background:url(../img/tab1_h3_icon.gif) no-repeat left top; padding:20px 0 0 17px;}
#tab_con1 div p.text {padding-left:18px; text-align:justify; line-height:140%; font-size:14px; margin-top:20px;}
#tab_con1 div ul.info {background:url(../img/tab1_ul_bg.gif) no-repeat left top; margin-left:18px; padding:15px 20px 20px 20px; margin-top:30px;}
#tab_con1 div ul.info li {background:url(../img/tab1_li_icon.gif) no-repeat left 7px; padding-left:10px; font-size:13px; margin-top:5px; line-height:140%;}
#tab_con1 div ul.info li b {color:#333;}
#tab_con1 .article4 ul {overflow:hidden;}
#tab_con1 .article4 ul li {float:left; margin-left:20px; margin-top:20px;}
#tab_con1 .article4 .t1 {padding-left:18px; text-align:justify; font-size:13px; margin-top:10px;}
.ml0 {margin-left:0 !important;}
.mt10 {margin-top:10px !important;}

#tab_con2 div h3 {color:#28579a; font-size:15px; background:url(../img/tab2_h3_icon.gif) no-repeat left top; padding:20px 0 0 17px;}
#tab_con2 div p {padding:0 18px; font-size:14px; line-height:140%; text-align:justify;}
#tab_con2 div .t1 {margin-top:20px;}
#tab_con2 div .t2 {margin-top:10px;}
#tab_con2 div .img1 {float:left;}
#tab_con2 div .img1 img {padding:25px 0 0 0;}
#tab_con2 div .t3 {margin-top:5px; float:right; width:420px; padding-left:0;}
#tab_con2 div .t4 {margin-top:10px; float:right; width:420px; padding-left:0;}
#tab_con2 div .t5 {margin-top:20px; font-size:13px;}
#tab_con2 div .t5 b {color:#4c7bbe;}
#tab_con2 div ul.img2 {overflow:hidden; margin-left:40px; margin-top:15px;}
#tab_con2 div ul.img2 li {float:left; margin-left:1px; position:relative; width:429px;}
#tab_con2 div li span {display:block; background:url(../img/tab2_text_bg.png); padding:10px 0; color:#fff; line-height:140%; position:absolute; bottom:0; left:0; width:100%; text-align:center;}
#tab_con2 div li span b {font-size:14px;}
#tab_con2 div ul.img3 {overflow:hidden; margin-left:18px; margin-top:15px;}
#tab_con2 div ul.img3 li {float:left; margin-left:1px; position:relative; width:149px;}

#tab3_1 {background:url(../img/tab3_1_bg.png) no-repeat left top; width:940px; min-height:385px; padding:30px; margin:0 auto;}
#tab3_1 ul {width:725px; font-size:14px;}
#tab3_1 ul li {background:url(../img/tab3_1_li_icon.gif) no-repeat left 6px; line-height:130%; margin-top:7px; padding-left:10px;}
#tab3_1 p {margin-top:20px;}
#tab3_1 p img {padding-right:5px;}
#tab3_2 {background:url(../img/tab3_2_bg.png) no-repeat left top; width:940px; min-height:635px; padding:30px; margin:10px auto 0 auto; position:relative;}
#tab3_2 h3 {color:#00a5ac; font-size:15px; background:url(../img/tab3_h3_icon.png) no-repeat left top; padding:20px 0 0 17px;}
#tab3_2 #map_time{position:absolute; left:30px; top:430px;}
#tab3_2 #map_time h4 {color:#fff; width:92px; height:34px; line-height:34px; text-align:center; font-size:14px;}
#tab3_2 #map_time ul.time {margin:145px 0 0 120px; background:url(../img/tab3_2_time_bg.png) no-repeat left top; font-size:12px; width:236px; height:46px; padding-top:7px; line-height:140%;}
#tab3_2 #map_time ul.time li {margin-left:20px;}
#tab3_2 #map_time ul.time li b {color:#333;}
#tab3_2 dl {position:absolute; right:30px; top:363px; width:148px;}
#tab3_2 dl dt {text-align:center; color:#fff; font-weight:bold; height:26px; line-height:25px;}
#tab3_2 dl dd {height:17px; font-size:11px; padding:0 5px;}
#tab3_2 dl dd img {width:25px;}
#tab3_2 ul.course {position:absolute; right:36px; bottom:30px;}
#tab3_2 ul.course li {margin-top:5px;}
#tab3_2 ul.course li b {color:#fff; display:inline-block; height:39px; line-height:38px; padding:0 5px; margin-right:5px;}
#tab3_2 ul.course .bg1 {background:#e0b943;}
#tab3_2 ul.course .bg2 {background:#7e69ad;}
#tab3_2 ul.course .bg3 {background:#4d71b5;}

#tab_con4 .t1 {text-align:center; color:#fff; font-size:15px; margin-bottom:20px; line-height:160%;}
#tab_con4 h3 {color:#965724; font-size:15px; background:url(../img/tab4_h3_icon.gif) no-repeat left top; padding:20px 0 0 17px;}
#tab_con4 .text {padding-left:18px; text-align:justify; line-height:140%; font-size:14px; margin-top:20px;}