@charset "utf-8";
.skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
.hidden {display:none;}
body {width:100%; min-width:1200px;}
table {width:100%; border-spacing:0; border-collapse:collapse;}


#wrapper {position: relative;}

/* header */
#header {width:100%; height:125px;position:absolute;z-index:999;top:0;left:0;}
#header_content {position:relative; *zoom:1; width:1200px; margin:0 auto; height:39px;}
#header_content:after {content:" "; display:block; clear:both;}
#header_content .logo {position:absolute; top:38px; left:0; z-index:1000;}
#header_content .logo a{display:block;}
#top_menu {*zoom:1; width:100%; height:40px;}
#top_menu:after {content:" "; display:block; clear:both;}
#top_menu ul {float:right;}
#top_menu ul li {float:left; font-size:12px; font-weight:400;}
#top_menu ul li a {display:block; color:#777777; padding:0 12px; line-height:40px;}
#top_menu ul li a:hover {font-weight:600;}


/* gnb */
nav {margin:0;}
nav#gnb{width:100%; position:absolute; top:68px; left:0; height:58px; z-index:999; min-width:1200px;}
nav#gnb > ul {*zoom:1; width:770px; margin:0 auto; padding:0 0 0 430px;}
nav#gnb > ul:after {content:" "; display:block; clear:both;}
nav#gnb > ul > li {float:left; position:relative; min-width:145px; text-align:center;}
nav#gnb > ul > li.gnb2 {min-width:185px;}
nav#gnb > ul > li.gnb5{min-width:140px;}
nav#gnb > ul > li > a {display:block; font-size:18px; height:58px; font-weight:600; color:#151515;} 
nav#gnb > ul > li > a:hover, nav#gnb > ul > li > a:focus,nav#gnb > ul > li.active > a {background:url('../images/common/menu_bar.gif') 50% 100% no-repeat;}
nav#gnb > ul > li .gnb-2dep {display:none; position:absolute; top:81px; left:0px; min-width:140px; line-height:40px; padding:0;}
nav#gnb > ul > li .gnb-2dep:first-child {background:none;}
nav#gnb > ul > li:hover .gnb-2dep{}
nav#gnb > ul > li .gnb-2dep li{text-align:center; position:relative;}
nav#gnb > ul > li .gnb-2dep li a {display:block; color:#c4c9ce; font-size:15px; font-weight:400;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
nav#gnb > ul > li .gnb-2dep li a.long{line-height:22px;padding:10px 0 0 0;}
nav#gnb > ul > li .gnb-2dep li a:hover,nav#gnb > ul > li .gnb-2dep li a:focus {color:#fff; text-decoration:underline;}
#gnbBg_wrap {width:100%; background:url('../images/common/head_line.gif') 0 0 repeat-x; height:1px;}
#gnbBg {position:absolute; top:57px; left:0px; width:100%; height:0; background:url('../images/common/sub_bg.png') 0 0 repeat; display:none; }



#container {width:100%;}
#mainvisual {width:100%; height:733px; }
#mainvisual .slideshow{position:relative; width:100%; height:733px;overflow:hidden;}
#mainvisual .slideshow div{height:100%;}

#mainvisual .slideshow .visual_bg1{ background:url('../images/main/mainvisual3.jpg') 50% center no-repeat;background-size:cover;}
#mainvisual .slideshow .visual_bg2{ background:url('../images/main/mainvisual1.jpg') 50% center no-repeat;background-size:cover;}
#mainvisual .slideshow .visual_bg3{ background:url('../images/main/mainvisual.jpg') 50% center no-repeat;background-size:cover;}


#mainvisual .visual_box{width:1200px; margin:0 auto;position:absolute; top:200px; left:50%;margin-left:-600px;z-index:900;}
#mainvisual .visual_box:after{content:"";display:block;clear:both;}
#mainvisual .visual_txt {float:left;padding:110px 0 0 40px;}
#mainvisual .visual_txt h2 {margin:0 0 40px 0;}
#mainvisual .visual_txt p {font-size:23px; font-weight:600; color:#000;line-height:38px; letter-spacing:-1px}
#mainvisual .visual_banner{float:left; width:595px; height:412px;padding:0 0 0 58px;}
#mainvisual .visual_banner ul{margin:0 0 10px 0;}
#mainvisual .visual_banner ul:after{content:"";display:block; clear:both;}
#mainvisual .visual_banner li{float:left; width:241px;height:130px;padding:35px 25px;color:#fff;}
#mainvisual .visual_banner li.box1{background:url('../images/main/box1_bg.jpg') 0 0 no-repeat; margin:0 10px 10px 0;}
#mainvisual .visual_banner li.box2{background:url('../images/main/box2_bg.jpg') 0 0 no-repeat; margin:0 0 10px 0;}
#mainvisual .visual_banner li.box3{background:url('../images/main/box3_bg.jpg') 0 0 no-repeat; margin:0 10px 0 0;}
#mainvisual .visual_banner li.box4{background:url('../images/main/box4_bg.jpg') 0 0 no-repeat; }

#mainvisual .visual_banner li h3{font-size:24px; font-weight:600; padding:0 0 20px 0; border-bottom:1px solid #fff;margin:0 0 20px 0;}
#mainvisual .visual_banner li.box2 h3{letter-spacing:-0.09em; font-size:23px;}
#mainvisual .visual_banner li p{font-size:15px;letter-spacing:-0.03em;margin:0 0 30px 0;}
#mainvisual .visual_banner li a{display:block; color:#fff;font-size:15px; text-align:right;margin:0 5px 0 0;}
#mainvisual .visual_banner li a img{position:relative; top:0; right:0;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;}
#mainvisual .visual_banner li a:hover img,  #mainvisual .visual_banner li a:focus img {position:Relative; right:-10px;}

#mainvisual .visual_banner .recent_notice{width:100%; height:40px; line-height:40px; background-color:#182779; font-size:16px;
border-radius:20px;
-webkit-border-radius:20px;
-ms-border-radius:20px;
-moz-border-radius:20px;
-o-border-radius:20px;
margin:0 0 10px 0;
}
#mainvisual .visual_banner .recent_notice:after{content:"";display:block;clear:both;}
#mainvisual .visual_banner .recent_notice .title{display:block;width:16%;float:left;padding:0 10px; color:#f1ff17;font-weight:600;text-align:center;}
#mainvisual .visual_banner .recent_notice p{float:left;width:80%;}
#mainvisual .visual_banner .recent_notice p:after{content:"";display:block;clear:both;}
#mainvisual .visual_banner .recent_notice p a{display:block; color:#fff;max-width:92%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}
#mainvisual .visual_banner .recent_notice p .new{display:inline-block;width:15px;height:15px;line-height:15px;text-align:center;
border-radius:7px;background-color:red;color:#fff;font-size:11px;font-weight:600;vertical-align:middle;margin:11px 0 0 10px;}






/* section */
.section {*zoom:1; width:1200px; margin:0 auto; padding:62px 0; min-height:155px;}
.section:after {content:" "; display:block; clear:both;}
.section .column {float:left; width:560px;position:relative;margin:0 0 0 60px; }
.section .column.first{margin:0;}
.section .column h3 {font-size:22px; font-weight:600; color:#151515; padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid #d1d1d1;}
.section .column ul li {width:560px; position:relative; line-height:35px; font-size:16px; font-weight:400;}
.section .column ul li a {display:block; color:#333333; width:390px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
transition:all .3s;
-webkit-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
-moz-transition:all .3s;}

.section .column ul li a:hover { color:#041568;}
.section .column ul li span {position:absolute; top:0; right:0; color:#888888;font-size:15px;}
.section .column a.more {position:absolute; top:13px; right:0; display:block; color:#b78a27;font-weight:400;}
.section .column a.more:hover,.section .column a.more:focus{	font-weight:600;}


/* section2 */
.section2 {width:100%; background:#f5f5f5; padding:60px 0;}
.section2_in{width:1200px; margin:0 auto;}
.section2_in:after{content:"";display:block;clear:both;}
.section2 .gallery_wrap h3 {font-size:25px; font-weight:600; color:#151515; padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid #d1d1d1;}

.section2 .gallery_wrap{float:left;}
.section2 .gallery {*zoom:1; width:560px; margin:0 auto;}
.section2 .gallery:after {content:" "; display:block; clear:both;}
.section2 .gallery dl {float:left; width:265px;margin:0 0 0 20px; cursor:pointer;}
.section2 .gallery dl:first-child{margin:0;}
.section2 .gallery dl dt {height:195px; object-fit:cover; overflow:hidden;border:1px solid #ddd; }
.section2 .gallery dl:hover dt img {transform:scale(1.05);}
.section2 .gallery dl:hover dd p {color:#b78a27;}
.section2 .gallery dl dt img {
	transform: scale(1);
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
}
.section2 .gallery dl dd {position:relative; width:227px; height:54px; border:1px solid #ddd; border-top:none;background:#fff; padding:18px; font-size:15px; font-weight:600;}
.section2 .gallery dl dd p {display:block; width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
}
.section2 .gallery dl dd span {position:absolute; bottom:15px; right:20px;  color:#b78a27; font-size:14px; font-weight:400;}




.section2 .column {float:left; width:560px;position:relative;margin:0 0 0 60px; }
.section2 .column.first{margin:0;}
.section2 .column h3 {font-size:25px; font-weight:600; color:#151515; padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid #d1d1d1;}
.section2 .column ul li {width:560px; position:relative; line-height:35px; font-size:16px; font-weight:400;}
.section2 .column ul li a {display:block; color:#333333; width:390px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
transition:all .3s;
-webkit-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
-moz-transition:all .3s;}

.section2 .column ul li a:hover { color:#041568;}
.section2 .column ul li span {position:absolute; top:0; right:0; color:#888888;font-size:15px;}
.section2 .column a.more {position:absolute; top:13px; right:0; display:block; color:#b78a27;font-weight:400;}
.section2 .column a.more:hover,.section2 .column a.more:focus{	font-weight:600;}





/* section3 */
.section3 {width:100%;padding:60px 0;}
.section3 h3 {width:1200px; margin:0 auto 35px ;font-size:28px; font-weight:600; color:#151515; }
.section3 h3:after{ content:""; display:block; float:right;background:url('../images/common/he_line.jpg') 0 center repeat-x; width:1000px; height:33px;}
.section3 .recent {*zoom:1; width:1200px; margin:0 auto;}
.section3 .recent ul:after{content:"";display:block;clear:both;}
.section3 .recent ul li{float:left; width:578px; height:283px; border:1px solid #ddd; margin:0 0 0 40px;overflow:hidden;}
.section3 .recent ul li a{display:block;}
.section3 .recent ul li:first-child{margin:0;}


/* sub */
#subvisual {width:100%; height:400px; background:url('../images/sub/subvisual2.jpg') 50% center no-repeat;}
.sub_txt {width:1000px; margin:0 auto; padding:205px 0 0 200px;}
.sub_txt:after{content:"";display:block; clear:both;}
.sub_txt h2 {float:left;padding:7px 30px 0 0;}
.sub_txt p {float:left;font-size:22px; font-weight:600;color:#222427;line-height:35px; letter-spacing:-0.03em;}

#contents {*zoom:1; width:1200px; margin:0 auto; padding:40px 0 0;}
#contents:after {content:" "; display:block; clear:both;}


/*left_menu*/
#left_menu {float:left; width:220px;}
.tit_box {height:100px;background:url('../images/sub/tit_box.jpg') 0 0 no-repeat;margin:0 0 10px 0;}
.tit_box h3 {font-size:24px; font-weight:900; color:#fff; text-align:center;line-height:100px;}
#lnb ul li {line-height:50px;margin:0 0 10px 0;text-align:center;}
#lnb ul li a {font-size:16px; display:block; color:#454545; border:2px solid #dfdfdf;}
#lnb ul li a.long {line-height:22px; padding:10px 0;}
#lnb ul li a:hover , #lnb ul li.on a {border:2px solid #1a287f; color:#1a287f; font-weight:600;}

.sub_top{border-bottom:1px solid #ddd;padding:0 0 15px 0;position:relative;margin:0 0 50px 0;}
.sub_top:after{content:"";display:block;clear:both;}

#subtitle {float:left;}
#subtitle h3 {font-size:26px; font-weight:600; color:#151515; }
.path{position:absolute; bottom:15px; right:0;color:#aaaaaa;font-size:14px;}
.path .right_arrow{margin:0 5px;}

#cont {float:left; width:940px; margin:0 0 0 40px;}
#con_area {min-height:320px; padding:0 0 100px 0; clear:both;}


/*footer*/
#footer{width:100%; height:170px; background:#505153;}
#footer_content {width:1200px; margin:0 auto; padding:45px 0 0;}
#footer_content:after{content:"";display:block;clear:both;}
#footer_content .right{float:left;padding:20px 0 0 0;}
#footer_content .left{float:left;width:900px;padding:0 0 0 80px;position:relative;}
#footer_content address {font-size:15px; font-weight:400; color:#aaaaaa; line-height:25px;letter-spacing:-0.03em;}
#footer_content address .copy{font-size:13px; padding:10px 0 0 0;}
#footer_content address span{font-weight:600;}

.familysite {position:relative; cursor:pointer;position:absolute;right:0;top:0;}
.familysite .f_list {display:none; position:absolute; width:194px; left:0; bottom:24px; background:#fff; border:1px solid #b9b9b9; font-size:13px; line-height:24px; z-index:10;}
.familysite .f_list a {display:block; text-decoration:none; color:#454545; padding:0 5px;}
.familysite .f_list a:hover {background:#eee;}


/*Quick Menu */
#quick_menu {position:fixed; top:700px; margin:0 0 0 620px; width:64px; left:50%;}
#quick_menu a {display:block;}

/** mobile_none **/
.allmenu {display:none;}
#nav{display:none}


/* 01_01 */
.intro{*zoom:1; margin:0 0 100px 0;}
.intro_top {width:940px; height:314px; background:url('../images/sub/intro_bg240618.jpg') 0 0 no-repeat;}
.intro_top h3{padding:65px 0 0 250px; font-size:22px; color:#111111; font-weight:600;line-height:35px;}
.intro_top h3 span{font-size:28px; color:#141e6f;}
.intro_top p{padding:30px 0 0 250px; font-size:16px; line-height:28px; color:#333;width:640px;}

.intro > p{font-size:16px; line-height:28px; color:#333333; letter-spacing:-0.03em; padding:30px 0 0 0;word-break:keep-all; text-align:justify;}
.intro > p.gray{padding:20px; background-color:#f3f3f3;margin:0 0 10px 0;}
.intro > p.gray span{font-weight:600;color:#111;}

.sign{text-align:right;padding:60px 0 0 0;}
.sign p{color:#111111;font-size:16px;letter-spacing:-0.03em;font-weight:600;}
.sign p span{font-size:23px;}
.sign p img{vertical-align:middle;}


/* 01_02 */
.vision{*zoom:1; margin:0 0 100px 0;}
.vision .tab{margin:0 0 60px 0;}
.vision .tab ul{width:940px; height:50px; background:url('../images/sub/gray_dot_bg2.jpg') no-repeat 480px 100%;}
.vision .tab ul:after{content:"";display:block;clear:both;}
.vision .tab li{width:240px;height:50px; line-height:50px; text-align:center; float:left;}
.vision .tab li a {display:block;height:48px;font-size:16px;color:#949597;background-color:#e7e7e9;border:1px solid #ddd;font-weight:400;}
.vision .tab li.active a{color:#111111;height:49px;background-color:#fff;border-bottom:none;font-weight:600;}

.tab1 .v_top{position:relative; padding:20px 0 0 0;}
.tab1 .v_top .dda1{position:absolute;top:0;left:30px;}
.tab1 .v_top .dda2{position:absolute;top:0;right:30px;}
.tab1 .v_top p{text-align:center;font-size:17px; line-height:32px; letter-spacing:-0.03em;color:#333333;}
.tab1 .v_top p span{font-size:20px;color:#17206e;font-weight:600;}
.tab1 h3{font-size:25px;font-weight:600;color:#111111;letter-spacing:-0.03em; padding:0 0 0 28px; margin:60px 0 15px 0; background:url('../images/sub/blue_square.png') 0 center no-repeat;}
.tab1 .gray{padding:20px; background-color:#f3f3f3;text-align:justify;word-break:keep-all;font-size:16px;color:#333333;line-height:28px;margin:0 0 10px 0;}
.tab1 .gray a.found_btn {display:block; width:200px; height:45px; padding: 0 0 0 19px;margin:30px 0 0 0;background:url('../images/sub/found_down_btn.jpg') 0 0 no-repeat; line-height:45px; font-size:16px; font-weight:600;color:#fff;}

.tab1 .icon:after{content:"";display:block;clear:both;}
.tab1 .icon li{width:198px; padding:0 10px;height:248px;float:left;margin:0 0 0 20px;border:1px solid #ddd; text-align:center;}
.tab1 .icon li:first-child{margin:0;}
.tab1 .icon li img{padding:40px 0 30px;}
.tab1 .icon li.li2 img{padding:40px 0 42px;}
.tab1 .icon li.li4 img{padding:40px 0 40px;}
.tab1 .icon li p{word-break:keep-all;line-height:25px;letter-spacing:-0.04em;color:#666666;font-size:15px;}
.tab1 table{border-top:1px solid #000; border-bottom:2px solid #ddd;}
.tab1 table tbody tr th{padding:16px; background-color:#f3f3f3; font-size:16px; color:#111111;font-weight:600;border-bottom:1px solid #ddd;}
.tab1 table tbody tr td{padding:16px;  font-size:16px; color:#555555;border-bottom:1px solid #ddd;border-left:1px solid #ddd; line-height:25px;letter-spacing:-0.03em;}

.tab2 .h_top{width:940px;height:150px;background:url('../images/sub/h_top_bg.jpg') 0 0 no-repeat;margin:0 0 40px 0;}
.tab2 .h_top h4{padding:55px 0 0 85px; font-size:37px;color:#041a37;font-weight:600;}

.tab2 dl{margin:0 0 40px 0;}
.tab2 dl:after{content:"";display:block;clear:both;}
.tab2 dl dt{float:left;font-size:27px;color:#111111;font-weight:600;padding:0 0 0 28px; background:url('../images/sub/blue_square.png') 0 center no-repeat;}
.tab2 dl dd{float:left;border-left:1px solid #ddd; padding:0 0 0 30px;margin:0 0 0 30px;}
.tab2 dl dd p{font-size:16px; color:#444444; letter-spacing:-0.03em; margin:0 0 15px 0;line-height:25px;}
.tab2 dl dd p span{display:inline-block;width:90px; color:#121d6f;font-size:19px;font-weight:600;}


#publication_area{width:920px; height:auto;}

/* 01_03 */
.organi{*zoom:1; margin:0 0 100px 0;}
.organi .organi_box{text-align:center;padding:0 0 80px 0;}
.organi h3{font-size:25px; font-weight:600; color:#111111; padding:0 0 20px 0;}
.organi table{border-top:1px solid #111; border-bottom:2px solid #ddd;margin:0 0 70px 0;}
.organi table thead tr th{padding:15px 10px; font-size:16px; color:#111; font-weight:600; background-color:#f5f5f5;border-bottom:1px solid #ddd; border-left: 1px solid #ddd;}
.organi table tbody tr td{padding:10px 10px; font-size:16px; color:#333;border-bottom:1px solid #ddd; border-left: 1px solid #ddd;text-align:center;}
.organi table .left{border-left:none;}


/* 02_01 */
.business01 {*zoom:1; margin:0 0 100px 0;}
.business h3{font-size:25px;font-weight:600;color:#111111;letter-spacing:-0.03em; padding:0 0 0 28px; margin:60px 0 15px 0; background:url('../images/sub/blue_square.png') 0 center no-repeat;}
.business .gray{padding:20px; background-color:#f3f3f3;text-align:justify;word-break:keep-all;font-size:16px;color:#333333;line-height:28px;margin:0 0 10px 0;}
.business table{border-top:2px solid #17206e; border-bottom:2px solid #ddd;}
.business table tbody tr th{border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:16px;color:#333333;font-weight:600;padding:20px;}
.business table tbody tr td{border-bottom:1px solid #ddd;font-size:16px;color:#333333;padding:20px;}

/* 02_02 */
.business02 {*zoom:1; margin:0 0 100px 0;}
.business02 .bold{font-size:17px; font-weight:600;color:#111;padding:10px 0;}

/*02_04*/
.business04 .gray span{display:block;padding:0 0px 10px 20px;font-size:14px;line-height:22px;}



/*04_01*/
.join_intro{*zoom:1; margin:0 0 100px 0;}
.join_intro h3{font-size:25px;font-weight:600;color:#111111;letter-spacing:-0.03em; padding:0 0 0 28px; margin:60px 0 15px 0; background:url('../images/sub/blue_square.png') 0 center no-repeat;}
.join_intro .gray{padding:20px; background-color:#f3f3f3;text-align:justify;word-break:keep-all;font-size:16px;color:#333333;line-height:28px;margin:0 0 10px 0;}
.join_intro table{border-top:2px solid #17206e; border-bottom:2px solid #ddd;}
.join_intro table tbody tr th{border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:16px;color:#333333;font-weight:600;padding:20px;}
.join_intro table tbody tr td{border-bottom:1px solid #ddd;font-size:16px;color:#333333;padding:20px;}
.join_intro .process:after{content:"";display:block;clear:both;}
.join_intro .process li{float:left;}
.join_intro .process li.arrow{padding:0 50px 0 0; background:url('../images/sub/right_arrow.png') 297px center no-repeat;}
.join_intro .process li p{width:278px;height:73px;padding:20px 0 0 0;border-radius:10px;border:1px solid #ddd;text-align:center;font-size:16px; line-height:25px; color:#333333;}
.join_intro .process li p span{font-weight:600;color:#111;}
.join_intro a.go_join_btn{display:block;width:200px;height:50px;background:url('../images/sub/join_go_btn.jpg') 0 0 no-repeat; color:#fff; font-weight:600;font-size:16px; padding:0 0px 0 19px;
line-height:50px;margin:50px auto 0;}



/* 회원가입 select 페이지 */
.join_sel{*zoom:1; margin:0 0 150px 0;padding:30px 0 0 0;}
.join_sel ul:after{content:"";display:block;clear:both;}
.join_sel li{float:left;width:448px;height:333px;border:1px solid #ddd; text-align:center;}
.join_sel li:first-child{margin:0 40px 0 0 ;}
.join_sel li:hover, .join_sel li:focus{border:1px solid #141e6f;}

.join_sel li span{display:block; padding:42px 0 23px 0;}
.join_sel li h4{font-size:26px; color:#151515; font-weight:600; padding: 0 0 10px 0;}
.join_sel li p{font-size:15px; color:#555555;padding:0 0 25px 0;}
.join_sel li a{display:block;width:220px;height:55px;margin:0 auto; background-color:#e6e6e6; line-height:55px; font-size:18px; color:#777777;}
.join_sel li a:hover, .join_sel li a:focus{background-color:#141e6f;color:#fff;font-weight:600;}

/* side_menu */
#side_menu {
	/* right: 10px; */
	width: 135px;
	padding: 0 0 70px 0;
	/* overflow: hidden; */
	/* background-color: #fff; */
	display: block;
	/* box-shadow: 1px 1px 9px #ddd; */
}

.wing {
	position: sticky;
	bottom: -16px;
	z-index: 1100;
	left: 91%;
}

#side_menu ul li {
	text-align: center;
	margin: 39px 0 0 0;
}

#side_menu ul li span {
	display: block;
	margin: 5px 0 8px 0;
}

#side_menu ul li span img {
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
}

#side_menu ul li a p {
	padding: 5px 10px;
		color: #fff;
		border-radius: 50px;
		font-size: 13px;
		font-weight: 400;
		margin: 10px 0 0 0;
		background: #00B4DB;
		background: -webkit-linear-gradient(to right, #0083B0, #00B4DB);
		background: linear-gradient(to right, #0083B0, #00B4DB);
	}


/* ----------------------------------------------Mobile Layout // S----------------------------------------------------------------*/

@media screen and (max-width:640px){
	body {min-width:320px; width:100%; height:100%;}
	#header {height:80px;}
	#header_content {width:100%; height:80px;}
	#header_content .logo { top:22px; left:20px; }
	#header_content .logo a img {height:35px;}
	#top_menu {display:none;}
	#gnb{display:none;}
	/* nav */
	.allmenu {position:absolute; top:28px; right:15px; z-index:1000; display:block; cursor:pointer; /*position:relative;*/}
	nav {display:block; z-index:1000;}
	#nav {position:absolute; top:80px !important; right:0; width:100%; text-align:left; z-index:1000;border-bottom:2px solid #0f1825;}
	#nav li {line-height:50px; padding:0 0px;  font-size:14px; font-weight:bold; position:relative;border-top:1px solid #ddd;background-color:#fff;}
	#nav li a {color:#151515; display:block; padding:0 0 0 20px;}
	#nav li a:hover, #nav li a:focus{color:#fff; background-color:#0F1825;}
	
	#nav1_s li {width:100%; font-size:13px; padding:0; font-weight:bold; background-color:#f3f3f3;}
	#nav1_s li a {color:#444; padding:0 0 0 20px; display:block; background:none; }
	#nav1_s li:first-child a {border-top:none;}
	
	#nav2_s li {width:100%; font-size:13px; padding:0; font-weight:bold; background-color:#f3f3f3;}
	#nav2_s li a {color:#444; padding:0 0 0 20px; display:block; background:none; }
	#nav2_s li:first-child a {border-top:none;}

	#nav3_s li {width:100%; font-size:13px; padding:0; font-weight:bold; background-color:#f3f3f3;}
	#nav3_s li a {color:#444; padding:0 0 0 20px; display:block; background:none; }
	#nav3_s li:first-child a {border-top:none;}

	#nav4_s li {width:100%; font-size:13px; padding:0; font-weight:bold; background-color:#f3f3f3;}
	#nav4_s li a {color:#444; padding:0 0 0 20px; display:block; background:none; }
	#nav4_s li:first-child a {border-top:none;}

	#nav5_s li {width:100%; font-size:13px; padding:0; font-weight:bold; background-color:#f3f3f3;}
	#nav5_s li a {color:#444; padding:0 0 0 20px; display:block; background:none; }
	#nav5_s li:first-child a {border-top:none;}

	#nav6_s li {width:100%; font-size:13px; padding:0; font-weight:bold; background-color:#f3f3f3;}
	#nav6_s li a {color:#444; padding:0 0 0 20px; display:block; background:none; }
	#nav6_s li:first-child a {border-top:none;}
	nav #nav li.m_topmenu:after{content:"";display:block;clear:both;}
	nav #nav li.m_topmenu a{width:50%;float:left;padding:0 0 0 ;text-align:center;font-size:12px;background-color:#f5f5f5;}
	nav #nav li.m_topmenu a.login{border-right:1px solid #ddd;width:49%;}
	nav #nav li.m_topmenu a:hover, nav #nav li.m_topmenu a:focus {color:#666;background-color:#f5f5f5;}


	#container {width:100%;}
	#mainvisual {width:100%; min-width:320px;height:550px; }
	#mainvisual .slideshow{ width:100%; height:550px;}

	#mainvisual .slideshow .visual_bg1{ background:url('../images/main/m_mainvisual3.jpg') 50% center no-repeat;background-size:cover;}
	#mainvisual .slideshow .visual_bg2{ background:url('../images/main/m_mainvisual1.jpg') 50% center no-repeat;background-size:cover;}
	#mainvisual .slideshow .visual_bg3{ background:url('../images/main/m_mainvisual.jpg') 50% center no-repeat;background-size:cover;}


	#mainvisual .visual_box{width:90%; min-width:320px;  margin:0 auto; padding:0 0px;top:0; left:5%;margin-left:0;}

	#mainvisual .visual_txt {float:none;padding:90px 0 20PX 0;width:100%;}
	#mainvisual .visual_txt h2 {margin:0 0 10px 0;text-align:center;}
	#mainvisual .visual_txt h2 img{height:25px;}
	#mainvisual .visual_txt p {font-size:14px; line-height:20px;text-align:center;}

	
	#mainvisual .visual_banner{float:none; width:100%; height:auto;padding:10px 0 0 0;margin:0 auto;}
	#mainvisual .visual_banner ul{width:90%;margin:0 auto 10px;}
	#mainvisual .visual_banner li{float:left; width:42%;height:65px;padding:15px 3%;}
	#mainvisual .visual_banner li.box1{margin:0 10px 10px 0;}
	#mainvisual .visual_banner li.box2{margin:0 0 10px 0;}
	#mainvisual .visual_banner li.box3{margin:0 10px 0 0;}

	#mainvisual .visual_banner li h3{font-size:15px; padding:0 0 10px 0; margin:0 0 10px 0;letter-spacing:-0.04em;}
	#mainvisual .visual_banner li.box2 h3{font-size:12px;letter-spacing:-0.15em;}
	#mainvisual .visual_banner li p{display:none;}

	#mainvisual .visual_banner li a{font-size:11px; text-align:left;margin:20px 0px 0 0;}
	#mainvisual .visual_banner li a img{ top:-1px;height:5px;}

	#mainvisual .visual_banner .recent_notice{width:90%; margin:0 auto 5px; font-size:13px;}
	#mainvisual .visual_banner .recent_notice .title {width:26%;padding:0 5px;}
	#mainvisual .visual_banner .recent_notice p{float:left;width:69%;}
	#mainvisual .visual_banner .recent_notice p a{max-width:80%;}
	#mainvisual .visual_banner .recent_notice p .new{font-size:9px;}





	/* section */
	.section {*zoom:1; width:100%; min-width:320px; margin:0 auto; padding:40px 0 30px; min-height:155px;}

	.section .column {float:none; width:94%; padding:0 3%;margin:40px 0 0 0px; }
	.section .column.first{margin:0 0 0 0px;}
	.section .column h3 {font-size:18px; padding:0 0 15px 0;margin:0 0 15px 0;}
	.section .column ul li {width:100%; line-height:30px; font-size:14px; }
	.section .column ul li a {width:60%; ;}

	.section .column ul li span {top:0; right:0px; font-size:13px;}
	.section .column a.more { top:5px; right:10px; }


	/* section2 */
	.section2 {width:100%; padding:40px 0;}
	.section2_in{width:auto; margin:0 15px;}
	.section2 .gallery_wrap{float:none;}
	.section2 .gallery_wrap  h3 {font-size:18px; }
	.section2 .gallery { width:auto; margin:0 auto;}
	.section2 .gallery dl {width:49%;margin:0 0 10px 2%; }
	.section2 .gallery dl:first-child{margin:0;}
	.section2 .gallery dl:nth-child(odd){margin:0;}
	.section2 .gallery dl dt {height:120px;  }


	.section2 .gallery dl dd { width:auto; height:50px;   padding:5%; font-size:13px; ;}
	.section2 .gallery dl dd p {display:block; width:98%; }
	.section2 .gallery dl dd span { bottom:15px; right:10px;  font-size:12px;}
	.section2 .gallery dl dd span img{vertical-align:top; height:11px;margin:2px 0 0 0;}




/* section2 */

	.section2 .column {float:none; width:94%; padding:0 3%;margin:40px 0 0 0px; }
	.section2 .column.first{margin:0 0 0 0px;}
	.section2 .column h3 {font-size:18px; padding:0 0 15px 0;margin:0 0 15px 0;}
	.section2 .column ul li {width:100%; line-height:30px; font-size:14px; }
	.section2 .column ul li a {width:60%; ;}

	.section2 .column ul li span {top:0; right:0px; font-size:13px;}
	.section2 .column a.more { top:5px; right:10px; }




	/* section3 */
	.section3 {width:100%;padding:40px 0;}
	.section3 h3 {width:90%; margin:0 auto 20px ;font-size:18px;text-align:center;}
	.section3 h3:after{ display:none;}
	.section3 .recent {*zoom:1; width:94%; margin:0 auto;}
	.section3 .recent ul li{float:none; width:100%; height:auto;  margin:15px 0px 0px 0px;}
	.section3 .recent ul li img{width:100%;}

	/* sub */
	#subvisual {width:100%; height:300px; background:url('../images/main/m_mainvisual3.jpg') 50% center no-repeat;background-size:cover;}
	.sub_txt {width:100%; margin:0 auto; padding:125px 0 0 0px;}
	.sub_txt:after{content:"";display:block; clear:both;}
	.sub_txt h2 {float:none;padding:0 0px 20px 0;text-align:center;}
	.sub_txt h2 img{height:25px;}
	.sub_txt p {float:none;font-size:15px; font-weight:600;color:#222427;line-height:22px; letter-spacing:-0.03em;text-align:center;}

	#contents {*zoom:1; width:100%; margin:0 auto; padding:40px 0 0;}
	#contents:after {content:" "; display:block; clear:both;}


	/*left_menu*/
	#left_menu {display:none;}

	.sub_top{width:98%; border-bottom:1px solid #ddd;padding:0 0 15px 0;position:relative;margin:0 auto 50px;}

	#subtitle {float:none;}
	#subtitle h3 {font-size:20px; font-weight:600; color:#151515; }
	.path{position:absolute; bottom:15px; right:0;color:#aaaaaa;font-size:12px;}
	.path .right_arrow{margin:0 5px;}

	#cont {float:none; width:94%; margin:0 auto;}
	#con_area {min-height:320px; width:100%;padding:0 0 50px 0; clear:both;}
	#con_area > img{width:100%;}


	/*footer*/
	#footer{width:100%; height:auto; background:#505153; padding:40px 0 60px;}
	#footer_content {width:90%; margin:0 auto; padding:0px 0 0;}

	#footer_content .right{float:none;padding:0px 0 20px 0;text-align:center;}
	#footer_content .right img{height:40px}
	#footer_content .left{float:none;width:100%;padding:0 0 0 0px;position:relative;text-align:center;}
	#footer_content address {font-size:13px; line-height:22px;word-break:keep-all;}
	#footer_content address .copy{font-size:12px; }
	 
	.familysite {width:196px;position:relative; cursor:pointer;left:50%;top:10px;margin-left:-83px}
	.familysite .f_list {display:none; position:absolute; width:194px; left:0; bottom:24px; background:#fff; border:1px solid #b9b9b9; font-size:13px; line-height:24px; z-index:10;}
	.familysite .f_list a {display:block; text-decoration:none; color:#454545; padding:0 5px;}
	.familysite .f_list a:hover {background:#eee;}

	#publication_area{width:auto; height:auto;}

	/* 01_01 */
	.intro{ margin:0 0 50px 0;}
	.intro_top {width:100%; height:auto;padding:0 0 30px 0; background:url('../images/sub/intro_bg240618.jpg') 0px 0px no-repeat #f0f1f3;background-size:cover;}
	.intro_top h3{padding:30px 20px 0px 100px; font-size:14px; line-height:22px;word-break:keep-all;}
	.intro_top h3 span{font-size:17px; }
	.intro_top p{padding:10px 20px 0 100px; font-size:13px; line-height:20px;width:auto;word-break:keep-all;}

	.intro > p{font-size:13px; line-height:22px; word-break:break-all;}
	.sign p{font-size:14px;}
	.sign p span{font-size:18px;}
	.sign p img{height:55px;}
	.sign .img{display:block;padding:10px 0 0 0;}


	/* 01_02 */
	.vision{margin:0 0 50px 0;}
	.vision .tab{margin:0 0 60px 0;}
	.vision .tab ul{width:100%; height:40px; background:none;}
	.vision .tab li{width:50%;height:40px; line-height:40px;}
	.vision .tab li a {height:38px;font-size:14px;}
	.vision .tab li.active a{height:39px;}

	.tab1 .v_top{padding:40px 0 20px;}
	.tab1 .v_top .dda1{top:0;left:50%;margin-left:-13px;}
	.tab1 .v_top .dda2{top:100%;right:50%;margin-right:-13px;}
	.tab1 .v_top p{font-size:13px; line-height:22px;word-break:keep-all;}
	.tab1 .v_top p span{font-size:16px;}

	.tab1 h3{font-size:20px;}
	.tab1 .gray{padding:15px;word-break:break-all;font-size:13px;line-height:20px;}
	.tab1 .gray a.found_btn {margin:20px 0 0 0;font-size:14px; }
	.tab1 .icon li{width:90%;padding:0 5%;height:188px;float:none;margin:0 0 20px 0;}
	.tab1 .icon li:first-child{margin:0 0 20px 0;}
	.tab1 .icon li img{padding:30px 0 20px;}
	.tab1 .icon li.li2 img{padding:30px 0 20px;}
	.tab1 .icon li.li4 img{padding:30px 0 20px;}
	.tab1 .icon li p{line-height:20px;font-size:13px;}
	.tab1 table tbody tr th{padding:12px; font-size:13px; }
	.tab1 table tbody tr td{padding:12px;  font-size:13px;line-height:22px;}

	.tab2 .h_top{width:100%;height:150px;background:url('../images/sub/h_top_bg.jpg') 50% 0 no-repeat;margin:0 0 40px 0;background-size:cover;}
	.tab2 .h_top h4{padding:60px 0 0 15px; font-size:30px;}

	.tab2 dl{margin:0 0 40px 0;}
	.tab2 dl dt{float:none;font-size:20px;margin:0 0 20px 0;}
	.tab2 dl dd{float:none; padding:0 0 0 20px;}
	.tab2 dl dd p{font-size:13px; margin:0 0 15px 0;line-height:22px;word-break:keep-all;}
	.tab2 dl dd p span{display:block;font-size:17px;margin-bottom:5px;}



	/* 01_03 */
	.organi{*zoom:1; margin:0 0 50px 0;}
	.organi .organi_box{padding:0 0 40px 0;}
	.organi .organi_box img{width:100%;}

	.organi h3{font-size:20px; padding:0 0 15px 0;}
	.organi table{margin:0 0 40px 0;}
	.organi table thead tr th{padding:10px 10px; font-size:13px;}
	.organi table tbody tr td{padding:7px 10px; font-size:13px; line-height:18px;word-break:keep-all;}
	.organi table .left{border-left:none;}


	/* 02_01 */
	.business {*zoom:1; margin:0 0 50px 0;}
	.business h3{font-size:20px;}
	.business  .gray{padding:15px;word-break:break-all;font-size:13px;line-height:22px;letter-spacing:-0.04em;}
	.business table tbody tr th{ font-size:13px;padding:10px;}
	.business table tbody tr td{font-size:13px;padding:10px;}

	/* 02_02 */
	.business02 .bold{font-size:14px; letter-spacing:-0.05em;}

	/*02_04*/
	.business04 .gray span{display:block;padding:0 0px 10px 10px;font-size:13px;line-height:22px;}


	/*04_01*/
	.join_intro{*zoom:1; margin:0 0 50px 0;}
	.join_intro  h3{font-size:20px;}
	.join_intro .gray{padding:15px;word-break:break-all;font-size:13px;line-height:22px;letter-spacing:-0.04em;}
	.join_intro table tbody tr th{ font-size:13px;padding:10px;}
	.join_intro table tbody tr td{font-size:13px;padding:10px;line-height:20px;}
	.join_intro .process li{float:none;}
	.join_intro .process li.arrow{padding:0 0 40px 0; background:url('../images/sub/bottom_arrow.png') center 86px no-repeat;}
	.join_intro .process li p{width:99%;height:58px;padding:15px 0 0 0;font-size:14px; line-height:20px;}
	.join_intro a.go_join_btn{font-size:15px; padding:0 0px 0 19px;}


	/* 회원가입 select 페이지 */
	.join_sel{padding:0px 0 0 0;}
	.join_sel li{float:left;width:47%;height:260px;}
	.join_sel li:first-child{margin:0 4% 0 0 ;}
	.join_sel li span{padding:30px 0 20px 0;}
	.join_sel li span img{height:60px;}
	.join_sel li h4{font-size:20px;}
	.join_sel li p{font-size:13px; letter-spacing:-0.04em;}

	.join_sel li a{display:block;width:80%;height:45px;margin:0 auto; background-color:#e6e6e6; line-height:45px; font-size:14px; color:#777777;}
	.join_sel li a:hover, .join_sel li a:focus{background-color:#141e6f;color:#fff;font-weight:600;}


	#side_menu{display: none;}

}
/* ----------------------------------------------Mobile Layout // E----------------------------------------------------------------*/