@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:#3D454E;z-index:9;}
footer:before		{background:rgba(0,0,0,0.4);}
footer ul.f_mn li a	{color:#9CA7B1;}
footer address		{color:#9CA7B1;}
footer address .tit	{color:#FFCC00;}
footer .copyright	{color:#949FAB;}
#footer address span:nth-of-type(2) {width:500px !important;}

h3 {color:#2F408C;}

/* 기본layout */
#snb		{display:none;float:left;width:240px;}
#content	{width:100%;padding:0;margin:0;}
#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:10px;}
#pnb .page_sns	{float:left;margin-right:5px;}
#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;font-size:12px;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		{position:relative;float:left;text-align:center;width:40px;height:40px;line-height:40px;}
#pnb .pnb_bx li:after	{content:"";display:block;position:absolute;right:0;top:14px;width:1px;height:15px;background:#eaeaea;}
#pnb .pnb_bx li:first-child:before	{content:"";display:block;position:absolute;left:0;top:14px;width:1px;height:15px;background:#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:relative;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}
#topwrap .topmn a.login,
#topwrap .topmn a.logout	{display:none;}
#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:950px;padding:0;margin:0 150px 0 300px;}
#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;letter-spacing:-0.5px;}
#gnbmn ul.depth2		{display:none;position:relative;padding:18px 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:15px;font-weight:normal;line-height:140%;white-space:nowrap;letter-spacing:-0.5px;}
#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);}

#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:#2F408C;}
#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:left;}
.main-title .txt	{font-size:18px;color:#fff;}
.main-title .tit	{font-weight:600;font-size:64px;color:#A2DAE1;letter-spacing:-2px;line-height:1.2;margin:20px 0;}
.main-title .en		{font-family:Titillium SemiBold;font-size:14px;color:#fff;letter-spacing:1px;}
.sub-title			{text-align:left;}
.sub-title .txt		{font-size:18px;color:#fff;line-height:1.1;}
.sub-title .tit		{font-weight:600;font-size:48px;color:#A2DAE1;letter-spacing:-2px;line-height:1.2;margin:10px 0 0 0;}
.sub-title .en		{font-family:Titillium SemiBold;font-size:14px;color:#fff;letter-spacing:1px;}

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

.main-quick1		{margin:0 0 40px 0;}
.main-quick1:after	{content:"";display:block;float:none;clear:both;}
.main-quick1.bg1	{background:#61BDCE;}
.main-quick1.bg2	{background:#8E84E5;}
.main-quick1 .tit	{float:left;width:270px;text-align:center;padding-top:140px;font-size:22px;font-weight:600;color:#fff;background-repeat:no-repeat;background-position:50% 50px;}
.main-quick1.bg1 .tit	{background-image:url(../img/mquick1_ico1.png);}
.main-quick1.bg2 .tit	{background-image:url(../img/mquick1_ico2.png);}
.main-quick1 .cont	{float:left;width:calc(100% - 270px);padding:50px 60px 45px;padding-left:0;}
.main-quick1 .cont ul	{margin:-5px;}
.main-quick1 .cont ul.d1 {margin-top:5px;margin-bottom:0;}
.main-quick1 .cont li a	{display:block;margin:5px;border:1px solid rgba(255,255,255,0.3);text-align:center;padding:12px 0;font-size:15px;color:#fff;transition:all 0.2s ease-out;}
.main-quick1 .cont li a:hover	{background:rgba(255,255,255,0.9);}
.main-quick1.bg1 .cont li a:hover	{color:#61BDCE;}
.main-quick1.bg2 .cont li a:hover	{color:#8E84E5;}

.main-quick2		{background:#6699CC;padding:5px;width:100%;}
.main-quick2:after	{content:"";display:block;float:none;clear:both;}
.main-quick2 .title-wrap	{float:left;width:290px;padding:25px;background:url(../img/mquick2_titbg.png) no-repeat 105% 90%;height:210px;}
.main-quick2 .tit	{font-size:24px;font-weight:600;color:#fff;}
.main-quick2 .txt	{font-size:15px;line-height:1.4;margin:20px 0 40px;color:#E1E7EC;}
.main-quick2 .title-wrap a		{font-size:13px;color:#FFFFCC;}
.main-quick2 .cont	{float:left;width:calc(100% - 290px);background:#fff;padding:17px 30px;height:210px;}
.main-quick2 li a	{display:block;padding:15px 0;font-size:17px;color:#333;border-top:1px dashed #E7E7E7;font-weight:500;}
.main-quick2 li:first-child a	{border-top:none;}
.main-quick2 li a:after	{content:"\f067";font-family:FontAwesome;float:right;display:inline-block;width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px;color:#6699CC;font-size:14px;margin-top:4px;padding-left:2px;transition:all 0.2s ease-out;}
.main-quick2 li a:hover:after	{transform:translateX(5px);}

.main-quick3 a		{display:block;height:220px;background-repeat:no-repeat;background-position:right 25px bottom 25px;transition:all 0.2s ease-out;}
.main-quick3 a:hover	{box-shadow:0 10px 15px rgba(0,0,0,0.15);}
.main-quick3.bg1 a	{border:5px solid #AACCE4;background-image:url(../img/mquick3_bg1.png);padding:25px;}
.main-quick3.bg2 a	{background:#D4E5F1 url(../img/mquick3_bg2.png) no-repeat;padding:30px;background-position:right 25px bottom 25px;transition:all 0.2s ease-out;}
.main-quick3 .tit	{font-size:24px;font-weight:600;}
.main-quick3 .txt	{font-size:15px;line-height:1.4;margin:20px 0 40px;}
.main-quick3 .more	{font-size:13px;}
.main-quick3.bg1 .tit,
.main-quick3.bg1 .more	{color:#1B64C4;}
.main-quick3.bg1 .txt	{color:#33495C;}
.main-quick3.bg2 .tit,
.main-quick3.bg2 .more	{color:#2B5971;}
.main-quick3.bg2 .txt	{color:#666666;}

.mnotice				{position:relative;height:440px;padding-left:calc(50% - 120px);margin-top:80px;}
.mnotice .tab_on,
.mnotice .tab_off		{float:left;}
.mnotice .tab_on > a,
.mnotice .tab_off > a	{position:relative;display:block;width:100px;margin:0 10px;text-align:center;font-size:24px;font-weight:600;}
.mnotice .tab_on > a 	{color:#002D8C;}
.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:#002D8C;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 #DCEAF1;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 ";}

#notice103	{display:none;}

.main-quick4			{padding:40px 0;}
.main-quick4 li			{float:left;width:14.285714%;}
.main-quick4 li a		{display:block;text-align:center;font-size:18px;color:#274363;padding:25px;}
.main-quick4 li span	{display:block;width:80px;height:80px;margin:0 auto 20px;background-image:url(../img/mquick4_ico.png);background-repeat:no-repeat;transition:all 0.2s ease-out;}
.main-quick4 li .ico1	{background-position:0 0;}
.main-quick4 li .ico2	{background-position:-80px 0;}
.main-quick4 li .ico3	{background-position:-160px 0;}
.main-quick4 li .ico4	{background-position:-240px 0;}
.main-quick4 li .ico5	{background-position:-320px 0;}
.main-quick4 li .ico6	{background-position:-400px 0;}
.main-quick4 li .ico7	{background-position:-480px 0;}
.main-quick4 li a:hover span	{transform:translateY(-10px);}

.point-custom	{color:#6699CC;}

/* 인사말 */
.greeting	{background:url('../img/greeting.png') no-repeat;padding-top:350px;}
.greeting .tit_wrap	{float:left;width:500px;}
.greeting .txt_wrap	{float:left;width:900px;}
.greeting .tit_wrap	.tit01	{font-size:30px;color:#6699CC;font-weight:bold;margin-bottom:20px;}
.greeting .tit_wrap	.tit02	{font-size:20px;color:#333;font-weight:500;margin-bottom:10px;}
.greeting .tit_wrap	.tit03	{font-size:17px;color:#666;}

/* 연혁 */
.tmp_history table	{margin-left:350px;}

/* 센터개요 */
.bio_tit	{font-size:24px;color:#6699CC;font-weight:500;}
.bio_tit:before	{content:"";display:block;width:35px;height:5px;background:#ebebeb;margin:0 auto 20px;}

/* 지정사항 */
.certification	{background:url('../img/cert_bg.png') no-repeat 50% 50%;height:72px;line-height:72px;color:#0D0B5E;font-size:24px;font-weight:bold;letter-spacing:-1px;}
