@charset "utf-8";
/* CSS Document */

/* 상단 레이아웃 */
#hd {position:fixed; height:100px; width:100%; background:#fff; z-index:100;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd .hd_line {position:absolute; left:0; bottom:0; height:2px; width:100%; background:#fff; z-index:5}

#hd_wrapper {padding:0;zoom:1; position:absolute; width:100%; min-width:1200px; min-height:98px; background:url('./img/gnb_bg.png'); box-shadow:0 2px 5px rgba(0,0,0,.4);}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:24px 0 0}

.hd_blank {height:100px;}

@media \0screen\,screen\9 {
#hd_wrapper {border-bottom:1px solid #ddd;}	
}


/* 탑메뉴 */
#gnbArea h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#gnbArea {height:98px; overflow:hidden; float:right; width:70%; text-align:center;}
#gnbArea a {display:block; text-decoration:none;}
.mainMenu:after {content:""; display:block; clear:both;}
.mainMenu > li {position:relative; float:left; width:18.5%;}
.mainMenu > li.gnb5 {width:26%;}
.mainMenu > li.gnb5 a {letter-spacing:-0.01em;}
.mainMenu > li > a {height:100px; line-height:100px; position:relative; background-repeat:repeat; background-position:center 0; font-size:20px; color:#050505; letter-spacing:-0.025em; font-weight:500; padding:0 25px; background:url('./img/gnb_line.gif') no-repeat 0 center; position:relative; white-space:nowrap; z-index:10; white-space:nowrap;}  
.mainMenu > li:first-child > a {background:none;}
.mainMenu > li > a span {display:block;}
.mainMenu > li > a span.line {display:block; height:6px; padding:0; position:absolute; left:50%; bottom:0; width:0; background:#d7af8b; opacity:0;}
.mainMenu > li.on > a {color:#d7af8b; font-size:21px;}

#gnbArea .subMenu {width:100%; font-size:16px; line-height:1.8em; padding:15px 10px;}
#gnbArea .subMenu > li > a {color:#505050; padding:.3em 0;}
#gnbArea .subMenu > li > a:hover, 
#gnbArea .subMenu > li > a:focus 
{color:#d7af8b}

@media \0screen\,screen\9 {
.mainMenu > li > a {font-weight:bold;}	
}


@media screen\9 {
#gnbArea .subMenu {padding:15px 0;}	
.mainMenu > li {height:98px; overflow:hidden;}
#gnbArea:hover li {height:auto;}
}

/* 중간 레이아웃 */
#wrapper{}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;height:100%;zoom:1}

/*서브메뉴*/
#aside {height:58px; border-bottom:1px solid #ddd; position:relative; z-index:50;}
#aside .lm {zoom:1; border-left:1px solid #ddd;}
#aside .lm:after {display:block;visibility:hidden;clear:both;content:""}
#aside .lm > li {float:left; border-right:1px solid #ddd;}
#aside .lm > li a {display:block; text-decoration:none !important;}
#aside .lm .dropdown {position: relative;}
#aside .lm .lm_1dth {font-size:17px; white-space:normal; color:#373737; font-weight:500; height:57px; line-height:57px; padding:0 1em; padding-right:2.5em; position:relative; min-width:220px; background:#fff; border:none; text-align:left;}
#aside .lm .lm_1dth:hover,
#aside .lm .lm_1dth:focus,
#aside .dropdown:hover .dropbtn 
{color:#d7af8b}
#aside .lm .lm_1dth .ico {position:absolute; right:1em; top:50%; margin-top:-3.5px; display:block; width:11px; height:7px; background:url('./img/lm_ico.png') no-repeat 0 0;}
#aside .lm .lm_1dth:hover .ico,
#aside .lm .lm_1dth:focus .ico,
#aside .dropdown:hover .dropbtn .ico  
{background-image:url('./img/lm_ico_on.png');}

#aside .lm .lm_home .lm_1dth {width:60px; background:url('./img/ico_home.gif') no-repeat center center; padding:0; min-width:0;}
#aside .lm .lm_home .lm_1dth:hover,
#aside .lm .lm_home .lm_1dth:focus
{background-image:url('./img/ico_home_on.gif');}

#aside .lm .dropdown-content {
    display: none;
    position: absolute;
    left: -1px;
	right:-1px;
	top:57px;
    padding: 0;
    margin: 0;
	background:#fff;
	border:1px solid #ddd;
	line-height:1em;
}

#aside .lm .dropdown-content li {border-top:1px solid #e3e3e3;}
#aside .lm .dropdown-content li:first-child {border:none;}
#aside .lm .dropdown-content li a {padding:.9em 1em;}
#aside .lm .dropdown-content li.active a,
#aside .lm .dropdown-content li a:hover,
#aside .lm .dropdown-content li a:focus
{background:#f7f7f7; color:#d7af8b}

#aside .dropdown:hover .dropdown-content {
    display: block;
}

@media \0screen\,screen\9 {
#aside .lm .lm_1dth {font-weight:bold;}	
}

/*서브탭*/
.sub_tab {margin:-59px 0 65px; zoom:1;}
.sub_tab:after {display:block;visibility:hidden;clear:both;content:""}
.sub_tab ul {zoom:1; text-align:center; width:100%; border-left:1px solid #d3d3d3;}
.sub_tab ul:after {display:block;visibility:hidden;clear:both;content:""}
.sub_tab ul li {float:left; border:1px solid #d3d3d3; border-left:none; position:relative; margin:0 0 -1px}
.sub_tab ul.tab2 li {width:50%;}
.sub_tab ul.tab3 li {width:33.33%;}
.sub_tab ul.tab4 li {width:25%;}
.sub_tab ul a {display:block; background:#fff; height:56px; font-size:19px; line-height:56px; letter-spacing:-0.04em; outline:none; border:none; cursor:pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	

}
.sub_tab ul a:hover,
.sub_tab ul a:focus,
.sub_tab ul .active a
{background:#1368ba; color:#fff;}

@media screen\9 {
.sub_tab ul {display:block;}
.sub_tab ul.tab2 li {width:49.8%;}
.sub_tab ul.tab3 li {width:33.23%;}
.sub_tab ul.tab4 li {width:24.8%;}
} 


#container {z-index:4;position:relative;/*float:left;*/min-height:500px;height:auto !important;/*margin:20px  0;*/height:500px;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:40px; line-height:1em; font-weight:500; text-align:center; padding:0 0 .8em; margin:0 0 2em; color:#222; letter-spacing:15px; padding-left: 12px; background:url('./img/title_line.gif') no-repeat center bottom; background-size:70px 2px;}
#container_title span{margin:0 auto 10px;display:block;line-height:30px;}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.lt_wr{width:49%}
.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}

.sub_cont .con_area {padding:65px 0 100px;}


@media \0screen\,screen\9 {
.visual_roll .txt p strong,
#container_title 
{font-weight:bold;}	
}



/*메인레이아웃*/
/*메인비주얼*/
.visual_warp {min-width:1200px; height:750px; overflow:hidden;}
/*.visual_warp .visual_roll {position:relative; top:0; width:1920px; height:610px; left:50%; margin-left:-960px; list-style:none; margin:0; padding:0;}*/
.visual_roll .item {position:relative; height:750px}
.visual_roll .item1 {background:url('/images/main.jpg') no-repeat center; background-size:cover !important}
.visual_roll .item2 {background:url('/images/main.jpg') no-repeat center; background-size:cover !important}
.visual_roll .txt {position:absolute; text-align:center; width:100%; left:0; top:176px;}
.visual_roll .txt p {font-size:46px; line-height:1.45em; letter-spacing:-0.05em; color:#fff; text-shadow:0 0 10px rgba(24, 45, 72, .8);}
.visual_roll .txt p strong {font-weight:700;}
.visual_roll .txt p.txt_sm {font-size:29px; line-height:1em; margin:0 0 20px; letter-spacing:-0.05em;}


/*메인컨텐츠*/
.main_cont .container {padding:48px 0 39px;}
.main_nav {overflow:hidden;}
.main_nav .row {margin:0 -7px;}
.main_nav .col {padding:0 7px; float:left; width:33.33%; margin:0 0 13px; position:relative; zoom:1;}
.main_nav .col a {display:block; background:#fff; border:1px solid #d3d3d3; height:145px; zoom:1; color:#373737;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.main_nav .col a:after {display:block;visibility:hidden;clear:both;content:""}
.main_nav .col .txt {float:left;  /*margin:28px 0 0 20px;*/margin:33px 0 0 20px; width:228px; font-size:14.5px; line-height:1.4em; letter-spacing:-0.05em;}
.main_nav .col .txt h3 {font-size:20px; line-height:1em; margin:0 0 .5em;}
.main_nav .col4 .txt p {letter-spacing:-0.08em;} 
/*.main_nav .col .txt p {font-size:15px; line-height:1.4em; }*/
.main_nav .col .ico {width:100px; height:100px; background-repeat:no-repeat; background-position:0 0; float:right; margin:23px 20px 0 0;}
.main_nav .col1 .ico {background-image:url('./img/main_ico_01.png');}
.main_nav .col2 .ico {background-image:url('./img/main_ico_02.png');}
.main_nav .col3 .ico {background-image:url('./img/main_ico_03.png');}
.main_nav .col4 .ico {background-image:url('./img/main_ico_04.png');}
.main_nav .col5 .ico {background-image:url('./img/main_ico_05.png');}
.main_nav .col6 .ico {background-image:url('./img/main_ico_06.png');}

.main_nav .col a:hover,
.main_nav .col a:focus 
{background:#1368ba; color:#fff; border-color:#1368ba;}
.main_nav .col a:hover .ico,
.main_nav .col a:focus  .ico
{background-position:0 -100px;}

@media \0screen\,screen\9 {
.main_nav .col .txt {font-size:14px;}
.main_nav .col .txt h3 {font-size:19px; letter-spacing:-0.05em;}
}

@media screen\9 {
.main_nav .col {width:32%;}	
}


/*서브레이아웃*/
/*서브비주얼*/
.sub_visual {width:100%; height:270px; text-align:center; position:relative;}
.sub_visual .top_txt_wrap {position:absolute; left:0; width:100%; top:50%; color:#fff; text-shadow:0 0 10px rgba(24, 45, 72, .8);
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
}
.sub_visual h2 {font-size:46px; line-height:1em; letter-spacing: 15px; padding-left: 12px;}
.sub_visual .top_txt {font-size:21px; line-height:1.3em; letter-spacing:-0.03em; margin:.7em 0 0; opacity:.8; filter:alpha(opacity=80);}

.sub_visual.bg_1 {background:url('./img/sub_main_01.jpg') no-repeat center; background-size:cover; height:270px}
.sub_visual.bg_2 {background:url('./img/sub_main_02.jpg') no-repeat center; background-size:cover}
.sub_visual.bg_3 {background:url('./img/sub_main_03.jpg') no-repeat center; background-size:cover}
.sub_visual.bg_4 {background:url('./img/sub_main_04.jpg') no-repeat center; background-size:cover}
.sub_visual.bg_5 {background:url('./img/sub_visual_5.jpg') no-repeat center; background-size:cover}

@media screen\9 {
.sub_visual {padding:0;}	
}



/* 하단 레이아웃 */
#ft {background:#333;padding:30px 0;margin:0 auto;color:#999; font-size:15px; line-height:27px; font-weight:300;}
#ft:after{content:"";clear:both;display:block}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {margin:0 auto;position:relative;}
#ft p span {display:inline-block; background:url('./img/ft_line.gif') no-repeat 0 .6em; padding:0 .6em; margin-right:-3px;}
#ft p span:first-child {background:none; padding-left:0;}
#ft .korimg{float:right;margin-top:-50px}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#272264;background:#272264;color:#fff}

@media screen\9 {
#ft p span {display:inline; zoom:1;}
}


/*common*/
.container {zoom:1; position:relative; width:1200px; margin:0 auto;}
.container:after {display:block;visibility:hidden;clear:both;content:""}

.cols, .col {zoom:1;}
.cols:after, .col:after {display:block;visibility:hidden;clear:both;content:""}
.col_lt {float:left;}
.col_rt {float:right;}

.pc_vs {display:block;}
.mo_vs {display:none;}

.row
{zoom:1;}
.row:after {display:block;visibility:hidden;clear:both;content:"";}

.txt_blue {color:#0f5ea9 !important;}
.txt_brown {color:#5a514b !important;}
.txt_orange {color:#eb6101 !important;}
.txt_red {color:#e4080b !important;}
.txt_green {color:#248aa7 !important;}

.bg_white {background-color:#fff;}
.bg_gray {background-color:#f7f7f7;}
.bg_sky {background-color:#cad0d8;}
.bg_purple {background-color:#404458;}

.txt_nowrap {white-space:nowrap;}

.word_keep, .word_keep p {
word-break:keep-all;
-webkit-word-break:keep-all;
-moz-word-break:keep-all;	
}	
.word_break, .word_break p {
word-break:break-all;
-webkit-word-break:break-all;
-moz-word-break:break-all;	
}

.col_ani {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	
}

.figure {text-align:center}
.figure img {display:block}

.btn_admin_wrap {position:absolute; z-index:10;}


/*썸네일*/
.thum_ov {display:block; position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.thum_ov .overlay {position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.4) url('./img/ico_zoom.png') no-repeat center center; opacity:.8; filter:alpha(opacity=80); display:none;}

.root_daum_roughmap {padding:0; border:none;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-o-border-radius:0;

}