@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;}


/*** desktop ***********************************************************************************************************************/
body {max-width:2000px;min-width:1480px; letter-spacing:-0.05em;}

#container {width:100%;background:#f6f6f6;}
.sub_container {min-height:1149px;}
#header {position:absolute; width:240px; height:100%; left:0; top:0;z-index:1000; 
	box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 5px 0 5px rgba(0, 0, 0,  0.1);
	-moz-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1);
	background:#FFF;
}
.sub-header {min-height:1149px;}
.main-header {min-height:1149px;}


#header .logo {position:relative; height:160px;}
#header .logo a {display:block;}
#header .logo a img {position:absolute; top:0;bottom:0;left:0;right:0;margin: auto;}

#header #home_menu {height:40px;background-color:#001d67;}
#header #home_menu:after{content:"";display:block;clear:both;}
#header #home_menu a{float:left; display:block;width:50%; height:100%; line-height:40px;box-sizing:border-box;text-align:center; color:#fff; font-size:15px;}
#header #home_menu a:first-child{background:url('../images/main/top_v_line.png') 100% center no-repeat;}

#header .gnb {min-height:731px;}
#header .gnb ul {}
#header .gnb ul li {line-height:60px;border-bottom:1px solid #e1e1e1;}
#header .gnb ul li a {display:block; width:100%; box-sizing:border-box; padding:0 0 0 25px;color:#000; font-size:17px; font-weight:600;}
#header .gnb ul li > a:hover {background-color:#f7f7f7;}
#header .gnb ul li ul {padding:10px 0; display:none; background:#001d67;}
#header .gnb ul li ul li { line-height:35px;border:none;}
#header .gnb ul li ul li:first-child {margin:0;}
#header .gnb ul li ul li a {font-size:15px;color:#fff; font-weight:400; display:block; width:auto;padding:0 0 0 30px; }
#header .gnb ul li ul li a:hover, #header .gnb ul li ul li a:focus {color:#dcefff;background:none;}


#mob_header {display:none;}

/* mobile gnb */

#nav {display:none;}
#top_right  {display:none;}


/* main */
#content {position:relative; width:1240px; margin-left:240px;background-color:#fff;}
#content:after {content:" "; display:block; clear:both;}


#mainvisual {width:100%; min-width:1200px; height:430px; overflow:hidden; position:relative;
	background: #e0e9ee;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #ffffff, #e0e9ee);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #ffffff, #e0e9ee); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
#mainvisual .slideshow {position:absolute; width:100%; height:100%; top:0; left:0; }
#mainvisual .slideshow div {width:100%; height:100%; background-repeat:no-repeat; background-position:80% 100%; }
.visual_bg1 {background-image:url('../images/main/mainvisual03.png');}
.visual_bg2 {background-image:url('../images/main/mainvisual01.png');}


#mainvisual .main_txt {position:absolute; z-index:999; top:130px;left:70px;}
#mainvisual .main_txt p{font-size:22px;  color:#111111; letter-spacing:-0.03em;background:url('../images/main/main_txt_bg.png') 190px 0 no-repeat;padding:30px 90px 0 0;}
#mainvisual .main_txt h2 {font-size:47px; color:#001d67; font-weight:900;}

#mainvisual .slick-dots{position: absolute;top:300px; left:70px;z-index:999;}
#mainvisual .slick-dots:after{content:"";display: block;clear: both;}
#mainvisual .slick-dots li{float: left;margin:0 0 0 4px;}
#mainvisual .slick-dots button{font-size:0; outline:0;border:0;width:10px;height:10px;background-color: #fff;border-radius:10px;}
#mainvisual .slick-dots .slick-active button{ background-color: #001d67;}





/* section1 */
.section1{ width:100%;}
.section1:after {content:" "; display:block; clear:both;}
.section1 .qbox {width:20%; float:left; height:240px;}
.section1 .qbox a{display:block; position:relative; width:100%; height:100%; box-sizing:border-box; padding:30px;}
.section1 .qbox01 a{background-color:#e60012; /* animation-name:shiny; animation-iteration-count:infinite;  animation-duration:1s; animation-direction:alternate; */}
	@keyframes shiny {
	  from {
		background-color:#f6ab00;
	  }

	  to {
		background-color:#e60012;
	  }
	}




.section1 .qbox02 a{background-color:#f5a500;}
.section1 .qbox03 a{background-color:#47a2df;}
.section1 .qbox04 a{background-color:#2968ce;}
.section1 .qbox05 a{background-color:#354f67;}
.section1 .qbox a h3{font-size:22px; font-weight:600;color:#fff;letter-spacing:-0.04em;}
.section1 .qbox a .plus {position:absolute; top:80px; left:0;}
.section1 .qbox a .icon {position:absolute; bottom:20px; left:25px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; /* Firefox 4 */
	-webkit-transition: all 0.3s ease; /* Safari and Chrome */
	-o-transition: all 0.3s ease; /* Opera */
}
.section1 .qbox a:hover .icon , .section1 .qbox a:focus .icon {bottom:30px;}



/* section2 */
.section2 { width:100%;  border-bottom:1px solid #ddd;}
.section2:after {content:" "; display:block; clear:both;}
.section2 .notice {float:left;position:relative;width:744px;box-sizing:border-box; padding:30px;}
.section2 .notice h3{padding-left:40px; background:url('../images/main/c_tit.png') 0 13px no-repeat;margin:0 0 20px 0;font-size:26px; color:#111111;font-weight:600;letter-spacing:-0.03em;}
.section2 .notice h3 span{font-size:18px; color:#aaaaaa;padding-left:5px;font-weight:400;}
.section2 .notice .more {position:Absolute; top:30px;right:30px;}
.section2 .notice ul:after{content:" "; display:block; clear:both;}
.section2 .notice ul li{float:left; width:205px; height:230px;margin-left:20px;}
.section2 .notice ul li:fisrt-child{margin-left:0;}
.section2 .notice ul li a{display:block; width:100%;height:100%; box-sizing:border-box; border:1px solid #ddd;padding:25px;}
.section2 .notice ul li a .tit {font-size:15px; color:#e70811;}
.section2 .notice ul li a .title {height:46px;margin:8px 0 20px;overflow:hidden;text-overflow:ellipsis;font-size:18px; color:#111111;letter-spacing:-0.04em;line-height:25px;font-weight:600;}
.section2 .notice ul li a .desc {font-size:13px; color:#999999; letter-spacing:-0.03em; margin:0 0 24px 0; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.3; height:3.9em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.section2 .notice ul li a .date {font-size:13px; color:#002f7b;}
.section2 .notice ul li a .date img {vertical-align:middle; padding:0 3px 2px 0;}
.section2 .notice ul li a:hover .title, .section2 .notice ul li a:focus .title {color:#002f7b;}
.section2 .notice ul li a:hover , .section2 .notice ul li a:focus  {background-color:#f6f8fd;}



.section2 .zone {float:left;width:496px;box-sizing:border-box; padding:30px;}
.section2 .zone  h3{padding-left:40px; background:url('../images/main/c_tit.png') 0 13px no-repeat;margin:0 0 20px 0;font-size:26px; color:#111111;font-weight:600;letter-spacing:-0.03em;}
.section2 .zone  h3  span{font-size:18px; color:#aaaaaa;padding-left:5px;font-weight:400;}
.section2 .zone .pop_slide{border:1px solid #eee;}
.section2 .zone  .slick-arrow {width:25px; height:25px; font-size:0; outline:none; bordeR:none;position:absolute;top:-50px;cursor:pointer;}
.section2 .zone  .slick-prev {right:30px;z-index:1;background:url('../images/main/banner_prev.png') 0 0 no-repeat;}
.section2 .zone  .slick-next {right:0px;background:url('../images/main/banner_next.png') 0 0 no-repeat;}

.section2 .squick_box  {float:left;width:496px;box-sizing:border-box; padding:30px;}
.section2 .squick_box  h3{padding-left:40px; background:url('../images/main/c_tit.png') 0 13px no-repeat;margin:0 0 20px 0;font-size:26px; color:#111111;font-weight:600;letter-spacing:-0.03em;}
.section2 .squick_box  h3  span{font-size:18px; color:#aaaaaa;padding-left:5px;font-weight:400;}
.section2 .squick_box .sqbox:after{content:"";display:block;clear:both;}
.section2 .squick_box .sqbox a{float:left;position:Relative;display:block;width:205px; height:70px; box-sizing:border-box; line-height:70px; padding-left:60px;border:1px solid #ddd;
	color:#354f67; letter-spacing:-0.06em; font-size:16px;font-weight:600;margin:0 6px 6px 0;
}
.section2 .squick_box .sqbox a img {position:Absolute; top:16px;left:15px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; /* Firefox 4 */
	-webkit-transition: all 0.3s ease; /* Safari and Chrome */
	-o-transition: all 0.3s ease; /* Opera */
}
.section2 .squick_box .sqbox a:hover, .section2 .squick_box .sqbox a:focus {background-color:#f6f8fd;}
.section2 .squick_box .sqbox a:hover img, .section2 .squick_box .sqbox a:focus img{top:12px;}





.banner_slide_wrap {width:1150px; margin:0 auto; padding:27px 0;}
.sub_bannerslider{border-top:1px solid #dfdfdf;}
.banner_slider {position:relative;}
.banner_slider ul li {height:75px; text-align:center;}
.banner_slider ul li a {box-sizing:border-box;border:1px solid #ddd;display:block;position:relative;width:95%;height:100%;overflow:hidden;}
.banner_slider ul li a img {position:Absolute; top:0;bottom:0;left:0;right:0;margin:auto;max-width:90% !important;} 



#cont {float:left;width:1240px; padding:70px 50px 0 50px; box-sizing:border-box; }
#menutitle h2 {display:inline-block;font-size:26px; color:#111; letter-spacing:-0.04em; font-weight:600;padding:30px 100px 0 0 ;margin:0 0 30px 0;
	background:url('../images/main/main_txt_bg.png') 100% 0 no-repeat;background-size:140px;
}
#leftmenu  {width:100%; height:50px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;margin:0 0 50px 0;}
#leftmenu ul:after{content:"";display:block;clear:both;}
#leftmenu ul li{float:left;height:100%;width:12.5%;}

#leftmenu ul li a{display:block;width:100%;height:100%;text-align:Center; line-height:50px; color:#999999;font-size:16px; }
#leftmenu ul li.on a{color:#e60012;}
#leftmenu ul li a:hover, #leftmenu ul li a:focus {color:#e60012;}

#subtitle {margin:0 0 50px 0;}
#subtitle h4 {font-size:32px; font-weight:600; color:#111111;padding:15px 0 0 0; background:url('../images/main/c_tit.png') 0 0 no-repeat;}

#con_area {min-height:500px; padding:0 0 100px 0;}
#con_area h3.c_tit {font-size:28px; font-weight: 600;color: #111;margin:0 0 20px 0;}


/* footer */
#footer {position:absolute; bottom:30px; left:0; width:240px;}
.footer_content {padding:0 25px;}

.footer_content address {font-size:12px; font-weight:600; color:#959596; line-height:19px;letter-spacing:-0.08em;}
.footer_content address strong{display:block;font-size:13px; color:#666;padding:0 0 5px 0;}
.footer_content address .copy{margin:10px 0 0 0; color:#b9bbbe; font-weight:400;}
.footer_content .fbtn {cursor:pointer;display:block; width:150px; height:25px; line-height:25px;text-align:center; bordeR:1px solid #ddd; font-size:12px; color:#888;margin:10px 0;}

#mob_footer {display:none;}




/*Quick Menu */
#quick_menu {position:fixed; bottom:100px; width:40px;right:50px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease; /* Firefox 4 */
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-o-transition: all 0.5s ease; /* Opera */
}
#quick_menu a {display:block;}



/* 01_01 */
.greeting {position:relative;padding-right:260px;}
.greeting .president{position:absolute; top:0;right:0; text-align: center;}
.greeting .president .sign {margin:20px 0 0 0;font-size:16px; line-height:30px;font-weight:600; color:#222222; letter-spacing:-0.03em;text-align:right;}
.greeting h3 {font-size:34px; font-weight:900; color:#001d67; letter-spacing:-0.03em; line-height:40px;margin:0 0 30px 0;}
.greeting h3 span{display:block;color:#e60012; font-weight:400; font-size:20px;}
.greeting > p {font-size:16px; color:#444444; letter-spacing:-0.03em;margin:0 0 30px 0;line-height:28px;}
.greeting .president img{width: 220px;height: 100%;}

/* 01_02 */
.intro .top {position:Relative;padding:80px 500px 0 0;height:230px; box-sizing:border-box;}
.intro .top h3 {font-size:34px; font-weight:900; color:#001d67; letter-spacing:-0.06em;line-height:45px;}
.intro .top h3 font {color:#e60012;}
.intro .top h3 span {font-weight:400;color:#8c8c8c;font-size:20px;}
.intro .top img{position:absolute; bottom:0; right:0;}
.intro > p {border-top:1px solid #001d67;box-shadow:0 0 10px rgba(0,0,0,0.2);margin:0 0 25px 0;padding:30px;font-size:18px; font-weight:600; letter-spacing:-0.03em;
	line-height:33px;color:#111;
}
.intro > p  span {color:#00247f;}


/* 01_03 */
.purpose .normal {font-size:18px; color:#111111; letter-spacing:-0.05em; line-height:33px; margin:0 0 40px 0;}
.purpose .diagram .top {position:Relative; z-index:1;height:363px;background:url('../images/sub/purpose_bg.png') center 0 no-repeat;text-align:center;}
.purpose .diagram .top  span{display:block;font-size:18px; color:#ffffff; letter-spacing:-0.03em;padding:110px 0 10px;}
.purpose .diagram .top h3{font-size:30px; font-weight:600;color:#fff;}
.purpose .diagram .mid {margin-top:-7px;padding:30px; text-align:center; font-size:22px; font-weight:600;color:#001d67; letter-spacing:-0.03em; background-color:#f1f5fa;margin:0 0 30px 0;}
.purpose .diagram .btm:After {content:"";display:block;clear:both;}
.purpose .diagram .btm p {float:left;width:360px; height:200px; box-sizing:border-box; border:10px solid #acc9ef;text-align:center; padding:50px 20px 0;
	font-size:18px;font-weight:600; color:#3a4350; line-height:28px; letter-spacing:-0.04em;margin:0 0 0 30px;
}
.purpose .diagram .btm p.c01 {margin:0;}
.purpose .diagram .btm p.c02{border:10px solid #acebef;}
.purpose .diagram .btm p.c03{border:10px solid #bac1cb;}


/* 01_04 */
.history {*zoom:1; width:100%; background:url('../images/sub/his_center.png') center 0 repeat-y;position:relative;}
.history:before, .history:after  {display:block; content:""; width:9px;height:9px;background:url('../images/sub/his_top.png') 0 0 no-repeat;margin:0 auto;}

.history .y_box{margin:0 0 50px 0;}
.history .y_box:first-child{margin:70px 0 50px;}
.history .y_box:After{content:"";display:block;clear:both;}
.history .y_box dl.left{width:50%; float:left; text-align:right;}
.history .y_box dl.right{width:50%; float:right;}

.history .y_box dl dt {font-size:30px; color:#002f7b; }
.history .y_box dl.left dt{padding:0 30px 0 0; background:url('../images/sub/year_tit.png') 100% 20px no-repeat;margin:0 -4.5px 20px 0;}
.history .y_box dl.right dt{padding:0 0 0 30px; background:url('../images/sub/year_tit.png') 0 20px no-repeat;margin:0 0 20px -4.5px;}

.history .y_box dl dd {font-size:16px; color:#111; letter-spacing:-0.05em; line-height:25px;}
.history .y_box dl.left dd{padding:0 25px 0 0;}
.history .y_box dl.right dd{padding:0 0 0 25px;}

.history .y_box dl dd p {position:relative;margin:5px 0;}
.history .y_box dl dd p span {position:Absolute;top:0;font-weight:600; color:#bbb;}
.history .y_box dl.right dd p {padding-left:50px;}
.history .y_box dl.right dd p span {left:0;}
.history .y_box dl.left dd p {padding-right:50px;}
.history .y_box dl.left dd p span {right:0;}


/* 01_05 */
.current .boxing {margin:0 0 80px 0;}
.current .boxing .logo{text-align:center; margin:0 0 50px 0;}
.current .boxing .sha{position:relative;padding:20px 30px 20px 170px; box-shadow:0 0 10px rgba(0,0,0,0.1) ;margin:0 0 20px 0;font-size:16px; line-height:25px; color:#111111; letter-spacing:-0.03em;}
.current .boxing .sha span{width:120px; position:absolute; top:50%;margin-top:-8px; left:50px;line-height:16px;font-size:16px; color:#002f7b; letter-spacing:-0.03em;font-weight:600;}
.current table {border-top:1px solid #001d67;}
.current table thead tr th{color:#001d67; padding:12px 4px; border:1px solid #ddd;border-top:none; font-size:13px;}
.current table tbody tr td{color:#111; padding:10px 4px; border:1px solid #ddd;text-align:center; font-size:14px;}
.current .right {margin:5px 0; text-align:right;}
#statisContainer2_left {width:49.5%; height:600px; float:left; border:1px solid #e9e9e9;font-family:'noto' !important;}
#statisContainer2_right {width:50%; height:600px; float:right; border:1px solid #e9e9e9;font-family:'noto' !important;}


/* 01_06 */
.organi  img {max-width:100%;}


/* 01_07*/
.task .boxing{margin:0 0 70px 0;}
.task .boxing h3{font-size:25px; font-weight:600; color:#001d67; letter-spacing:-0.03em; margin:0 0 20px 0;}
.task .boxing .gray{padding:26px; background-color:#f5f5f5; }
.task .boxing .gray p {font-size:16px; color:#333; letter-spacing:-0.03em; line-height:25px; margin:5px 0;}
.task .boxing .gray p.red {font-size:14px; color:red;}
.task .boxing ul.num {margin:20px 0 0 0;}
.task .boxing ul.num:after {content:"";display:block;clear:both;}
.task .boxing ul.num li {float:left; position:relative;padding-left:36px; box-sizing:border-box; width:33%;margin:13px 0; font-size:17px; font-weight:600; color:#222; letter-spacing:-0.03em; line-height:28px;}
.task .boxing ul.num li.long {width:100%;}
.task .boxing ul.num li span{position:absolute; top:0; left:0;display:block; width:27px;height:27px; background-color:#001d67; color:#fff; border-radius:27px;text-align:center; font-size:14px; font-weight:400;}


/* 01_08 */
.contact .info {border:1px solid #ddd; padding:26px 40px;}
.contact .info p{margin:5px 0;font-size:17px; color:#444444; line-height:35px;}
.contact .info p span{font-size:17px; color:#001d67; display:inline-block; width:60px;}
.contact .info p img{padding:0 25px;}
.contact .map_box {margin:30px 0 40px;}
.contact .trans h3 {margin:0 0 20px 0;padding:0 0 20px 45px; line-height:42px; background:url('../images/sub/subway_icon.png') 0 0 no-repeat;font-size:24px; color:#111; font-weight:600;border-bottom:1px solid #ddd;}
.contact .trans p {padding:0 0 0 45px; font-size:17px; color:#444444; letter-spacing:-0.03em;}


/* 02_01 */
.info01 .boxing{margin:0 0 60px 0;}
.info01 .boxing H3 {font-size:25px; font-weight:600; color:#001d67; letter-spacing:-0.03em; margin:0 0 20px 0;}
.info01 .boxing .gray{background-color:#f6f6f6; padding:30px;margin:20px 0; font-size:17px; font-weight:600; color:#111; letter-spacing:-0.03em;}
.info01 .boxing .normal {padding:20px; border-bottom:1px solid #dfdfdf;}
.info01 .boxing .normal p{font-size:16px; color:#555; letter-spacing:-0.03em; line-height:25px; margin:7px 0;}
.info01 .boxing .normal p.inden {padding-left:15px;font-size:14px;}


/* 02_02*/
.info02 .dia {margin:0 auto 60px;width:720px;}
.info02 .dia:after{content:"";display:block;clear:both;}
.info02  .scroll_txt {display:none;}
.info02 .dia ul{float:left;}
.info02 .dia ul.left{width:400px;}
.info02 .dia ul li{width:320px; height:55px; border-radius:55px; font-size:16px; line-height:20px;font-weight:600;text-align:center;box-sizing:border-box;padding:7px 0 0 0;}
.info02 .dia ul.left li {background-color:#001d67; color:#fff;position:Relative;}
.info02 .dia ul.left li p.r_arrow {position:absolute; right:-50px;top:20px;}
.info02 .dia ul.right li {border:3px solid #ddd; color:#001d67;}
.info02 .dia ul li.arrow {height:30px; background:none;line-height:30px;padding:0;border:none;}
.info02 .dia ul li.noti {border:none;line-height:55px;}
.info02 .dia ul li.block30{height:30px; background:none;line-height:30px;padding:0;border:none;}
.info02 .dia ul li.block55{height:55px; background:none;line-height:55px;padding:0;border:none;}
.info02 .dia ul li span {display:block; font-size:13px;line-height:15px;}
.info02 .dia ul.right{width:320px;}

.info02 .gray {background-color:#f6f6f6; padding:30px;margin:20px 0; font-size:17px; font-weight:600; color:#111; letter-spacing:-0.03em;}
.info02 .gray p{font-size:16px; color:#333; letter-spacing:-0.03em; line-height:25px; margin:7px 0;}
.info02 .gray p.red {color:red; font-size:15px;}



/* 02_03*/
.info03 .boxing {margin:0 0 60px 0;}
.info03 .boxing h3 {font-size:20px; color:#001d67;font-weight:600; letter-spacing:-0.03em; margin:0 0 20px 0;}
.info03 .boxing table{border-top:1px solid #001d67;margin:0 0 20px 0;}
.info03 .boxing table tr td{border-bottom:1px solid #ddd; padding:10px 30px;font-size:16px; color:#111; letter-spacing:-0.03em; line-height:26px;}
.info03 .boxing table tr td .inden {font-size:14px; padding:0 0 0 15px;}

.info03 .boxing table.inner_tb {border-top:1px solid #ddd;margin:30px 0 0 0;}
.info03 .boxing table.inner_tb thead tr th {background-color:#f5f5f5;padding:8px;border:1px solid #ddd;font-size:15px;font-weight:600;color:#222;}
.info03 .boxing table.inner_tb tbody tr td {padding:5px;border:1px solid #ddd;text-align:center;font-size:14px;}


.info03 .boxing .red {color:red; font-size:15px;letter-spacing:-0.03em; line-height:23px; margin:5px 0;}


/* join enter (회원가입 선택 페이지) */
.join_enter {width:830px; margin:0 auto;}
.join_enter:after {content:"";display:block;clear:both;}
.join_enter  > div {float:left; width:380px; height:auto; box-sizing:border-box; padding:35px; bordeR:1px solid #001d67;text-align:Center;}
.join_enter  > div.jtype02 {margin-left:30px;bordeR:1px solid #e60012;}
.join_enter  > div img{margin:0 0 30px 0;}
.join_enter  > div h3{height:60px;font-size:23px;color:#001d67; font-weight:600; line-height:30px; letter-spacing:-0.03em; margin:0 0 30px 0;}
.join_enter  > div.jtype02 h3{color:#e60012 }
.join_enter  > div p {height:50px;font-size:16px; color:#555555; line-height:23px; letter-spacing:-0.03em;margin:0 0 30px 0;}
.join_enter  > div a {display:block; width:100%; height:60px; line-height:60px; color:#fff; font-size:23px; font-weight:600;background-color:#001d67;}
.join_enter  > div.jtype02 a {background-color:#e60012;}
.join_enter  > div a:hover, .join_enter  > div a:focus {background-color:#001752;}
.join_enter  > div.jtype02 a:hover, .join_enter  > div.jtype02 a:focus {background-color:#b9000e;}


/* 05_01 기술거래사 수첩*/
.note_wrap .note_option {border:4px solid #efefef; padding:30px 20px;margin:0 0 50px 0;}
.note_wrap .note_option h3{padding:10px; background-color:#eef2fb; color:#001d67;text-align:center; font-size:18px; font-weight:600; margin:0 0 10px 0;}
.note_wrap .note_option .option_in {background-color:#f6f6f6;padding:10px 30px;}
.note_wrap .note_option .option_in:after  {content:"";display:block;clear:both;}
.note_wrap .note_option .option_in p{float:left; width:50%;margin:8px 0;color:#333;}
.note_wrap .note_option .option_in p span{display:inline-block; width:100px; font-weight:600; color:#111;letter-spacing:-0.03em;font-size:16px;}
.note_wrap .note_option .option_in p label{font-size:16px;}
.note_wrap .note_option a.search_btn {display:block; margin:30px auto 0;width:260px; height:50px; line-height:50px;text-align:center; font-size:19px; font-weight:600;
	background-color:#001d67;color:#fff;
}


.note_wrap  .card_list ul:afteR{content:"";display:block;clear:both;}
.note_wrap  .card_list ul li{position:Relative;display:table;float:left;width:550px;margin:0 40px 40px 0;border:1px solid #ddd;box-sizing:border-box;padding:30px;}
.note_wrap  .card_list ul li:nth-child(even){margin:0 0 40px 0;}
.note_wrap  .card_list ul li > span{position:Absolute;display:block; width:30px;height:30px;}
.note_wrap  .card_list ul li span.line01{top:0;left:0; border-top:1px solid #001d67;border-left:1px solid #001d67;}
.note_wrap  .card_list ul li span.line02{bottom:0;right:0; border-bottom:1px solid #e60012;border-right:1px solid #e60012;}
.note_wrap  .card_list ul li:afteR{content:"";display:block;clear:both;}
.note_wrap  .card_list ul li .img {display:table-cell;width:110px;}
.note_wrap  .card_list ul li .info {display:table-cell;vertical-align:middle;padding-left:30px;}
.note_wrap  .card_list ul li .info h3{font-size:24px;line-height:20px;font-weight:900; color:#333;margin:0 0 5px 0;}
.note_wrap  .card_list ul li .info h3 span{color:#e60012; font-size:17px;padding-left:6px;}
.note_wrap  .card_list ul li .info .affi{font-size:16px; color:#666;letter-spacing:-0.03em;padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid #ddd;}
.note_wrap  .card_list ul li .info .prof {font-size:14px; color:#333;letter-spacing:-0.03em;margin:3px 0;}
.note_wrap  .card_list ul li .info .prof img{width:18px;vertical-align:middle;padding:0 0 2px 0;}


.note_detail_wrap {position:relative;padding:70px 0 0 0;}
.note_detail_wrap .go_list{position:absolute; top:0;right:0; display:inline-block; height:50px;line-height:50px; padding:0 30px;
	box-sizing:border-box; border:1px solid #ddd;font-size:17px; font-weight:600; color:#888;
}
.note_detail_wrap .go_list img{padding-right:5px;}
.note_detail_wrap .go_list:hover {border-color:#555;color:#555;}
.note_detail_wrap .detail_top {border:1px solid #dfdfdf; border-top:2px solid #001d67;padding:40px;margin:0 0 40px 0;}
.note_detail_wrap .detail_top:After{content:"";display:block;clear:both;}
.note_detail_wrap .detail_top .img {float:left; width:150px;margin-right:40px;}
.note_detail_wrap .detail_top .info {float:left;width:calc(100% - 190px);}
.note_detail_wrap .detail_top .info h3{font-size:30px;font-weight:600; color:#333;margin:0 0 10px 0;}
.note_detail_wrap .detail_top .info h3 span{color:#e60012; font-size:21px;padding-left:6px;}
.note_detail_wrap .detail_top .info .affi{font-size:17px; color:#666;letter-spacing:-0.03em;margin:0 0 30px 0;}
.note_detail_wrap .detail_top .info ul:afteR{content:"";display:block;clear:both;}
.note_detail_wrap .detail_top .info ul li{float:left; width:320px;overflow:hidden;border:1px solid #ddd;height:40px;line-height:40px;margin:5px 10px  5px 0;font-size:15px; font-weight:600;color:#333;}
.note_detail_wrap .detail_top .info ul li span{float:left;display:block; width:40px; height:40px; border-right:1px solid #ddd;vertical-align:middle;margin-right:10px;}
.note_detail_wrap .detail_top .info ul li span img{padding:8px 0 0 8px;}

.note_detail_wrap  .deatil_mid dl:afteR{content:"";display:block;clear:both;}
.note_detail_wrap  .deatil_mid dl dt {float:left; width:160px;margin-right:30px; padding:30px 0 0 0; border-top: 2px solid #001d67;
	font-size:27px;font-weight:900;color:#001d67;
}
.note_detail_wrap  .deatil_mid dl dd {float:left; width:calc(100% - 190px);padding:30px 0 0 0; border-top: 2px solid #ddd;}
.note_detail_wrap  .deatil_mid dl dd p{font-size:16px; line-height:27px; letter-spacing:-0.04em; word-break:keep-all; color:#666;margin:0 0 20px 0;}

/* FAQ */
.faq {}
.faq > table {border-top:1px solid #001d67;}
.faq > table thead th {padding:12px 0; font-size:15px; font-weight:600; color:#555; border-bottom:3px solid #ddd;}
.faq > table tbody th {padding:10px 5px; text-align:center; border-bottom:1px solid #e9e9e9; font-size:15px; font-weight:500; color:#555; vertical-align:top;}
.faq > table tbody td {padding:10px 5px; border-bottom:1px solid #e9e9e9; font-size:15px; font-weight:500; color:#555;}
.faq > table tbody td .faq_title {padding-right:40px;font-size:16px; font-weight:500; color:#111; letter-spacing:-0.04em; cursor:pointer; background:url('../images/sub/faq_on.png') 99% 7px no-repeat;}
.faq > table tbody td .on {background:url('../images/sub/faq_off.png') 99% 7px no-repeat;}
.faq > table tbody td .faq_detail {padding:15px; background-color:#f7f7f7;letter-spacing:-0.03em; line-height:26px; margin:15px 0 0 0; border-top:1px solid #ddd; max-height:450px; overflow-y:auto;}

.survey h5 {font-size:24px;font-weight:600;color:#111;}
.survey p {padding:20px 10px;background:#f8f8f8;color:#333;font-size:14px;margin:10px 0 40px;}
.survey p span {display:block;color:#ff0000;}
.survey span.red {color:#ff0000;}
.survey ul li {margin:0 0 30px 0;}
.survey ul li h6 {font-size:16px;color:#111;font-weight:600;margin:0 0 10px 0;}
.select {}
.select input[type=radio]{display: none;}
.select input[type=radio]+label{display: inline-block;cursor: pointer;height: 28px;width: 110px;border: 1px solid #9e9e9e;line-height: 28px;text-align: center;font-size:13px;margin:0 5px 0 0;}
.select input[type=radio]+label{background-color: #fff;color: #616161;}
.select input[type=radio]:checked+label{background-color: #001d67;color: #fff;border:1px solid #001d67;}
.select textarea {font-family:'noto';width: 100%;height: 120px;border: 1px solid #a8a8a8;resize: none;padding:8px;font-size:13px;box-sizing:border-box;}
.select input[type=text] {width: 100%;border: 1px solid #a8a8a8;font-size:13px;padding:8px;box-sizing:border-box;}

/**** mobile layout *************************************************************************************************************/
@media screen and (max-width:768px) {
	body {max-width:auto;min-width:320px; }

	#header {display:none;}
	#mob_header {display:block; height:90px; background-color:#fff; width:auto;position:relative;}
	#mob_header .logo {position:absolute;top:22px;left:20px;}
	#mob_header .logo img {height:50px;}
	#gnb{display:none;}


	/* nav */
	#top_right {display:block;float:right; margin:32px 20px 0 0;}
	.allmenu {/*position:absolute; top:35px; right:15px; z-index:1000; display:block; cursor:pointer;*/ position:relative;}
	#menu-icon2{
	  position: relative;
	  width: 30px;
	  height: 20px;
	  transform: rotate(0deg);
	  transition: 0.5s ease-in-out;
	  cursor: pointer;
	}
	#menu-icon2 span{
	  display: block;
	  position: absolute;
	  height: 3px;
	  width: 100%;
	  background: #111;
	  opacity: 1;
	  left: 0;
	  transform: rotate(0deg);
	  transition: 0.25s ease-in-out;
	}
	#menu-icon2 span.short {
		width:20px;
		left:10px;
	}
	#menu-icon2 span:nth-child(1){top: 0px;}
	#menu-icon2 span:nth-child(2){top: 8px;}
	#menu-icon2 span:nth-child(3){top: 17px;}
	#menu-icon2.open span:nth-child(1) {
	  top: 6px;
	  transform: rotate(-45deg);
	}
	#menu-icon2.open span:nth-child(2) {
	  opacity: 0;    
	}
	#menu-icon2.open span:nth-child(3) {
	  top: 6px;
	  transform: rotate(-135deg);
	  width:30px;
	  left:0;
	}
	nav {position:absolute; top:90px; right:0; width:100%; text-align:left; z-index:1100;}
	#nav {display:block;background:#fff;border-top:1px solid #ddd;}
	#nav li {position:relative;line-height:60px;border-bottom:1px solid #dfdfdf;}
	#nav li.home_nav {text-align:center;background-color:#f5f5f5;line-height:45px;}
	#nav li.home_nav:after{content:"";display:block;clear:both;}
	#nav li a {box-sizing:border-box;position:relative; color:#111; font-size:16px; font-weight:600; display:block;padding:0 20px;}
	#nav li.home_nav a{display:inline-block;width:50%;float:left;font-size:14px;color:#033d9b;}
	#nav li.home_nav a:first-child {border-right:1px solid #ddd;}
	#nav > li > ul {padding:10px 0;background-color:#f6f6f6;}
	#nav > li > ul > li {border-bottom:none; line-height:35px;}
	#nav > li > ul > li:first-child {border-top:none;}
	#nav > li > ul > li a {color:#0f3b83; font-size:15px;font-weight:500;}



	/* main */
	#content {width:auto; margin-left:0; height:auto !important;}

	#mainvisual {width:100%; min-width:auto; height:200px;}
	#mainvisual .slideshow div {width:100%; height:100%; background-repeat:no-repeat; background-position:99% 100%; }
	.visual_bg1 {background-image:url('../images/main/mainvisual03.png'); background-size:35%;}
	.visual_bg2 {background-image:url('../images/main/mainvisual01.png'); background-size:35%;}
	#mainvisual .main_txt {top:30px;left:20px;}
	#mainvisual .main_txt p{font-size:16px; background:url('../images/main/main_txt_bg.png') 155px 0 no-repeat;background-size:90px;padding:20px 50px 0 0;}
	#mainvisual .main_txt h2 {font-size:27px;}
	#mainvisual .slick-dots{top:130px; left:20px;}




	/* section1 */
	.section1{overflow:hidden;}
	.section1 .qbox {width:20%; float:left; height:140px;}
	.section1 .qbox a{padding:20px 13px;}
	.section1 .qbox a h3{font-size:15px; letter-spacing:-0.09em;}
	.section1 .qbox a .plus {top:80px; left:0;}
	.section1 .qbox a .plus img{width:80%;}
	.section1 .qbox a .icon {position:absolute; bottom:13px; left:10px;	}
	.section1 .qbox a .icon img{width:40px;}



	/* section2 */
	.section2 .notice {float:none;width:auto;padding:20px;}
	.section2 .notice h3{padding-left:36px; background:url('../images/main/c_tit.png') 0 10px no-repeat;font-size:20px;margin:0 0 15px 0;}
	.section2 .notice h3 span{font-size:14px;}
	.section2 .notice .more {position:Absolute; top:23px;right:20px;}
	.section2 .notice ul li{float:none; width:auto; height:auto;margin:0 0 15px 0;}
	.section2 .notice ul li:fisrt-child{margin-left:0;}
	.section2 .notice ul li a .title {height:40px;font-size:16px;margin:5px 0 15px;}



	.section2 .zone {float:none;width:auto;padding:20px;}
	.section2 .zone  h3{padding-left:36px; background:url('../images/main/c_tit.png') 0 10px no-repeat;font-size:20px;margin:0 0 15px 0;}
	.section2 .zone  h3  span{font-size:14px;}
	.section2 .zone .pop_slide{border:1px solid #eee;}
	.section2 .zone  .slick-arrow {top:-36px;}
	.section2 .zone  .slick-slide img {width:100%;}

	.section2 .squick_box  {float:none;width:auto;padding:20px;}
	.section2 .squick_box  h3{padding-left:36px; background:url('../images/main/c_tit.png') 0 10px no-repeat;font-size:20px;margin:0 0 15px 0;}
	.section2 .squick_box  h3  span{font-size:14px;}
	.section2 .squick_box .sqbox:after{content:"";display:block;clear:both;}
	.section2 .squick_box .sqbox a{width:48%; height:70px; box-sizing:border-box; line-height:70px; padding-left:60px;border:1px solid #ddd;
		color:#354f67; letter-spacing:-0.06em; font-size:16px;font-weight:600;margin:0 2% 10px 0;
	}
	.section2 .squick_box .sqbox a img {position:Absolute; top:16px;left:15px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease; /* Firefox 4 */
		-webkit-transition: all 0.3s ease; /* Safari and Chrome */
		-o-transition: all 0.3s ease; /* Opera */
	}
	.section2 .squick_box .sqbox a:hover, .section2 .squick_box .sqbox a:focus {background-color:#f6f8fd;}
	.section2 .squick_box .sqbox a:hover img, .section2 .squick_box .sqbox a:focus img{top:12px;}






	.banner_slide_wrap {width:90%;}
	.banner_slider ul li a {width:100%;}



	/* footer */
	#footer {display:none;}
	#mob_footer {display:block; width:100%; background:#fff;border-top:1px solid #ddd;}
	#mob_footer .footer_content {padding:30px 15px; text-align:center;}
	#mob_footer .footer_content address {font-size:12px;} 
	#mob_footer .footer_content .fbtn {display:block; width:150px; height:25px; line-height:25px;text-align:center; bordeR:1px solid #ddd; font-size:12px; color:#888;margin:10px auto;}
	
	/*Quick Menu */
	#quick_menu {display:none !important;}




	#cont {float:none;width:auto; padding:30px 20px 0 20px;}
	#menutitle h2 {font-size:20px; padding:20px 0 0 0 ;margin:0 0 20px 0;background:url('../images/main/main_txt_bg.png') 130px 0 no-repeat;background-size:120px;	}
	#leftmenu  {width:100%; height:auto; padding:8px 0;margin:0 0 35px 0;}
	#leftmenu ul li{width:auto;}
	#leftmenu ul li a{padding:0 16px;width:auto;display:inline-block;line-height:30px;font-size:14px; }
	#subtitle {margin:0 0 40px 0;}
	#subtitle h4 {font-size:25px;}

	#con_area {min-height:300px; padding:0 0 100px 0;}
	#con_area h3.c_tit {font-size:22px; }




	/* 마이페이지 - 정회원신청*/
	.regular_form .r_info {font-size: 13px;word-break:keep-all;}
	.regular_form .boxing table thead tr th{font-size: 12px;word-break:keep-all;}
	.regular_form .boxing table tbody tr th{font-size: 12px;word-break:keep-all;}
	.regular_form .boxing table tbody tr td{font-size: 12px; padding:10px 5px;}

	.regular_form .boxing table tbody tr td a.tb_btn  {display: inline-block;font-size:10px; line-height:auto;letter-spacing: -0.08em;}
	.regular_form .boxing .center{font-size: 15px;word-break:keep-all;}
	.regular_form .boxing .btnp a{width:160px;font-size:18px;}




	/* 01_01 */
	.greeting {position:static;padding-right:0;}
	.greeting .president{position:static;text-align:right;}
	.greeting .president > img {width:180px;}
	.greeting .president .sign {font-size:16px; line-height:35px;}
	.greeting h3 {font-size:24px;line-height:34px;word-break:keep-all;letter-spacing:-0.06em;}
	.greeting h3 span{font-size:16px;line-height:24px;margin:5px 0 0 0;}
	.greeting > p {font-size:14px;}


	/* 01_02 */
	.intro .top {padding:0;height:auto;text-align:center;}
	.intro .top h3 {font-size:24px;line-height:32px;word-break:keep-all;margin:0 0 30px 0;}
	.intro .top h3 span {font-size:17px;line-height:26px;padding:8px 0 0 0;}
	.intro .top img{position:static;width:auto;max-width:100%;}
	.intro > p {padding:20px;font-size:15px;line-height:30px;}




	/* 01_03 */
	.purpose .normal {font-size:16px; line-height:30px;}
	.purpose .diagram .top {z-index:1;height:363px;background:url('../images/sub/purpose_bg.png') center 0 no-repeat;}
	.purpose .diagram .top  span{font-size:16px; color:#ffffff; letter-spacing:-0.03em;padding:120px 0 10px;}
	.purpose .diagram .top h3{font-size:24px;}
	.purpose .diagram .mid {font-size:17px; word-break:keep-all;}
	.purpose .diagram .btm p {float:none;width:auto; height:auto;padding:30px 20px;font-size:16px;margin:0 0 20px 0;word-break:keep-all;}
	.purpose .diagram .btm p.c01 {margin:0 0 20px 0;}


	/* 01_04 */
	.history {width:100%; background:url('../images/sub/his_center.png') 4px 0 repeat-y;}
	.history:before, .history:after{margin:0;}
	.history .y_box{margin:0 0 50px 0;}
	.history .y_box:first-child{margin:50px 0 50px;}
	.history .y_box dl.left{width:100%; float:none; text-align:left;}
	.history .y_box dl.right{width:100%; float:none;}
	.history .y_box dl dt {font-size:22px; line-height:25px;}
	.history .y_box dl.left dt{padding:0 0 0 20px;  background:url('../images/sub/year_tit.png') 0 7px no-repeat;margin:0 0 10px 0;}
	.history .y_box dl.right dt{padding:0 0 0 20px; background:url('../images/sub/year_tit.png') 0 7px no-repeat;margin:0 0 10px 0;}
	.history .y_box dl dd {font-size:13px;line-height:20px;word-break:keep-all;}
	.history .y_box dl.left dd {padding:0 0 0 25px;}
	.history .y_box dl.left dd span{display:block;padding:0 0 0 10px; background:url('../images/sub/his_dot.jpg') 0 11px no-repeat;}
	.history .y_box dl dd p {margin:8px 0;}
	.history .y_box dl.left dd p {padding-right:0; padding-left:50px;}
	.history .y_box dl.left dd p span {right:auto; left:0;}



	/* 01_05 */
	.current .boxing .logo img{width:180px;}
	.current .boxing .sha{padding:20px 30px 20px 70px;font-size:14px; line-height:22px;}
	.current .boxing .sha span{width:auto; top:25px;margin-top:0; left:20px;line-height:14px;font-size:14px;}
	.current table thead tr th{padding:12px 2px; font-size:12px;}
	.current table tbody tr td{padding:10px 2px; font-size:12px;}
	#statisContainer2_left {float:none;width:auto;height:400px;margin:0 0 20px 0;}
	#statisContainer2_right {float:none;width:auto;height:400px;}


	/* 01_07*/
	.task .boxing h3{font-size:20px;}
	.task .boxing .gray{padding:20px;}
	.task .boxing .gray p {font-size:14px;}
	.task .boxing .gray p.red {font-size:13px;}
	.task .boxing ul.num li {float:none; width:auto;font-size:15px;line-height:24px;}
	.task .boxing ul.num li span{width:24px;height:24px;border-radius:22px;font-size:13px;}



	/* 01_08 */
	.contact .info {border:1px solid #ddd; padding:25px;}
	.contact .info p{font-size:14px;line-height:26px;}
	.contact .info p span{font-size:14px;  display:block; width:auto;}
	.contact .info p img{display:none;}

	.contact .trans h3 {padding:0 0 20px 35px; line-height:30px; background-size:27px;font-size:20px;}
	.contact .trans p {padding:0 0 0 35px; font-size:14px; }


	/* 02_01 */
	.info01 .boxing H3 {font-size:20px;}
	.info01 .boxing .gray{padding:20px;font-size:15px; line-height:25px;letter-spacing:-0.04em;}
	.info01 .boxing .normal {padding:10px;}
	.info01 .boxing .normal p{font-size:14px;line-height:22px; margin:7px 0;}
	.info01 .boxing .normal p.inden {font-size:12px;}


	/* 02_02*/
	.info02 .scroll {width:auto; overflow:scroll;}
	.info02  .scroll_txt {font-size:13px; color:Red; font-weight:600; display:block;margin:0 0 30px 0;}
	.info02 .dia {margin:0 auto 30px;width:700px;}
	.info02 .dia ul{float:left;}
	.info02 .dia ul.left{width:350px;}
	.info02 .dia ul li{width:300px; font-size:14px; }
	.info02 .dia ul.left li p.r_arrow { right:-30px;}
	.info02 .dia ul li span {font-size:12px;line-height:14px;}

	.info02 .gray {padding:20px;font-size:15px; line-height:25px;letter-spacing:-0.04em;}
	.info02 .gray p{font-size:14px;line-height:22px; margin:7px 0;}
	.info02 .gray p.red {font-size:13px;}



	/* 02_03*/
	.info03 .boxing h3 {font-size:18px; }
	.info03 .boxing table tr td{ padding:10px 20px;font-size:14px;}
	.info03 .boxing table tr td .inden {font-size:13px;}
	.info03 .boxing .red {font-size:13px;line-height:20px;}
	.info03 .boxing table.inner_tb thead tr th {padding:8px 2px;font-size:13px;}
	.info03 .boxing table.inner_tb tbody tr td {padding:5px;font-size:12px;}




	/* join enter (회원가입 선택 페이지) */
	.join_enter {width:auto;}
	.join_enter  > div {float:none; width:auto;}
	.join_enter  > div.jtype02 {margin:30px 0 0 0;}
	.join_enter  > div img{margin:0 0 20px 0;height:45px;}
	.join_enter  > div h3{height:auto;font-size:18px;line-height:25px; margin:0 0 15px 0;}
	.join_enter  > div p {height:auto;font-size:13px; line-height:18px;margin:0 0 20px 0;}
	.join_enter  > div a {height:50px; line-height:50px; font-size:20px;}


	/* 05_01 기술거래사 수첩*/
	.note_wrap .note_option {padding:10px;}
	.note_wrap .note_option .option_in:after  {content:"";display:block;clear:both;}
	.note_wrap .note_option .option_in {padding:10px;}
	.note_wrap .note_option .option_in p{float:none; width:auto;margin:10px 0;font-size:14px;}
	.note_wrap .note_option .option_in p span{width:70px; font-size:14px;text-align:center;}
	.note_wrap .note_option .option_in p label{font-size:14px;}
	.note_wrap .note_option a.search_btn {width:200px; font-size:17px;margin:10px auto 0;}




	.note_wrap  .card_list ul li{display:table;float:none;width:100%;margin:0 0 20px 0;padding:20px;}
	.note_wrap  .card_list ul li:nth-child(even){margin:0 0 20px 0;}
	.note_wrap  .card_list ul li > span{ width:20px;height:20px;}
	.note_wrap  .card_list ul li .img {width:95px;}
	.note_wrap  .card_list ul li .img img{width:100%; height:auto;}
	.note_wrap  .card_list ul li .info {padding-left:20px;}
	.note_wrap  .card_list ul li .info h3{font-size:18px;line-height:18px;}
	.note_wrap  .card_list ul li .info h3 span{font-size:11px;display:block;padding:3px 0 0 0;}
	.note_wrap  .card_list ul li .info .affi{font-size:12px;letter-spacing:-0.06em;word-break:keep-all;}
	.note_wrap  .card_list ul li .info .prof {font-size:11px;margin:2px 0;display:block;width:auto;}
	.note_wrap  .card_list ul li .info .prof img{width:15px;}





	.note_detail_wrap .go_list{height:45px;line-height:45px;font-size:15px;}
	.note_detail_wrap .detail_top .img {float:none; width:auto;margin:0 0 20px 0;text-align:center;}
	.note_detail_wrap .detail_top .info {float:none;width:auto;}
	.note_detail_wrap .detail_top .info h3{font-size:26px;text-align:Center;}
	.note_detail_wrap .detail_top .info h3 span{font-size:17px;}
	.note_detail_wrap .detail_top .info .affi{font-size:15px;text-align:center;}
	.note_detail_wrap .detail_top .info ul li{float:none; width:auto;font-size:14px;}

	.note_detail_wrap  .deatil_mid dl dt {float:none; width:auto;margin:0;font-size:20px;padding:0; height:50px; line-height:50px;}
	.note_detail_wrap  .deatil_mid dl dd {float:none; width:auto;padding:20px 0 0 0;}
	.note_detail_wrap  .deatil_mid dl dd p{font-size:14px; }



	/* FAQ */
	.faq > table thead th {font-size:12px;}
	.faq > table tbody th {font-size:12px;}
	.faq > table tbody td {font-size:14px;}
	.faq > table tbody td .faq_title {font-size:13px; padding:0 20px 0 0; background-position:100% 7px;}
	.faq > table tbody td .on {background-position:100% 7px;}
	.faq > table tbody td .faq_detail {font-size:13px; line-height:20px; max-height:auto;}

	.survey h5 {font-size:18px;}
	.survey p {padding:15px;}
	.survey ul li h6 {font-size:14px;}
	.select input[type=radio]+label{width:150px;height:32px;line-height:32px;font-size:12px;margin:0 5px 5px 0;}
	.select label:nth-child(2n+1) {margin:0 0 10px 0;}
		
}


@media screen and (max-width:460px) {
	.section1 .qbox {height:110px;}
	.section1 .qbox a {padding:10px;}
	.section1 .qbox a h3{font-size:14px;line-height:16px;}	
	.section1 .qbox a .plus {display:none;}
	.section1 .qbox a .icon img {width:30px;}
    .section2 .notice ul li a .title {font-size:15px; line-height:20px;}


	.section2 .squick_box .sqbox a{padding-left:40px;font-size:14px;}
	.section2 .squick_box .sqbox a img {position:Absolute; top:16px;left:7px;width:30px;}

}



@media screen and (max-width:320px) {
	
	.section1 .qbox a h3 {font-size:12px;}
	.section2 .squick_box .sqbox a{float:none; width:auto;margin:0 0 5px 0; padding-left:80px;}
	.section2 .squick_box .sqbox a img {left:25px;}
    
}