@charset "utf-8";

body { background-color:#fff; font-family: 'Nanum Gothic', serif; color:#333;}
.box_main_content_1 > div .btn_link a,
.box_main_content_2 .ul_nav_1 li a span,
.area_visual .ul_arrow a,
.area_visual .ul_play li a,
.ul_pos li a,
.ul_pos li span,
.box_main_content_4 .box_sns h3 span {display:block; overflow:hidden; height:0; font-size:0; line-height:100px; }
.box_main_content_1 > div .btn_link a,
.box_main_content_2 .ul_nav_1 li a span,
.area_visual .ul_arrow a,
.area_visual .ul_play li a,

.box_main_content_4 .box_sns h3 span {background-image:url("http://www.kr.or.kr/images/template/00002/common/sp_main.png"); background-repeat:no-repeat;}
.ul_pos li{ float:left;}
.ul_pos{ z-index:5;}
.visualin {width:1090px; position:relative; margin:0 auto;}

.comtel{ position:absolute;top:25px; right:0px; z-index:5;}
.comtel_box{ position:absolute;top:0; left:50%; float:left; margin-left:400px; z-index:6;}

.q_zone_wrap {/*width:1090px;*/position:absolute;top:0;left:50%;margin-left:-545px;min-height:382px;}
.q_zone{
	position: absolute;
	top: 35px;
	right: -10px;
	width: 161px;
	height: 307px;
	background: #585858;
	z-index: 5;
}
.q_timg{margin-left:10px; width:151px; margin-top:10px}
.q_timg td{ font-size:12px; height:20px; line-height:18px}
.q_timg .td12{ color:#FFF}
.q_text{ padding:0 0 0 3px; margin:2px 3px 2px; height:22px; border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:#fff;  font-family:"NanumGothic",sans-serif; color:#666; font-size:12px}
.qw100{width:100px;}
.qw120{width:120px;}
.qw124{width:124px;}
.qw130{width:130px;}
/* visual */
.area_visual {overflow:hidden; position:absolute; top:0; left:0; width:100%; height:382px; font-family: 'Nanum Gothic', serif;}
.area_visual .ul_visual li {overflow: hidden; position:absolute; top:0; left:0; width:100%; height:0; padding-top: 382px; background-repeat:no-repeat; background-position:center top;}
.area_visual .ul_visual li.li1 {display:block;}
.area_visual .ul_visual li img{ position:absolute; top:0; left:25%;}
.area_visual .ul_visual li.li1 {background-image:url("http://www.gamjauhak.com/guniversity/images/usa_bg.jpg"); background-size: cover;}
.area_visual .ul_visual li.li2 {background:url("http://www.gamjauhak.com/guniversity/images/uk_bg.jpg") repeat-x center top;}
.area_visual .ul_visual li.li3 {background-image:url("http://www.gamjauhak.com/guniversity/images/canada_bg.jpg"); background-size: cover;}
.area_visual .ul_visual li.li4 {background-image:url("http://www.gamjauhak.com/guniversity/images/canada_bg.jpg"); background-size: cover;}

.area_visual .ul_visual li p {position:absolute; left:50%; opacity:1; color:#fff;}
.area_visual .ul_visual li p a{ display:block; color:#fff;}
.area_visual .ul_visual li p.img_opa {opacity:1;}
.area_visual .ul_visual li .txt_1 {font-size:38px; line-height:44px; font-family:'NanumBold';}
.area_visual .ul_visual li .txt_2 {font-size:17px; line-height:24px;}



.area_visual .ul_play{position:absolute; top:86.5%; left:50%; margin-left:-466px !important; z-index:1;}
.box_main_content_1 .ul_pos,
.area_visual .ul_pos {position:absolute; bottom:6.7%; left:50%; z-index:10;}
.area_visual .ul_play li {position:absolute; bottom:0; left:0;}
.area_visual .ul_play li a {display:none; width:16px; padding-top:17px;}
.area_visual .ul_play li.on a {display:block;}
.area_visual .ul_play li.li_start a {background-position:-60px -120px;}
.area_visual .ul_play li.li_stop a {background-position:-40px -120px;}

.ul_pos{height:283px; width:300px; display:block; margin-left:-510px !important; overflow:hidden;}
.ul_pos li {width:114px; height:70px; display:block; margin:0 0 1px;}
.ul_pos li a,
.ul_pos li span {display:block; padding-top:70px; background-position:0 -150px;}
.ul_pos a.li_1,
.ul_pos .li_1 span {display:block; padding-top:70px; background-position:0 -150px !important;}
.ul_pos a.li_2,
.ul_pos .li_2 span {display:block; padding-top:70px; background-position:0 -230px !important;}
.ul_pos a.li_3,
.ul_pos .li_3 span {display:block; padding-top:70px; background-position:0 -310px !important;}

.ul_pos li.on a,
.ul_pos li.on span {background-position:-114px -150px;}
.ul_pos li.on a.li_1,
.ul_pos li.on .li_1 span {background-position:-114px -150px !important;}
.ul_pos li.on a.li_2,
.ul_pos li.on .li_1 span {background-position:-114px -230px !important;}
.ul_pos li.on a.li_3,
.ul_pos li.on .li_3 span {background-position:-114px -310px !important;}

/* main_slider */
.main_slider {width:100%;overflow:hidden;clear:both;}



/* content */
#container {position:relative; padding-top:382px; font-family: 'Nanum Gothic', serif;}
.area_main_content {position:relative; z-index:1; background:#fff url("http://www.kr.or.kr/images/template/00002/main/main_content_bg.gif") repeat-x;}
.area_main_content_1 {position:relative; top:-49px; width:1020px; margin:0 auto;}
.box_main_content_2 { padding-top:30px; padding-bottom:30px; background-color:#fff;}
.box_main_content_2_1{float:left; overflow:hidden; position:relative; width:340px;}
.box_main_content_2_2{float:left; overflow:hidden; position:relative; width:340px;}
.box_main_content_3 { padding-top:30px;}
.box_main_content_3_1 {float:left; overflow:hidden; width:350px;}
.box_main_content_3_2 {float:left; overflow:hidden; width:670px;}
.box_main_content_4 { padding-top:30px;}

 /*������*/    
#contents{ width:100%;  position:relative; margin-top:0px; }
#contents .contents1{ width:100%; position:relative;}
#contents .contents1 .contents1in{ width:1090px; position:relative; margin:0 auto;}
#contents .contents1 .contents1in div{ float:center; }
#contents .contents1 .contents1in .vNav{ width:130px;}

.vNav{width:130px;position:relative;}
.vNav .menu_1dept{ width:130px;}
.vNav .menu_1dept a{ width:130px; height:25px; display:block;}
.vNav .sub_mu{text-align:center; display:none;}
.vNav .sub_mu a{font-weight:bold;display:block; padding:5px 0 5px 0;}
.vNav .sub_mu a:hover{color:#6CC;}
.vNav .sub_mu2 {text-align:center;display:none;  background:#e5e5e5; }
.vNav .sub_mu2 a{font-weight:bold;display:block; padding:5px 0 0 0;}
.vNav .sub_mu2 a:hover{color:#F60;}

.vNav1{width:130px;position: absolute; top:410px; z-index:100; float:left}
.vNav1 .menu_1dept{ width:130px;}
.vNav1 .menu_1dept a{ width:130px; height:25px; display:block;}
.vNav1 .sub_mu{text-align:center; display:none;}
.vNav1 .sub_mu a{font-weight:bold;display:block; padding:5px 0 5px 0;}
.vNav1 .sub_mu a:hover{color:#6CC;}
.vNav1 .sub_mu2 {text-align:center;display:none;  background:#e5e5e5; }
.vNav1 .sub_mu2 a{font-weight:bold;display:block; padding:5px 0 0 0;}
.vNav1 .sub_mu2 a:hover{color:#F60;}



#contents .contents1 .contents1in .event{ width:140px; position:absolute; top:0px; right:0;z-index:0;}
#contents .contents1 .contents1in .event .pages li{ float:left; margin-right:5px;}
#contents .contents1 .contents1in .event .pages a{ display:block; width:10px; height:10px; background:#999999; cursor: pointer; border-radius: 25px;}
#contents .contents1 .contents1in .event .pages a:hover{ background:#66CCCC; cursor: pointer;}
#contents .contents1 .contents1in .event .pages a:active{ background:#CCCCCC; cursor: pointer;}
#contents .contents1 .contents1in .event .pages{ margin:24px 0 0 5px;}
#contents .contents1 .contents1in #rolling{ border:1px solid #CCCCCC; margin-top:2px;}
#contents .contents1 .contents1in #rolling li{ float:left;}
#contents .contents1 .contents1in .container{ width:780px;margin-left:20px; position:relative;}
.frame {overflow: hidden; position: relative;}
.frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.frame ul li { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }
.frame ul li img {width:100%;}
.frame ul li.active { color: #fff; background: #a03232; }

.container{ width:780px; margin:0 auto; position:relative;}
.container .tabs{ width:780px; position:relative;}







.tabs{ width:780px; position:relative; margin:0 auto; font-family: 'Nanum Gothic', serif;}
.tabs {width:780px; margin:0 auto;
}
.tabMenu { font-size:15px; height:40px; border-bottom:1px solid #aaa;}
.tabMenu li {float:left; position:relative; display:block; width:255px; height:28px; margin-right:5px; text-align:center;}
.tabMenu li a {position:absolute; left:0; top:0; display:block; width:255px; height:30px; padding-top:10px; border:1px solid #ddd; border-bottom:0; background:#CCCCCC;}
.tabMenu li a:hover { background:#66CCCC; color:#FFFFFF;}
.tabMenu li.active a { width:255px; padding-bottom:1px; border:1px solid #aaa; border-bottom:0; background:#fff; font-weight:bold; color:#666666;}
.tab-cont { clear:both; padding:25px 15px 0 30px; width:730px; height:160px; border:1px solid #aaa; border-top:0;
}
.tab-cont li{ float:left; text-align:center;}
#tab1 li{ margin-right:21px;}
#tab11 li{ width:240px; height:187px;margin-right:0px;}
#tab2 li{ width:240px; height:187px;margin-right:0px;}
#tab3 li{ width:240px; height:187px;margin-right:0px;}

.blist { width:780px; height:130px; position:relative; margin:20px auto; margin-bottom:20px;  font-family: 'Nanum Gothic';}
.blist .blist_1{ width:250px; height:130px; border-top:2px solid #6CC; border-right:1px solid #CCC;  border-left:1px solid #CCC; border-bottom:1px solid #CCC; float:left; position:relative; margin-right:8px; background:#FFF;}
.blist .blist_1 dt{ font-size:17px; font-weight:bold; margin-bottom:5px;}
.blist .blist_1 dd{ font-size:12px; font-weight:bold; line-height:18px; color:#666;}
.blist .blist_1 dd.more{ width:60px; height:18px; border:1px solid #999; padding:4px; text-align:center; margin-top:8px; }
.blist .left{ width:150px; padding:15px; position:absolute; top:0px; left:0px;}
.blist .img{ width:82px; position:absolute; top:20px;right:10px;}
.blist a:hover{ color:#F30;}



.contents2{ width:100%;position:relative; background:url(../images/con3_bg_1.png) repeat-x; top:50px;  font-family: 'Nanum Gothic', serif;}
.contents2in{ width:780px; height:300px; position:relative; margin:0 auto;}
.contents2in .books{ position:absolute; bottom:50px; right:20px; }
.contents2in .books li{ float:left;}

/*수정*/
.contents3{ width:100%;position:relative; background:url(../images/con3_bg.png) repeat-x; font-family: 'Nanum Gothic', serif;}
.contents3in{ width:780px; height:250px; position:relative; margin:0 auto;}
.contents3in .books{ position:absolute; bottom:50px; right:0px; }
.contents3in .books li{ float:left;}


.contents3{ width:100%;  position:relative; background:url(../images/con4_bg.png) repeat-x; font-family: 'Nanum Gothic', serif;}
.contents3 .contents3in{ width:780px; position:relative; margin:0 auto; }
.contents3 .contents3in { width:780px; position:relative;}
.contents3 .contents3in div{ float:left; margin-top:30px; font-size:12px; line-height:20px; }
.contents3 .contents3in h3{ margin:5 3px 5px 12px; color:#FFFFFF;}
.contents3 .contents3in h3 a{ padding:5px; background:#6CC;}
.contents3 .contents3in .mlist_1{ width:270px; position:relative; margin-top:30px; position:relative;}
.contents3 .contents3in  ul{ padding:10px; overflow:hidden;  border-top:1px solid #6CC; margin-top:1px; }
.contents3 .contents3in li:hover{ text-decoration:underline;}
.contents3 .contents3in span{ position:absolute; right:10px;}
.contents3 .contents3in .mlist_2{ width:215px; margin:30px 37px 0 32px; overflow:hidden; position:relative;   }
.contents3 .contents3in .mlist_2:a{ width:215px; overflow:hidden;}
.contents3 .contents3in .mlist_3{ width:225px; margin-top:30px; position:relative;}
.contents3 .contents3in .more2{ position:absolute; top:-30px; right:0; font-size:11px;}





/*#footer{ width:100%; position:relative;  font-family: 'Nanum Gothic', serif; background:url(http://www.gamjauhak.com/guniversity/images/footer_bg.gif) repeat-x; border-top:1px solid #CCC;}*/

.familysite{ width:100%; height:95px; position:relative; background:#FFF;}
.familysite .familysitein{ width:1090px; height:95px; position:relative; margin:0 auto; vertical-align:middle;}
.familysite .familysitein h2{ width:95px; position:absolute; left:0px; top:30px; padding:10px; font-size:13px;}
.familysite .familysitein .img{ height:95px; width:780px; position: absolute; left:120px;}

.outro{ width:100%; height:290px; position:relative;background:url(http://www.gamjauhak.com/guniversity/images/footer_bg.gif) repeat-x; }

.outro .outroin{ width:1090px; height:120px; position:relative; margin:50px auto; color:#FFF;}
.outro .outroin div{ float:left;}
.logobottom{ width:60px; height:90px; position:relative;}
.sitemap{ width:800px; height:120px; position:relative; margin-left:70px; color:#FFF;}
.sitemap a{ color:#FFF;}
.sitemap a:hover{ color:#FF6;}
.sitemap .sitemap1{ width:100%; font-size:16px; font-weight:bold; margin-bottom:20px; color:#FFF;;}
.sitemap .sitemap1 li{ float:left; margin-right:20px;}
.sitemap .sitemap2{ width:100%; font-size:11px; line-height:19px; font-family: 'Nanum Gothic', serif;letter-spacing:1px}
.sitemap .sitemap2 p span{ line-height:40px;}



/*.sns{ width:200px; height:120px; position: absolute; top:105px; right:-60px;}*/
.sns{ width:170px; position: absolute; top:105px; right:-30px;}
.snsin li{ float:left; margin-left:10px;}
.award { margin:20px 0 0 8px;}
.award li{ margin-top:10px;}


/* footer */
#footer_warp {width:100%;background:url(../new_img/main2015/bg_footer.gif) repeat-x;}
#footer_warp * {}
#footer_warp .sizeBox {width:1004px;text-align:left;margin:0 auto;position:relative;}
#footer_warp .footLinks:before, #footer_warp .footLinks:after {content:"";display:table;}
#footer_warp .footLinks:after {clear:both;}
#footer_warp .footLinks {zoom:1;}
#footer_warp .footLinks li {float:left;padding:0 10px;background:url(../new_img/main2015/footerSeparator.gif) no-repeat 0 0;line-height:1.4;}
#footer_warp .footLinks li:first-child {background:none;padding-left:0;}
#footer_warp .footLinks li a {float:left;line-height:normal;}
#footer_warp .links {height:21px;padding-top:11px;color:#d7d7d7;letter-spacing:-2px;}
#footer_warp .links a {color:#464646;letter-spacing:-1px;}
#footer_warp .links a.em {color:#d51920;}
#footer_warp .company {padding:15px 0 10px 0;zoom:1;color:#898989;}
#footer_warp .company a {color:#898989;}
#footer_warp .company:after {content:'';display:block;clear:both;}
#footer_warp .company * {vertical-align:top;}
#footer_warp .company strong {display:inline-block;padding-bottom:4px;}
#footer_warp .company .num {letter-spacing:0;}
#footer_warp .company .softTxt {color:#d7d7d7;}
#footer_warp .customer {float:left;width:346px;line-height:16px;letter-spacing:-1px;}
#footer_warp .business {float:left;width:329px;line-height:16px;letter-spacing:-1px;}
#footer_warp .safeService {float:left;line-height:16px;letter-spacing:-1px;}
#footer_warp .inquiryBtn {display:inline-block;width:59px;height:15px;margin-top:-2px;background:url() no-repeat;}
#footer_warp .joinBtn {display:inline-block;width:86px;height:15px;margin-top:-1px;background:url() -69px 0 no-repeat;}
#footer_warp .award {width:960px;height:49px;background:url() 0 -15px no-repeat;zoom:1;}
#footer_warp .award:after {content:'';display:block;clear:both;}
#footer_warp .award a {float:left;height:49px;}
#footer_warp .award .a01 {width:85px;}
#footer_warp .award .a02 {width:75px;}
#footer_warp .award .a03 {width:120px;}
#footer_warp .award .safetykorea {width:106px;}
#footer_warp .award .a04 {width:163px;}
#footer_warp .award .a05 {width:120px;}
#footer_warp .award .a06 {width:93px;}
#footer_warp .award .a07 {width:100px; margin-right:40px;}
#footer_warp address {display:block;padding:15px 0 5px 0;color:#898989;}
#footer_warp address * {vertical-align:middle;}
#footer_warp address .busiInfoBtn {display:inline-block;width:70px;height:15px;margin-top:-2px;background:url() -165px 0 no-repeat;}
#footer_warp .copyright {padding-bottom:30px;}
#footer_warp .copyright .txt1 {color:#464646; line-height:18px}
#footer_warp .copyright .txt2 {font-family:Tahoma;color:#898989; margin-bottom:20px}

#footer_warp .goLink {
	position: absolute;
	right: 10px;
	top: 30px;
}
#footer_warp .goLink select{float:left; width:135px; height:28px; margin-right:2px ; font-size:12px; letter-spacing:0px; }
#footer_warp .goLink a.bt {background: url("http://www.gamjauhak.com/new_img/main2015/footer_bg.jpg") no-repeat 0 0 #eaeaea; color:#444;display: block;float: left;  line-height: 26px; height: 28px;text-align: center; width:51px; text-decoration:none; font-weight:bold}