@charset "utf-8";

/* common */
body {color:#252525; font:normal normal 14px/135% 'Nanum Gothic','나눔고딕',dotum,'돋움'; -webkit-text-size-adjust: none;}
a, a:link, a:visited, a:hover, a:active { color: inherit; font-size: inherit; font-weight: inherit; text-decoration: none; }
input[type~="text"],input[type~="search"],input[type~="password"], textarea {padding-left:5px; border-radius:0; border:1px solid #d5d5d5;}
select {height:27px; line-height:27px; padding:3px;}
input[type~="text"],input[type~="search"],input[type~="password"] {height:27px; line-height:27px; background:#fff;}
input[type~="file"] {width:100%; height:27px; border:1px solid #d5d5d5; font-family:'Nanum Gothic','나눔고딕',dotum,'돋움';}
textarea {width:100%; line-height:1.3; font-size:14px; font-family:'Nanum Gothic','나눔고딕',dotum,'돋움';}

#header {position:fixed; top:0; left:0; z-index:8000; width:100%; height:72px; background:url("/images/common/header_shadow.png") repeat-x left bottom;}
.clear:after {display:block; clear:both; content:'';}

.gnb_wrap {position:fixed; left:-246px; top:61px; width:219px; height:100%; z-index:600;}
.gnb_area  {overflow:hidden; position:fixed; width:219px; height:100%; padding:0 14px 0 0; background:#f4f4f4;}
.gnb_area > div {margin:10px 0 0 16px; padding-bottom:90px;}
.gnb {padding:0 0 0; text-align:left;}
.gnb > li {display:block; border-bottom:1px solid #d7d7d7;}
.gnb > li > a {display:block; padding:10px 0 10px 10px; color:#252525; font-size:16px; font-weight:600;}
.gnb > li > ul {display:block; margin-bottom:10px; margin-top:-6px;}
.gnb > li > ul li a {display:block; padding:8px 0 8px 10px; letter-spacing:-0.5px; font-weight:600; line-height:1;}
.gnb > li > ul li ul li a {padding-left:20px;}
.gnb_wrap .m_close {position:absolute; top:10px; right:-27px;}
.gnb_wrap .m_close img {width:27px;}
.etc_menu a {display:block; margin-top:5px; padding:5px 0 0 10px; letter-spacing:-0.5px; font-weight:600;}
.etc_menu a:active {color:#3370b1;} /*2016-08-26 수정*/
.gnb .webmenu_none {display:block;}

.total_menu, a.open_totalmenu {display:none;}

.layer_fix {position:fixed; top:61px; left:0; width:100%; height:100%; z-index:500; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer_fix2 {position:fixed; top:0; left:0; width:100%; height:100%; z-index:8000; background:#000; opacity:.5; filter:alpha(opacity=50);}

.location { position:fixed; width:100%; top:60px; z-index:600; margin-top:0; border-top:1px solid #bdbdbd; border-bottom:1px solid #d5d5d5; background:#f8f8f8;}
.location a {display:inline-block; padding:12px 7px 12px; font-size:14px;}
.location .home {float:left; padding:12px 7px 12px; border:1px solid #d5d5d5; border-width:0 1px 0 0;}
.location .depth3, .location .depth4 {margin-left:-5px;}
.location > div > div {display:inline-block; position:relative; padding-right:7px; border-right:1px solid #d5d5d5;}
.location > div > div > a {padding-right:15px; letter-spacing:-0.5px; background:url("/images/common/icon/icon_depth.gif") no-repeat right center;}
.location > div > div .depth_none {padding-right:2px; background:none;}
.location ul {display:none; position:absolute; top:42px; left:0; z-index:200; border:1px solid #bdbdbd; background:#fff;}
.location ul li a {display:block; white-space:nowrap; min-width:124px; padding:9px 15px 8px; line-height:1;}
.location ul li a:hover, .location ul li.on a {color:#fff; background:#3270b0;}

.sub_visual {margin-top:104px; margin-bottom:20px; padding:0 3.3% 22px; border-bottom:1px solid #d5d5d5; background:none;}
.sub_visual h2 {margin:0; padding:28px 0 6px 0; font-size:18px;}


#footer {position:relative; margin:3.3%;}
.footer_menu {margin-top:30px; padding:10px 0; text-align:center; line-height:1.7; letter-spacing:-0.5px; border-top:2px solid #141414; border-bottom:1px solid #141414;}
.footer_menu a {padding:0 10px 0 6px; font-weight:600;  font-size:13px; white-space:nowrap; letter-spacing:-0.5px; background:url("/images/common/icon/bullet_1.gif") no-repeat right center;}
.footer_menu a:first-child {color:#662d91;}
.footer_menu a.last {background:none;}
.footer_menu img {width:18px; vertical-align:-2px;}
#footer address {margin:10px 0 0; color:#666; text-align:center; font-style:normal; line-height:1.5; font-size:11px;}
#footer address span {margin-left:14px;}
#footer p {padding-bottom:90px; text-align:center; color:#666; font-size:12px; font-weight:bold;}
.footer_logo {position:absolute; top:auto; bottom:51px; left:50%; margin-left:-131px;}
.footer_logo img {width:95px;}
.etc_logo {position:absolute; top:auto; bottom:51px;  left:50%; margin-left:45px;}
.etc_logo img {width:78px;}
.etc_logo2 {position:absolute; top:auto; bottom:51px;  left:50%; margin-left:-22px;}
.etc_logo2 img {width:55px;}
.footer_menu select {position:absolute; bottom:20px; right:50%; margin-right:-50px; padding:2px 10px 2px 0; height:auto; font-size:12px; }
.footer_menu .site_go {position:absolute; bottom:21px; right:50%; margin-right:-82px; width:29px; height:21px; line-height:21px; font-size:12px; color:#fff; background:#464646;}

.p_date {padding: 10px 0;height: 50px;line-height: 50px;}
.p_date label {vertical-align: super;}
.space2 {font-weight: bold;color: #ff5400;font-size: 14px;}
.space3 {color: #444;font-size: 14px;}
.none {display: none !important;}
.ui-datepicker-trigger {width: 20px;margin: 3px 0 0 3px !important;}

@media all and (max-width:320px) {
	.location .depth4 ul {left:auto; right:-1px;}	
}

/* Mobile Device */
#wrapper {overflow:hidden;}
#header .cont_width {background:url("/images/common/line_bar3.gif") no-repeat center top fixed; background-size:100%; background-attachment:fixed;}
#main_cont .cont_width {padding:0 3.2%;}
h1 {position:static; padding-top:16px; text-align:center;}
h1 img {width:135px;}
.web_search, .global_menu > a, .t_btn_lock {display:none;}

.m_menu {position:absolute; left:3.9%; top:23px;}
.m_menu img {width:21px;}

.m_btn span a {display:inline-block; width:79px; height:25px; padding-left:10px; font-size:11px; line-height:25px; color:#fff; font-weight:600; background:#7a579d url("/images/common/icon/arrow_1.png") no-repeat 83.8% center;}
.m_btn span:first-child a {border:1px solid #185b94; background-color:#3270b0;}
.m_btn span:last-child a {border:1px solid #593580; background-color:#7a579d;}


/* .m_search {position:absolute; top:121px; left:-4.2%; width:108.3%; background:#3270b0;} */
.m_search {display:none; position:absolute; top:61px; z-index:600; width:100%; background:#3270b0;}
.m_search p  {display:none; margin:16px;}
.m_search p span {display:block; width:100%; height:26px; border:1px solid #0f548b; background:#fff;}
.m_search a {position:absolute; top:-38px; right:52px;}
.m_search a img {width:19px;}
.m_search input[type~="search"] {width:83%; height:24px; line-height:26px; border:0; background:#fff;}
.m_search button {position:absolute; right:16px; top:16px; width:50px; height:26px; text-align:center; color:#fff; font-weight:600; background:#1a3a5a;}

.lang_select {position:absolute; right:15px; top:21px;}
.m_language {position:absolute; right:0; z-index:600; width:22px; height:22px; text-indent:-9999px; background:url("/images/common/icon/icon_lang.png") no-repeat left top; background-size:22px;}
.m_language.on {background-image:url("/images/common/icon/icon_lang_on.png");}
.lang_wrap {display:none; position:fixed; top:61px; right:0; z-index:600; width:35.6%; height:100%; background:#3370b1;}
.lang_wrap a.close {position:absolute; top:10px; left:-26px;}
.lang_wrap a.close img {width:27px;}
.lang_select ul {margin:10px 15px 0 15px;}
.lang_select ul li a {display:block; padding:11px 0 11px 10px; color:#fff; font-size:13px; font-weight:600; border-bottom:1px solid #275587;}



/* Tablet Device */
@media all and (min-width:768px) and (max-width:999px) {

	.m_menu, .m_btn, .etc_menu, .global_menu > a {display:none;}
	.gnb_area, .t_btn_lock {display:block !important;}
	#wrapper {background:url("/images/common/line_bar2.gif") no-repeat center top;}
	#main_cont .cont_width, #content .cont_width {width:94.8%; padding:0;}
	#content  {margin-top:0;}
	#header {position:relative; height:132px;}
	#header .cont_width {background:none;}
	.gnb_wrap {position:static; width:auto;}
	.gnb_area > div {width:100%; padding:0; margin:0;}
	h1 {position:static; padding-top:27px; text-align:center;}
	h1 img {width:auto;}

	.location {position:relative; top:auto; margin-top:0; border-top:1px solid #bdbdbd; border-bottom:1px solid #d5d5d5; background:#f8f8f8;}
	.location a {padding:12px 15px 12px; font-size:14px;}
	.location .home {padding:12px 10px 12px;}
	.location > div > div {padding-right:10px;}
	.location > div > div > a {padding-right:21px;}
	
	.sub_visual {width:100%; height:130px; margin:0 auto 30px; padding-left:2.3%; border-bottom:1px solid #d5d5d5;}
	.sub_visual h2 {margin:0; padding:46px 0 12px; font-size:20px;}
	.visual01 {background:url("/images/common/sub1_visual.png") no-repeat 98.7% top;}
	.visual02 {background:url("/images/common/sub2_visual.png") no-repeat 95.3% top;}
	.visual03 {background:url("/images/common/sub3_visual.png") no-repeat 98.7% top;}
	.visual04 {background:url("/images/common/sub4_visual.png") no-repeat 98.7% top;}
	.visual05 {background:url("/images/common/sub5_visual.png") no-repeat 98.7% top;}
	.visual06 {background:url("/images/common/sub6_visual.png") no-repeat 98.7% top;}
	.visual07 {background:url("/images/common/sub7_visual.png") no-repeat 98.7% top;}
	.visual08 {background:url("/images/common/sub8_visual.png") no-repeat 98.7% top;}
	.visual09 {background:url("/images/common/sub9_visual.png") no-repeat 96.7% top;}
	
	.gnb_area {display:block; overflow:visible; position:relative; left:0; top:auto; width:auto; height:auto; z-index:600; padding:0; background:none;}
	.gnb {width:768px; margin:0 auto;}
	.gnb > li {border:0; vertical-align:top;}
	.gnb > li > a {padding:0;}
	.gnb .webmenu_none {display:none;}

	.gnb > li.on {position:relative; top:-7px;  z-index:50; padding-bottom:8px; background:url("/images/common/icon/gnb_arrow.gif") no-repeat center bottom;}
	.gnb > li.on > a {position:relative; z-index:50; padding:7px 10px 7px; color:#fff; background:#3270b0;}
	.gnb > li > ul {display:none;}

	#header .open_totalmenu {position:absolute; right:50%; top:82px; margin-right:-309px; z-index:1000; padding-left:24px; color:#3270b0; font-size:16px; font-weight:600; background:url("/images/common/icon/icon_totalmenu.png") no-repeat left center;}
	#header .open_totalmenu.on {background-image:url("/images/common/icon/icon_totalmenu_minus.png");}
	.total_menu {display:none; position:absolute; left:0; top:120px; width:100%; padding: 0 40px; border:1px solid #bdbdbd; border-width:0 0 1px;background:#fff;}
	a.open_totalmenu {display:block;}
	.total_menu > div {position:relative; width:570px; margin:0 auto;}
	.total_menu > div > ul {overflow:hidden; padding-bottom:15px; border-bottom:1px solid #dfdfdf;}
	.total_menu > div > ul > li {float:left;margin-left:56px;}
	/*.total_menu > div > ul > li:first-child  {width:213px; margin-left:0;}*/
	.total_menu > div > ul > li:first-child  {width:65px; margin-left:0;} /*2016-09-12 수정*/
	.total_menu > div > ul > li > a {display:block; padding:19px 0 18px; line-height:1; font-weight:600; border-left:1px solid #3270b0; border-bottom:1px solid #3270b0; background:#fff;}
	.total_menu > div > ul > li ul li {margin-bottom:15px;}
	.total_menu > div > ul > li ul li a {display:block;}
	.total_menu > div > ul > li ul li a:hover, .total_menu > div > ul > li ul li.on a {color:#3270b0; text-decoration:underline;}
	.total_menu a.close {position:absolute; right:15px; bottom:15px;}
	.menu_etc {padding:30px 0 15px;}
	.menu_etc > ul > li {overflow:hidden; position:relative; margin-bottom:15px;}
	.menu_etc > ul > li > span {font-size:16px; font-weight:600; }
	.menu_etc > ul > li.on > span {color:#fff; padding-right:8px; background:url("/images/common/icon/gnb_arrow2.gif") no-repeat right center;}
	.menu_etc > ul > li.on > span a {display:inline-block; position:relative; z-index:50; padding:7px 7px 6px; background:#3270b0;}
	.menu_etc > ul > li > ul {position:absolute; left:134px; top:0;}
	.menu_etc > ul > li.on > ul {top:6px;}
	.menu_etc > ul > li > ul > li {float:left; margin-right:26px;}

	.m_search {position:absolute; top:121px; left:0; background:#3270b0;}
	.m_search a {position:absolute; top:-39px; right:8.9%; margin-right:0;}
	.m_search a img {width:23px;}
	.m_language {position:absolute; right:0; width:27px; height:27px; text-indent:-9999px; background:url("/images/common/icon/icon_lang.png") no-repeat left top;}

	.lang_select {right:2.5%; top:79px; margin-right:0;}
	.lang_wrap {top:121px;}

	.gnb {padding:17px 93px 0 0; text-align:center;}
	.gnb > li {display:inline-block;}
	.gnb > li > a {margin:0 17px; color:#252525; font-size:16px; font-weight:600;}
	.gnb > li > ul {display:none;}
	.t_btn_lock {position:absolute; top:80px; left:2.6%; z-index:600;}
	.cont_width {position:relative; margin:0 auto;}

	.footer_menu {padding:12px 70px; line-height:2;}
	.footer_menu .last {background:none;}
	#footer .cont_width {width:94.8%; padding:0;}
	#footer select {position:static; margin:0; vertical-align:middle;}
	.footer_menu .site_go {position:static;}
	.footer_logo {top:110px; left:-10px; bottom:auto;}
	.etc_logo {top:105px; right:0;}
	.etc_logo2 {top:110px; right:98px;}
	#footer address {width:398px; margin:20px auto 0; line-height:1.7; font-size:12px;} 
	#footer p {width:397px; margin:0 auto 26px; padding-bottom:0; line-height:1.7;}

	.layer_fix {position:fixed; top:121px; left:0; width:100%; height:100%; z-index:500; background:#000; opacity:.5; filter:alpha(opacity=50);}

	#footer {position:relative; margin:0 0 30px;}
	.footer_menu a {padding:0 11px;}
	.footer_logo, .etc_logo, .etc_logo2 {margin:0; left:auto;}
	.footer_logo img, .etc_logo img, .etc_logo2 img {width:auto;}
}

/* Desktop Device */
@media all and (min-width:1000px) {
	.m_menu, .m_btn, .m_search, .etc_menu, .t_btn_lock, .m_language, .lang_wrap a.close, .m_close {display:none;}
	#wrapper {padding-top:4px; background:url("/images/common/line_bar.gif") no-repeat center top;}
	#header {position:relative; height:112px; z-index:500;}
	#header .cont_width {background:none;}
	#content  {margin-top:0;}
	/* .web_search, .gnb_area {display:block;} */
	.global_menu > a {display:inline-block;}

	.location {position:relative; top:auto; z-index:auto;}
	.location a {padding:12px 15px 12px; font-size:14px;}
	.location .home {padding:12px 10px 12px;}
	.location > div > div {padding-right:10px;}
	.location > div > div > a {padding-right:21px;}

	.location .home {float:left; padding:12px 10px 12px; border:1px solid #d5d5d5; border-width:0 1px;}
	.location .depth2 {display:inline-block; border-right:1px solid #d5d5d5; }
	.location .depth3 {display:inline-block; padding-right:10px; border-right:1px solid #d5d5d5;}
	.location .depth3 > a {padding-right:21px; background:url("/images/common/icon/icon_depth.gif") no-repeat right center;}
	.location ul {position:absolute; top:42px; left:0; z-index:200; border:1px solid #bdbdbd; background:#fff;}
	.location ul li a {display:block; white-space:nowrap; padding:9px 15px 8px; line-height:1;}
	.location ul li a:hover, .location ul li.on a {color:#fff; background:#3270b0;}

	.sub_visual {width:1000px; height:130px; margin:0 auto 30px; padding-left:0; background-position:98.7% top; border-bottom:1px solid #d5d5d5;}
	.sub_visual h2 {margin:0; padding:46px 0 12px; font-size:20px;}
	.visual01 {background:url("/images/common/sub1_visual.png") no-repeat 680px top;}
	.visual02 {background:url("/images/common/sub2_visual.png") no-repeat 680px top;}
	.visual03 {background:url("/images/common/sub3_visual.png") no-repeat 680px top;}
	.visual04 {background:url("/images/common/sub4_visual.png") no-repeat 680px top;}
	.visual05 {background:url("/images/common/sub5_visual.png") no-repeat 680px top;}
	.visual06 {background:url("/images/common/sub6_visual.png") no-repeat 680px top;}
	.visual07 {background:url("/images/common/sub7_visual.png") no-repeat 680px top;}
	.visual08 {background:url("/images/common/sub8_visual.png") no-repeat 680px top;}
	.visual09 {background:url("/images/common/sub9_visual.png") no-repeat 680px top;}

	h1 {position:absolute; top:41px; left:2px; padding:0; z-index:100;}
	h1 img {width:auto;}
	.cont_width {position:relative; width:1000px; margin:0 auto;}
	.gnb_wrap {position:static; width:auto; z-index:0;}
	.gnb_area {display:block; overflow:visible; position:relative; left:0; top:auto; width:auto; height:auto; z-index:0; padding:0; background:none;}
	.gnb_area > div {margin:0; padding:0;overflow:hidden;}
	.gnb > li {border:0;}
	.gnb > li > a {padding:0;}
	
	.global_menu {position:absolute; top:13px; right:-5px;}
	.global_menu > a {padding:0 6px 0 10px; color:#252525; font-size:12px; background:url("/images/common/icon/bullet_1.gif") no-repeat left center;}
	.global_menu > a:first-child {background:none;}
	.global_menu > a.language span {padding-right:26px; background:url("/images/common/icon/arrow_lang.gif") no-repeat right center;}
	
	.global_menu > a.no_line {background:none;}
	.global_menu > a.r_line {background:url("/images/common/icon/bullet_1.gif") no-repeat right center;}
	
	
	a.btn_log {border: 1px solid #185b94;background: #3270b0;color: #fff;padding: 0 5px;margin: 0 5px;}
	
	
	.gnb {width:1000px; padding:55px 0 0; text-align:center;}
	.gnb > li {display:inline-block; vertical-align:top;}
	.gnb > li > a {margin:0 24px; color:#252525; font-size:16px; font-weight:600;}
	.gnb > li.on {position:relative; top:-7px;  z-index:50; padding-bottom:8px; background:url("/images/common/icon/gnb_arrow.gif") no-repeat center bottom;}
	.gnb > li.on > a {position:relative; z-index:50; padding:7px 10px 7px; color:#fff; background:#3270b0;}
	.gnb > li > ul {display:none;}
	.gnb .webmenu_none {display:none;}

	#header .open_totalmenu {position:absolute; right:50%; top:55px; margin-right:-422px; padding-left:24px; color:#3270b0; font-size:16px; font-weight:600; background:url("/images/common/icon/icon_totalmenu.png") no-repeat left center;}
	#header .open_totalmenu.on {background-image:url("/images/common/icon/icon_totalmenu_minus.png");}
	.total_menu {display:none; position:absolute; left:0; top:112px; width:100%; padding: 0; border:1px solid #bdbdbd; border-width:0 0 1px;background:#fff;}
	a.open_totalmenu {display:block;}
	.total_menu > div {position:relative; width:1000px; margin:0 auto; padding-left:239px; background:url("/images/common/gnb_img.gif") no-repeat left bottom;}
	.total_menu > div > ul {overflow:hidden; padding-bottom:15px; border-bottom:1px solid #dfdfdf;}
	.total_menu > div > ul > li {float:left;margin-left:70px;}
	.total_menu > div > ul > li:first-child  {width:227px; margin-left:0;}
	.total_menu > div > ul > li > a {display:block; padding:19px 0 18px; line-height:1; font-weight:600; border-left:1px solid #3270b0; border-bottom:1px solid #3270b0; background:#fff;}
	.total_menu > div > ul > li.on > a {background:#3270b0;}
	.total_menu > div > ul > li ul li {margin-bottom:15px;}
	.total_menu > div > ul > li ul li a {display:inline-block;}
	.total_menu > div > ul > li ul li a:hover, .total_menu > div > ul > li ul li.on a {color:#3270b0; text-decoration:underline;}
	.total_menu a.close {position:absolute; right:15px; bottom:15px;}
	.menu_etc {padding:30px 0 15px;}
	.menu_etc > ul > li {overflow:hidden; position:relative; margin-bottom:15px;}
	.menu_etc > ul > li > span {font-size:16px; font-weight:600; }
	.menu_etc > ul > li.on > span {color:#fff; padding-right:8px; background:url("/images/common/icon/gnb_arrow2.gif") no-repeat right center;}
	.menu_etc > ul > li.on > span a {display:inline-block; position:relative; z-index:50; padding:7px 7px 6px; background:#3270b0;}
	.menu_etc > ul > li > ul {position:absolute; left:134px; top:0;}
	.menu_etc > ul > li.on > ul {top:6px;}
	.menu_etc > ul > li > ul > li {float:left; margin-right:26px;}
	
	.lang_wrap {position:static; background:none;}
	.lang_select {position:absolute; right:0; top:0;}
	.lang_select ul { position:absolute; right:0; top:17px; z-index:10; margin:0; background:#fff;}
	.lang_select ul li a {display:block; width:130px; height:29px; margin-bottom:1px; padding:0 0 0 11px; line-height:29px; color:#fff; border:0; background:#8b8b8b;}
	.lang_select ul li a:hover {font-weight:600; background:#5b5b5b;}
	
	.web_search {position:absolute; right:0; top:51px;}
	.web_search > div {}
	.web_search input[type~="search"], .web_search input[type~="text"] {float:left; width:201px; height:21px; line-height:21px; vertical-align:top; border:1px solid #d7d7d7; width:201px;}
	.web_search input[type~="image"] {position:relative; top:4px; width:13px; margin-left:-25px;}
	
	.footer_logo img {width:122px;}
	#footer select {position:absolute; right:32px; top:13px; bottom:auto; margin:0; padding:2px;}
	.footer_menu .site_go {position:absolute; right:0; bottom:auto; top:13px; margin:0;}
	#footer {position:relative; margin:50px 0 30px; padding:0 0 0;}
	.footer_menu {margin-top:30px; padding:11px 0 11px; text-align:center; line-height:1.3; border-top:2px solid #141414; border-bottom:1px solid #141414;}
	.footer_menu a {font-size:13px;}
	.footer_menu a:first-child {color:#662d91;}
	#footer address {margin:23px 0 2px; color:#666; text-align:center; font-style:normal;  font-size:12px;}
	#footer p { padding-bottom:0; text-align:center; color:#666; font-weight:bold;}
	.footer_logo {position:absolute; top:72px; left:0; bottom:auto;}
	.etc_logo {position:absolute; top:60px; right:0;}
	.etc_logo2 {position:absolute; top:66px; right:98px;}
	.footer_logo img, .etc_logo img, .etc_logo2 img {width:auto;}
	.footer_logo, .etc_logo, .etc_logo2 {margin:0;left:auto;}
}