@charset "utf-8";

.bodybg	{background-color:transparent}
.mbg	{background-image:url(../img/mbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.mcbg	{background-image:url(../img/mcbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.sbg	{background-image:url(../img/sbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.cbg	{background-image:url(../img/cbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}

#wrap		{position:relative;width:100%;padding:0;margin:0;}
#svisual	{position:relative;width:100%;}
#svslide	{position:absolute;width:100%;}
#container	{position:relative;} /* d_width */
#container.sub_container{padding:30px 0}
#container:after	{content:"";clear:both;display:block;float:none;}

footer				{background:#444846;z-index:9;}
footer:before		{background:#333;}
footer ul.f_mn li a	{color:#ccc;}
footer address		{color:#999;}
footer address .tit	{color:#FFCC00;}
footer .copyright	{color:#ccc;}

h3 {color:#3AA370;}

/* 기본layout */
#snb		{float:left;width:240px;}
#content	{float:left;width:1120px;padding:0;margin:0 0 0 40px;}
#aside		{float:right;width:0 !important;}

#body_head	{position:relative;border-bottom:1px solid #eee;}
#body_head .inwrap	{position:relative;margin:0 auto;width:1400px;}
#body_head:after	{content:"";display:block;float:none;clear:both;}
#location	{margin-right:200px;}
#location li{float:left;padding:0 10px;background:url(../../data/img/ico_homearr.png) no-repeat 0 50%;font-size:12px;line-height:38px;}
#location li:first-child{padding-left:20px;background:url(../../data/img/ico_home.png) no-repeat 0 50%;}
#location a	{color:#999}
#pnb		{position:absolute;right:0;top:0;}
#pnb .page_sns	{float:left;}
#pnb .page_sns li	{float:left;text-align:center;margin:5px 0 0 2px}
#pnb .page_sns a	{display:inline-block;width:28px;height:28px;line-height:28px;background:#ccc;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;color:#fff;}
#pnb .pnb_bx		{float:right;margin-left:5px;}
#pnb .pnb_bx li		{float:left;text-align:center;border-right:1px solid #eaeaea;width:38px;height:38px;line-height:38px;}
#pnb .pnb_bx li:first-child	{border-left:1px solid #eaeaea;}
#pnb .pnb_bx a	{color:#ccc}
#body_title	{clear:both;padding:0 0 20px 0;margin:0 0 20px 0;}
#body_content	{clear:both;padding:0 0 40px 0;margin:0;}

header				{position:absolute;left:0;top:0;width:100%;height:100px;padding:0;margin:0;transition:all 0.3s ease-out;z-index:100}
header #logo		{position:absolute;left:0;top:34px;width:100%;z-index:99}
header .sub_name	{display:inline-block;margin-left:10px;font-size:18px;font-weight:600;color:#333;}
#topwrap .topmn		{line-height:100px;text-align:right;}
#topwrap .topmn a	{position:relative;margin-left:20px;font-size:13px;color:#999;z-index:99}
#gnb		{position:absolute;left:0;top:0;width:100%;height:100px;}
#gnbmn		{position:relative;width:1400px;padding:0;margin:0 auto;z-index:99}
#gnbmn a	{display:block;}
#gnbmn ul.depth1		{position:relative;width:850px;padding:0;margin:0 150px 0 400px;}
#gnbmn ul.depth1 li		{float:left;padding:0;margin:0;text-align:center;}
#gnbmn ul.depth1 li a	{padding:0;margin:0;font-size:20px;font-weight:600;line-height:100px;}
#gnbmn ul.depth2		{display:none;position:relative;padding:15px 0;margin:0;z-index:4}
#gnbmn ul.depth2 li		{display:block;clear:both;padding:0;margin:0;text-align:center;width:100%;}
#gnbmn ul.depth2 li a	{padding:2px 0;margin:0;font-size:14px;font-weight:normal;line-height:140%;white-space:nowrap;}
#id_gnb_bg	{position:absolute;left:0;top:100px;z-index:3;}
.gnb_bg		{width:100%;padding:0;margin:0;box-shadow:0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);}

header.active	{background:#F7F7F7;}

#snbmn					{width:100%;padding:0;margin:0 0 40px 0;}
#snbmn .tit				{padding:40px 20px;margin:0;text-align:center;font-size:26px;font-weight:600;}
#snbmn a				{clear:both;display:block;line-height:140%;}
#snbmn ul li			{position:relative;padding:0;margin:0;}
#snbmn ul li a			{padding:18px 20px;margin:0;border:1px solid rgba(0,0,0,0.1);border-top:none;font-size:16px;transition:all 0.2s ease-out;}
#snbmn > ul > li > a:after	{content:"\f138";font-family:FontAwesome;float:right;margin-right:10px;opacity:0;transition:all 0.2s ease-out;color:#3AA370;}
#snbmn ul li a.on,
#snbmn ul li a:focus,
#snbmn ul li a:active,
#snbmn ul li a:hover	{font-weight:500;border-color:rgba(0,0,0,0.1) !important;}
#snbmn > ul > li > a.on:after	{opacity:1;margin-right:0;}
#snbmn ul ul			{margin:0;padding:10px 0;border:1px solid rgba(0,0,0,0.1);border-top:none;}
#snbmn ul ul li			{padding:0;margin:0;border:none;}
#snbmn ul ul li a		{padding:5px 20px;margin:0;border:none;font-size:14px;}
#snbmn ul ul li a:before	{}
#snbmn ul ul li a.on,
#snbmn ul ul li a:focus,
#snbmn ul ul li a:active,
#snbmn ul ul li a:hover	{background:none;}

#container .d_width	{z-index:10;}

.main-title			{text-align:right;}
.main-title .txt	{font-size:34px;line-height:1.1;color:#333;letter-spacing:-2px;}
.main-title .tit	{font-weight:600;font-size:64px;color:#dd6b70;letter-spacing:-2px;line-height:1;margin:5px 0;}
.main-title .en		{font-family:Titillium SemiBold;font-size:13px;color:#333;letter-spacing:6px;}
.sub-title			{text-align:right;}
.sub-title .txt		{font-size:18px;color:#333;line-height:1.1;}
.sub-title .tit		{font-weight:600;font-size:48px;color:#3AA370;letter-spacing:-2px;line-height:1;margin:20px 0;}

.mv-wrap		{position:relative;float:left;width:calc(50% + 100px);height:750px;}
.mv-cont		{position:relative;float:left;width:calc(50% - 100px);height:750px;}
.mv-cont:after	{content:"";position:absolute;left:0;bottom:0;width:100%;height:380px;background:#dd6b70;}
.mv-cont .cont	{position:relative;width:calc(1400px * 0.5 - 100px);z-index:1;}
#main-visual	{width:auto !important;}

.main-section		{position:relative;padding:0 0 80px 0;}
.main-section:after	{content:"";position:absolute;left:0;bottom:0;width:100%;height:380px;background:#dd6b7036;}
.main-section .col1,
.main-section .col3	{float:left;}

.main-quick		{position:relative;padding:40px;padding-right:0;height:380px;}
.main-quick .tit	{font-size:22px;font-weight:600;color:#FFFFD5;margin:0 0 35px 0;}
.main-quick li	{width:50% !important;}
.main-quick li a	{display:block;line-height:60px;margin:10px 0;font-size:18px;color:#fff;}
.main-quick span	{display:inline-block;vertical-align:middle;width:60px;height:60px;margin-right:20px;background-color:#FBF8F3;background-image:url(../img/mquick_ico.png);background-repeat:no-repeat;border-radius:50%;box-shadow:0 5px 10px rgba(0,0,0,0.2);transition:all 0.2s ease-out;}
.main-quick .ico1	{background-position:0 0;}
.main-quick .ico2	{background-position:-60px 0;}
.main-quick .ico3	{background-position:-120px 0;}
.main-quick .ico4	{background-position:-180px 0;}
.main-quick .ico5	{background-position:-240px 0;}
.main-quick .ico6	{background-position:-300px 0;}
.main-quick li a:hover span	{box-shadow:0 5px 10px rgba(0,0,0,0.4);transform:translateY(-5px);}
.main-quick .more	{position:absolute;right:0;top:40px;display:block;width:35px;height:10px;border-bottom:2px solid #FEFEE9;transition:all 0.2s ease-out;}
.main-quick .more:before	{content:"";position:absolute;right:-1px;bottom:2px;width:12px;border-bottom:2px solid #FEFEE9;transform:rotate(45deg);}
.main-quick .more:hover		{right:-5px;}

.mnotice				{position:relative;height:375px;margin:70px 0;}
.mnotice .tab_on,
.mnotice .tab_off		{float:left;}
.mnotice .tab_on > a,
.mnotice .tab_off > a	{position:relative;display:block;margin:0 40px 0 0;text-align:center;font-size:24px;font-weight:600;}
.mnotice .tab_on > a 	{color:#dd6b70;}
.mnotice .tab_off > a 	{color:#333;}
.mnotice .tab_on > a:after,
.mnotice .tab_off > a:after	{content:"";display:block;width:100%;height:2px;margin:5px 0 0 0;background:#dd6b70;transition:all 0.2s ease-out;}
.mnotice .tab_off > a:after	{transform:scale(0);}
.mnotice .tab_on > a:after	{transform:scale(1);}
.mnotice .tabcontent	{position:absolute;left:0;top:90px;width:100%;text-align:left;}
.mnotice ul				{margin:0 -10px;}
.mnotice li				{}
.mnotice li .txt-wrap	{position:relative;margin:0 10px;border:5px solid #dd6b7036;background:#fff;}
.mnotice .subject		{margin:40px;margin-bottom:0;line-height:1.3;height:62px;overflow:hidden;}
.mnotice .subject,
.mnotice .subject a		{font-size:24px;font-weight:600;color:#000;}
.mnotice .desc			{margin:40px;line-height:1.4;height:42px;overflow:hidden;font-size:15px;color:#999;}
.mnotice .date			{line-height:50px;background:#F6F7FA;padding:0 40px;font-size:12px;color:#999;}
.mnotice .date:before	{content:"\f017";font-family:FontAwesome;margin-right:10px;}
.mnotice .txt-more		{position:absolute;right:40px;bottom:0;line-height:50px;}
.mnotice .txt-more a	{font-size:12px;color:#FF9900;}
.mnotice .txt-more a:before	{content:"VIEW MORE ";}

#popupzone2			{background:#fff;}
#popupzone2 h3		{border:1px solid #ECECEC;border-bottom:none;}
#popupzone2 .pager	{top:0;}

.main-about			{position:relative;background:#FAFAFC;height:330px;overflow:hidden;}
.main-about:after	{content:"";display:block;float:none;clear:both;}
.main-about .tit	{position:absolute;left:50%;margin-left:30px;top:30px;font-size:14px;color:#999;z-index:99;}
.main-about .img		{position:relative;overflow:hidden;float:left;width:50%;height:330px;}
.main-about .img img	{width:100%;}
.main-about .txt-wrap	{position:relative;float:left;width:50%;padding:30px;padding-top:80px;height:330px;}
.main-about .subject	{margin:0 0 20px 0;}
.main-about .subject,
.main-about .subject a	{font-weight:600;font-size:26px;color:#dd6b70;}
.main-about li			{padding:3px 0;}
.main-about li:after	{content:"";display:block;float:none;clear:both;}
.main-about li span		{display:block;float:left;font-size:14px;line-height:1.5;}
.main-about li span:first-of-type	{width:60px;color:#dd6b70;}
.main-about li span:last-of-type	{width:calc(100% - 60px);color:#666;}
.main-about li span i	{display:inline-block;width:16px;text-align:center;margin-right:5px;}
.main-about .more		{position:absolute;right:30px;bottom:0;padding:10px 0 15px;width:calc(100% - 60px);border-top:1px dashed #DCDCDC;text-align:right;}
.main-about .more a		{font-size:13px;color:#FF9900;}
.main-about .control	{position:absolute;right:30px;top:30px;z-index:99;}
.main-about .control a	{display:block;float:left;width:20px;height:20px;background:#fff;line-height:17px;text-align:center;margin:0 0 0 -1px;border:1px solid #E1E1E1;font-size:10px;color:#ccc;}
.main-about .control a.stop		{font-size:8px;}
.main-about .control a.stop i	{transform:scale(0.8);}
.main-about .control a.play		{font-size:8px;}
.main-about .control a.play i	{transform:scale(0.8);}

.main-bnr		{}
.main-bnr a		{display:block;padding:30px;height:155px;background-repeat:no-repeat;background-position:90% 50%;transition:all 0.2s ease-out;}
.main-bnr a:hover	{box-shadow:0 10px 15px rgba(0,0,0,0.15);}
.main-bnr .bg1	{background-color:#30A8DA;background-image:url(../img/mbnr_bg1.png);}
.main-bnr .bg2	{background-color:#3AA38A;background-image:url(../img/mbnr_bg2.png);}
.main-bnr a:first-of-type	{margin:0 0 20px 0;}
.main-bnr .tit	{font-size:22px;font-weight:600;color:#FFFFCC;margin:0 0 25px 0;}
.main-bnr .txt	{font-size:15px;line-height:1.4;color:#fff;}