@charset "utf-8";
/* common */
.wrap {position:relative; margin:0 auto; z-index:9; width:100%; padding:0 10px; *zoom:1;}
.wrap:after {content:""; display:block; clear:both;}
.bg_active {background:#333 !important;} /* active */
.bg_red {background:#e70000 !important;}
.bg_gray {background:#f7f7f7 !important;} /* sub0303 */
.bg_white {background:#fff !important;}
.bg_sky {background:#b9ffff !important;} /* 시간표 */
.bg_green {background:#cdffb9 !important;} /* 시간표 */

.bg_orange {}
.bg_blue {}
.col_active {color:#333 !important;} /* active */
.col_red {color:#e70000 !important;}
.col_white {color:#fff !important;}
.col_black {color:#000 !important;} /* 강조 */
.col_orange {}
.col_blue {}
.col_sky {}
.fa {margin:0 5px 0 0;}

.w100p {width:100% !important;}

.over_h {overflow:hidden;}

/* form */
input[type="text"], input[type="password"] {border:1px solid #dfdfdf; padding:0 5px 0 5px ; height:32px; line-height:30px; font-family:inherit; font-size:inherit; margin:1px 0; vertical-align:middle;}
textarea {border:1px solid #dfdfdf; font-family:inherit; font-size:inherit; padding:10px; width:100%; overflow-y:auto;}
select {border:1px solid #dfdfdf; height:30px; line-height:30px; font-family:inherit; font-size:inherit; padding:4px 4px 4px 5px; min-width:100px;}
label {padding:0 20px 0 10px; vertical-align:middle; cursor:pointer;}
.inp_l {width:100% !important;}
	/* input file */
	.add_file {display:inline-block; width:110px; height:33px; line-height:31px; background:#1f69ad; border:1px solid #1f69ad; color:#fff; font-size:12px; text-align:center; vertical-align:middle; position:relative; cursor:pointer;}
	.add_file input[type="file"] {width:110px; height:33px; opacity:0; filter:alpha(opacity=0); line-height:0; position:absolute; left:0; top:0; cursor:pointer;}

/* button */
.btn {display:inline-block; padding:0px 20px; height:32px; line-height:30px; background:#cdcdcd; border:1px solid #cdcdcd; font-weight:700; vertical-align:middle;}
.btn_s {} 
.btn_m {display:inline-block; width:45%; padding:0px 35px; height:44px; line-height:42px; background:#cdcdcd; border:1px solid #cdcdcd; font-size:16px; font-weight:700; vertical-align:middle; margin:0 2px;}
.btn_l {display:inline-block; width:45%; height:70px; line-height:70px; background:#cdcdcd; font-size:25px; font-weight:700; text-align:center; vertical-align:middle;} /* 훈련위탁계약서 */



.btn_active {background:#fff !important; border:1px solid #333 !important; color:#252525 } /*  */
.btn_active_in {background:#333 !important; border:1px solid #333 !important; color:#fff !important; } /*  */
.btn_gray {background:#fff !important; border:1px solid #b3b3b3 !important; color:#252525 } /*  */
.btn_gray_in {background:#b3b3b3 !important; border:1px solid #b3b3b3 !important; color:#fff !important; } /*  */
.btn_red {background:#fff !important; border:1px solid #e93939 !important; color:#252525 } /*  */
.btn_red_in {background:#e20101 !important; border:1px solid #e20101 !important; color:#fff !important; } /* 마감임박 */
.btn_green {} /*  */
.btn_green_in {background:#76bf43 !important; border:1px solid #76bf43 !important; color:#fff !important; } /*  */
.btn_white_in {background:#fff !important; border:1px solid #dfdfdf !important; color:#000;  } /*  */
.btn_black {background:#fff !important; border:1px solid #000 !important; color:#000 } /*  */
.btn_black_in {background:#2b2b31 !important; border:1px solid #2b2b31 !important; color:#fff } /*  */
.icon_r {display:inline-block; height:20px; line-height:17px; padding:0 7px; border-radius:3px; font-size:12px; font-weight:700;} /* 아이콘 */
.icon_s {} /*  */

/* HEADER */
#header_wrap {position:fixed; left:0; top:0; width:100%; height:50px; z-index:100; background:#fff; border-bottom:1px solid #dadada; z-index:11;}
#header_wrap h1 {float:left; line-height:50px; padding:0 10px;}
#header_wrap .btn_menu {position:relative; float:right; margin:10px; width:30px; height:30px; border:#00498c 1px solid; cursor:pointer; z-index:2;}
#header_wrap .btn_menu > div {position:absolute; top:50%; left:50%; width:20px; height:3px; margin-left:-10px; background:#00498c; border-radius:2px; transition:.2s linear;}
#header_wrap .btn_menu .top {margin-top:-8px;}
#header_wrap .btn_menu .mid {margin-top:-2px;}
#header_wrap .btn_menu .btm {margin-top:4px;}
#header_wrap .btn_menu.on .top {margin-top:-2px; transform:rotate(135deg);}
#header_wrap .btn_menu.on .mid {opacity:0;}
#header_wrap .btn_menu.on .btm {margin-top:-2px; transform:rotate(-135deg);}

#header_wrap > .langs {position:absolute; top:10px; right:50px; overflow:hidden;}
#header_wrap > .langs a {display:block; float:left; width:40px; height:30px; line-height:28px; text-align:center; font-size:10px; border:#ccc 1px solid;}
#header_wrap > .langs a strong {font-size:12px;}
#header_wrap > .langs a.on {border-color:#00498c; background:#00498c; color:#fff;}

.gnb_wrap {position:fixed; top:0; right:-100%; width:100%; height:100%; background:#fff; padding:50px 10px 60px; z-index:1; opacity:0; transition:.2s linear;}
.gnb_wrap.on {right:0; opacity:1;}
.gnb_wrap .all_search_wrap {width:100%; overflow:hidden; margin-bottom:10px;}
.gnb_wrap .all_search_wrap input[type=text] {float:left; width:70%; font-size:12px; height:30px; line-height:28px; border:0; border-bottom:#a19992 1px solid;}
.gnb_wrap .all_search_wrap .btn {float:right; width:29%; height:30px !important; line-height:30px !important; text-align:center; background:#a19992; color:#fff; font-size:13px; color:#fff; border-radius:14px;}
.gnb_wrap .gnb {position:relative; width:100%; height:100%; overflow-y:auto;}
.gnb_wrap .gnb li {border-bottom:#a19992 1px solid;}
.gnb_wrap .gnb li > a {position:relative; display:block; font-size:15px; color:#333; line-height:30px; font-weight:bold; padding:0 10px;}
.gnb_wrap .gnb li > a i {position:absolute; top:0; right:10px; line-height:30px; transition:.2s linear;}
.gnb_wrap .gnb li.on > a i,
.gnb_wrap .gnb li.open > a i {transform:scale(-1);}
.gnb_wrap .gnb li.on.open > a i {transform:scale(1);}
.gnb_wrap .snb {background:#f5f5f5; padding:10px; display:none;}
.gnb_wrap .snb dd a {display:block; font-size:13px; color:#666; line-height:24px;}

.gnb_wrap .langs {position:absolute; bottom:0; left:0; width:100%; z-index:1000;}
.gnb_wrap .langs a {display:block; float:left; width:50%; height:50px; line-height:50px; font-size:14px; color:#666; background:#d5d5d5; text-align:center;}
.gnb_wrap .langs a.on {background:#a19992; color:#fff;}

/* lnb */
.lnb {position:relative; z-index:10;}
.lnb ul {height:40px;}
.lnb ul li {position:relative; float:left; width:50%;}
.lnb ul li dt {position:relative; padding:0 10px; height:40px; line-height:40px; background:#f5f5f5;}
.lnb ul .first dt {border-right:#ddd 1px solid;}
.lnb ul li dt i {position:absolute; top:0; right:10px; line-height:40px; transition:.2s linear;}
.lnb ul li.on dt i {transform:scale(-1);}
.lnb ul li dd {position:absolute; top:40px; left:0; width:100%; padding:10px; background:#fff; border:#ddd 1px solid; border-top:0; display:none;}
.lnb ul li dd p a {display:block; font-size:13px; color:#666; line-height:30px;}
.lnb ul li dd p.on a {color:#333; font-weight:bold;}

/* location */
.location {background:#fff; height:51px; line-height:50px; position:relative; z-index:10; border-bottom:1px solid #ddd;}
.location .step_wrap {margin-left:51px;}
.location .step_wrap:after {content:""; display:block; clear:both;}
.location dl {float:left; width:300px; line-height:50px; z-index:10; position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd;  margin:0 0 0px -1px;}
.location dl.step1 {width:250px;}
.location dt {background:url('/images/bg_location_dt.png') 95% center no-repeat; background-size:7px 4px; padding-left:15px; cursor:pointer;}
.location a {display:block; border:1px solid #ddd; padding-left:15px; color:#555; margin:0 0 -1px -1px;}
.location dl .dd {position:absolute; top:50px; width:100%;}
.location dd {background:#fff; display:none; width:100%;}

.contents {padding:50px 0 50px;}

/* main */
.m_visual {width:100%; /*max-width:720px;*/ overflow:hidden; margin:0 auto 35px;}
.m_visual .inner {position:relative;}
.m_visual li {overflow:hidden;}
.m_visual li img {width:100%;}
.m_visual li .wrap {position:absolute; top:0; left:0; padding-top:80px;}
.m_visual li .wrap .text1 {font-size:26px; color:#161616; font-weight:400; margin-bottom:20px; line-height:1.1; letter-spacing:-2px;}
.m_visual li .wrap .text1 strong {font-weight:500;}
.m_visual li .wrap .text2 {font-size:16px; color:#161616; letter-spacing:-1px;}
.m_visual li.m_v1 .wrap .text2 {text-shadow:rgba(255,255,255,.8) 0 0 3px;}
.m_visual li.m_v2 .wrap .text2 {text-shadow:rgba(255,255,255,.8) 0 0 3px;}
.m_visual li.m_v3 .wrap .text2 {text-shadow:rgba(0,0,0,.8) 0 0 3px;}
	/* DIRECTION CONTROLS (NEXT / PREV) */
	.m_visual .bx-wrapper .bx-pager,
	.m_visual .bx-wrapper .bx-controls-auto {margin:0 auto; left:0; bottom:10px; text-align:center;}
	.m_visual .bx-wrapper .bx-pager.bx-default-pager a {background:#fff; border:1px solid #e6973a; width:10px; height:10px; margin:0 5px;}
	.m_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background:#e6973a; border:1px solid #fff;}
	.m_visual .bx-wrapper .bx-pager.bx-default-pager a.active {background:#e6973a; border:1px solid #fff;}

.mcon {margin-bottom:35px;}
.mcon .wrap > div {position:relative; width:100%; padding-bottom:20px; border-bottom:#ddd 1px dashed; margin-bottom:20px;}
.mcon .wrap h3 {font-size:20px; font-weight:400; margin-bottom:15px;}
.mcon .wrap .more {position:absolute; right:0; top:0;}
.mcon1 li {line-height:28px; position:relative; padding-right:100px;}
.mcon1 li .date {position:absolute; right:0; top:0;}
.mcon2 .thum iframe {width:100%; height:240px;}
.mcon2 li {line-height:28px; position:relative; height:28px; overflow:hidden;}
.mcon2 li .date {position:absolute; right:0; top:0;}
.mcon .wrap > .mcon3 {padding-bottom:0; border-bottom:0; margin-bottom:0;}
.mcon3 li {width:49%; margin-left:2%;}
.mcon3 li:first-child {margin-left:0;}
.mcon3 li img {width:100%;}

/* sub */
.s_vis {}
.s_vis .wrap {width:100%; height:auto;}
.s_vis .wrap .con {width:1280px; height:529px; display:table-cell; vertical-align:middle;}
.s_vis .wrap .con .cap {font-size:35px; font-weight:800;}
.s_vis .wrap .con .tit {font-family:'Arial Black', Arial; font-size:56px; font-weight:800; margin-bottom:20px;}
.s_vis .wrap .con .text {font-size:14px; font-weight:800; line-height:1.6;}
.s_page {position:relative; padding-top:50px;}
.s_page .wrap {}
.s_page .contents {padding:30px 0 50px;}
.s_page .contents h3 {font-size:24px; color:#333; text-align:center; margin-bottom:20px;}
.s_page .contents h3 span {display:inline-block; border-bottom:2px solid #656565; padding:0 50px; padding-bottom:5px; margin-bottom:10px;}
.s_page .home {text-align:center; font-size:13px; color:#333; margin-bottom:30px; display:none;}
.s_page .home span {padding:0 8px;}

.s_page img {max-width:100%;}

/* sub0101 */
.sub0101 .thum {margin-bottom:35px;}
.sub0101 .text {line-height:28px;}
/* sub0104 */
.map_text {position:relative; padding-left:50px; line-height:28px; margin-bottom:20px;}
.map_text strong {position:absolute; left:0; top:0;}
.root_daum_roughmap {width:100% !important;}

/* sub0201 */
#fullpage li {background-size:cover !important; overflow:hidden; transition:all 0.4s !important; padding-top:50px;}
#fullpage .ani_wrap {padding-top:50px;}
#fullpage .ani_wrap .fp-tableCell {position:relative; height:100% !important;}
/*#fullpage li:hover {background-size:101% !important; transition:all 0.4s !important;}*/
#fullpage li a {display:block; height:100%; position:relative;}
#fullpage li a .inin {position:absolute; right:50px; bottom:45px; color:#fff; text-shadow:1px 1px 1px #111; text-align:right; font-weight:500;}
#fullpage li a .inin .cap {font-size:35px;}
#fullpage li a .inin .tit {font-size:55px; font-weight:800; line-height:1; margin-bottom:10px;}
#fullpage li a .inin .tit2 {font-size:20px; font-weight:500; padding-bottom:10px; margin-bottom:10px; border-bottom:2px solid #fff;}
#fullpage li a .inin .text {font-size:15px;}
#fullpage .slide a .inin {position:absolute; bottom:50px; left:5%; width:90%; color:#fff; text-shadow:1px 1px 1px #111; text-align:right; font-weight:500;}
#fullpage .slide a .inin .cap {font-size:35px;}
#fullpage .slide a .inin .tit {font-size:55px; font-weight:800; line-height:1; margin-bottom:10px;}
#fullpage .slide a .inin .tit2 {font-size:14px; font-weight:500; padding-bottom:10px; margin-bottom:10px; border-bottom:2px solid #fff;}
#fullpage .slide a .inin .text {font-size:11px;}
#fullpage .sec1 li {width:100%; height:100vh;}
#fullpage .sec1 li a .wrap {height:100%;}
#fullpage .sec1 li a .wrap .inner {display:table; width:100%; height:100%;}
#fullpage .sec1 li a .wrap .inner .con {display:table-cell; vertical-align:middle; color:#fff; text-shadow:1px 1px 1px #111; font-weight:500; padding:0 20px;}
#fullpage .sec1 li a .wrap .inner .con .cap {font-size:18px;}
#fullpage .sec1 li a .wrap .inner .con .tit {font-size:26px; font-weight:800;line-height:1; margin-bottom:20px;}
#fullpage .sec1 li a .wrap .inner .con .text {font-size:15px;}
#fullpage .sec1 li a .inin .tit2 {font-size:20px;}
#fullpage .sec1 li a .inin .text {font-size:15px;}
#fullpage .sec2 li {width:25%; height:100vh; background-size:cover !important;}
#fullpage .sec2 li a .inin {right:auto; left:5px; bottom:100px; text-align:left;}
#fp-nav.left {left:0 !important;}
/*
#fullpage .sec2 li {width:50%; height:50vh;}
#fullpage .sec2 li a {height:50vh;}
*/
#fullpage .sec3 li {width:33%; height:100vh;}
#fullpage .sec3 li.sec3_2 {width:34%;}
/* #fullpage .sec3 li.sec3_2 a .inin {bottom:40%;} */
#fullpage .sec4 li {width:25%;}
#fullpage .sec4 li a .inin {right:auto; left:5px; bottom:100px; text-align:left;}

@keyframes FadeIn{
	0%{opacity:1}
	70%{opacity:1}
	100%{opacity:1}
}
@keyframes SlideUpPass{
	0%{top:100%; height:100%}
	50%{top:0}
	100%{top:-100%; height:100%}
}
#fullpage .section {background:#000;}
#fullpage .ani {position:absolute; left:0; top:0; width:100%; height:100vh; display:none;}
#fullpage .ani .bg_ani {position:absolute; left:0; top:100%; width:100%; height:100%; background:rgba(255,255,255,0.1); z-index:9999;}
#fullpage .ani .bg_de {width:100%; height:100%; background:rgba(0,0,0,0.15); display:none;}
#fullpage li a:hover .ani .bg_de {background:none;}
#fullpage .ani1 .bg_ani {background:#074366;}
#fullpage .ani1.on .bg_ani {animation:SlideUpPass 1s; animation-direction:normal}
#fullpage .ani2 .bg_ani {background:#2e2d4e;}
#fullpage .ani2.on .bg_ani {animation:SlideUpPass 1s; animation-direction:reverse}
#fullpage .ani3 .bg_ani {background:#1e1925;}
#fullpage .ani3.on .bg_ani {animation:SlideUpPass 1s; animation-direction:normal}
#fullpage .ani4 .bg_ani {background:#3d2b31;}
#fullpage .ani4.on .bg_ani {animation:SlideUpPass 1s; animation-direction:reverse}
#fp-nav ul li:last-child {display:none;}
#fullpage .sec_con {opacity:1; position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover !important;}
#fullpage .active .sec_con {top:0%; animation:FadeIn 1s; animation-fill-mode:forwards;}
#fullpage .last.before .sec_con {opacity:1;}
#fullpage .last.before .ani {opacity:0;}
#fullpage .f_link li a {display:inline-block; height:auto;}
#fullpage .fp-slide {position:relative;}
#fullpage .fp-controlArrow {margin-top:-6px; z-index:1; border:0;}
#fullpage .fp-controlArrow.fp-prev {border-width:12px 12px 12px 0; border-color:transparent rgba(255,255,255,.9) transparent transparent;}
#fullpage .fp-controlArrow.fp-next {border-width:12px 0 12px 12px; border-color:transparent transparent transparent rgba(255,255,255,.9);}
#fullpage .fp-controlArrow:after {content:""; position:absolute; top:-12px; left:0; border-style:solid; z-index:1;}
#fullpage .fp-controlArrow.fp-prev:after {border-width:12px 12px 12px 0; border-color:transparent rgba(255,255,255,.9) transparent transparent; left:0;}
#fullpage .fp-controlArrow.fp-next:after {border-width:12px 0 12px 12px; border-color:transparent transparent transparent rgba(255,255,255,.9); left:-12px;}
#fullpage .fp-controlArrow:before {content:""; position:absolute; top:-14px; border-style:solid; z-index:0;}
#fullpage .fp-controlArrow.fp-prev:before {border-width:14px 14px 14px 0; border-color:transparent rgba(0,0,0,.1) transparent transparent; left:-1px;}
#fullpage .fp-controlArrow.fp-next:before {border-width:14px 0 14px 14px; border-color:transparent transparent transparent rgba(0,0,0,.1); left:-13px;}

/* quick */
.quick {position:fixed; left:50%; top:135px; margin-left:665px; z-index:99;}
.go_top {background:#333; color:#fff; line-height:30px; text-align:center;}
	
/* tab_type1 */
.tab_type1 {margin-bottom:50px;}
.tab_type1 li {width:100%;}
.tab_type1 li a {display:block; height:45px; line-height:45px; text-align:center; background:#c2c2c2; font-size:18px; font-weight:700; color:#fff;}
.tab_type1 li.on a {background:#e70000;	}
.ea2 li {width:50%;}
.ea3 li {width:33.3%;}
.ea4 li {width:25%;}
.ea5 li {width:20%;}

/* tbl_type1 */
.tbl_type1 table {border-collapse:collapse; border:1px solid #ddd; width:100%; font-size:14px; line-height:23px;}
.tbl_type1 thead th {background:#f7f7f7;}
.tbl_type1 tfoot th {background:#effbff;}
.tbl_type1 tfoot td {background:#effbff;}
.tbl_type1 th {padding:8px; border:1px solid #ddd; font-weight:400; color:#000;}
.tbl_type1 td {padding:8px; border:1px solid #ddd; text-align:center;}
.tbl_type1 td.t_l {padding-left:25px;}
/* tbl_type2 */
.tbl_type2 table {border-collapse:collapse; border:1px solid #ddd; width:100%;  line-height:22px;}
.tbl_type2 thead th {padding:8px; background:#f7f7f7; font-size:14px;}
.tbl_type2 tfoot th {background:#effbff;}
.tbl_type2 tfoot td {background:#effbff;}
.tbl_type2 th {padding:6px 3px; border:1px solid #ddd; font-weight:400; color:#000;}
.tbl_type2 td {padding:6px 3px; border:1px solid #ddd; text-align:center;}
.tbl_type2 td.t_l {padding-left:10px;}



/* certify_list */
.certify_list {margin-bottom:30px;}
.certify_list li {width:49%; margin:0 0 20px 2%;  text-align:center;}
.certify_list li:nth-child(2n-1) {clear:both; margin-left:0;}
.certify_list .thum {width:100%; max-height:200px; vertical-align:middle; text-align:center; overflow:hidden; border:1px solid #ccc;}
.certify_list .thum img {width:100%; height:auto !important; max-width:100%; max-height:200px; margin:0 auto;}
.certify_list .con {padding:10px 0px; text-align:center; font-size:13px; font-weight:700;}
/* partner_list */
.partner_list {margin-bottom:30px;}
.partner_list li {width:49%; margin:0 0 20px 2%;  text-align:center;}
.partner_list li:nth-child(2n-1) {clear:both; margin-left:0;}
.partner_list .thum {width:100%; height:100px; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;}
.partner_list .thum img {max-width:100%; height:auto !important; max-height:100px;}
.partner_list .con {width:100%; height:30px; line-height:30px; margin:5px auto; background:#323232; border-radius:15px; font-size:13px; font-weight:700; color:#fff; text-align:center;}
/* video_list */
.video_list {margin-bottom:30px;}
.video_list li {width:49%; margin:0 0 20px 2%;  text-align:center;}
.video_list li:nth-child(2n-1) {clear:both; margin-left:0;}
.video_list a {display:block;}
.video_list .thum {width:100%; height:auto; border:1px solid #989898; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;}
.video_list .thum img {width:auto !important; height:auto !important; max-width:100%; max-height:100%;}
.video_list .con {padding:10px; font-size:12px; text-align:center; font-weight:700; line-height:1.4;}

/* board_list */
.board_list table {border-collapse:collapse; border-top:2px solid #b6b6b6; width:100%; margin-bottom:40px; line-height:1.6;}
.board_list th {padding:10px; height:50px; background:#f6f6f6; border-bottom:1px solid #dfdfdf; font-size:14px;}
.board_list td {padding:5px 10px; height:40px; border-bottom:1px solid #dfdfdf; text-align:center; font-size:12px;}
.board_list td.title {text-align:left;}
/* board_view */
.board_view {border-top:2px solid #b6b6b6; margin-bottom:40px; line-height:1.6;}
.board_view .title {font-size:15px; font-weight:400; padding:15px 15px; background:#f6f6f6; border-bottom:1px solid #dfdfdf;}
.board_view .info {padding:10px 15px; border-bottom:1px solid #dfdfdf;}
.board_view .info span {display:inline-block; padding-right:20px;}
.board_view .board_con {padding:15px;border-bottom:1px solid #dfdfdf; min-height:300px; }
/* board_write */

.board_write .tal {margin-bottom:10px;}
.board_write table {border-collapse:collapse; border-top:2px solid #b6b6b6; width:100%; margin-bottom:40px; line-height:1.6;}
.board_write th {padding:10px; height:50px; background:#f6f6f6; border-bottom:1px solid #dfdfdf; font-size:14px;}
.board_write td {padding:10px; height:50px; border-bottom:1px solid #dfdfdf; font-size:12px;}
.board_write td .inp_l {background:#f7f7f7;}
.board_write td input[type=file] {width:100%;}
/* board footer */
.board_footer {text-align:center;}
.board_btn {*zoom:1; text-align:center;  position:relative; margin:0px 0 20px;}
.board_btn:after{content:""; display:block; clear:both;}
.board_btn .f_l {}
.board_btn .f_r {}
.paging {text-align:center; position:relative; margin:0px 0 30px; font-family:'Nanum'; font-size:12px;}
.paging li {display:inline; cursor:pointer; letter-spacing:-2px;}
.paging li a{ display:inline-block; width:30px; height:30px; line-height:28px;  margin:0 2px; border:1px solid #e1e1e1; }
.paging li.num {}
.paging li.num a {background:#fff; }
.paging li a.on, .paging li a:hover {background:#333; border:1px solid #333; color:#fff;}
.board_footer .search {padding:10px 0; background:#f7f7f7; border:1px solid #dfdfdf; margin-bottom:30px;}
.board_footer .search select,
.board_footer .search input[type="text"],
.board_footer .search .btn_submit {height:30px !important; line-height:28px !important;}
.board_footer .search select {border-radius:5px; width:26%;}
.board_footer .search input[type="text"] {width:40%; border-radius:5px;}
.board_footer .search .btn_submit {background:#fff; border:1px solid #dfdfdf; color:#484848; border-radius:5px; width:18%; padding:0;}

.yak_wrap {background:#f9f9f9; border:1px solid #ddd; padding:10px; height:300px; font-size:13px; line-height:20px; overflow-y:auto; margin-top:20px;}

.contents .agree_area {margin-bottom:30px;}
.contents .agree_area .box {margin:10px 0; padding:10px; height:200px;}
.contents .agree_area .check {padding-left:0;}

/* footer */
#footer_wrap {padding:20px 0; border-top:1px solid #d4d4d4; background:#fff;}
#footer_wrap .f_logo {text-align:center; height:20px; margin-bottom:10px;}
#footer_wrap .f_link {padding:10px 0;}
#footer_wrap .f_link ul {text-align:center; font-size:13px;}
#footer_wrap .f_link li {display:inline-block; }
#footer_wrap .f_link li span {display:inline-block; padding:0 5px; color:#bdbcbc;}
#footer_wrap .tel {position:relative; overflow:hidden; padding:5px 0; text-align:center; background:#f5f5f5; border-radius:4px;}
#footer_wrap .tel > div {display:inline-block; vertical-align:top; line-height:20px;}
#footer_wrap .tel .tit {font-size:15px; font-weight:400; color:#222; margin-right:15px;}
#footer_wrap .tel .con {font-size:20px; font-weight:500; color:#615e5e;}
#footer_wrap address {font-size:12px; color:#6a6a6a; line-height:24px; margin-top:10px;}
#footer_wrap address span {padding:0 2px; color:#bdbcbc;}
#footer_wrap .copy {position:relative; font-size:11px; color:#999; text-transform:uppercase; margin-top:10px;}

.snb_pro_wrap {border-top:1px solid #e1e1e1; max-height:200px; overflow:auto; background:#f5f5f5;}
.snb_pro_wrap .snb_pro_list > li {border-bottom:1px solid #e1e1e1;}
.snb_pro_wrap .snb_pro_list > li:last-child {border-bottom:0;}
.snb_pro_wrap .snb_pro_list li:after {display:block; visibility:hidden; clear:both; content:'';}
.snb_pro_wrap .snb_pro_list li .tit {float:left; font-size:15px; color:#484848; width:100%; padding:10px 0 10px 10px;}
.snb_pro_wrap .snb_pro_list li .tit span {display:block; font-size:10px; color:#0c9cf7;}
.snb_pro_wrap .snb_pro_list li .snb_pro {float:left; width:100%; border-left:1px solid #e1e1e1; padding:10px;}
.snb_pro_wrap .snb_pro_list li .snb_pro li {text-align:center; width:32%; margin:0 0 10px 2%; border-bottom:0;}
.snb_pro_wrap .snb_pro_list li .snb_pro li:nth-child(3n-2) {margin-left:0;}
.snb_pro_wrap .snb_pro_list li .snb_pro li .con {font-size:13px; line-height:18px;}
.snb_close_btn {position:absolute; right:0; top:0; z-index:111; cursor:pointer; display:none;}

.pro_list_title {text-align:center; margin:55px 0 45px;}
.pro_dep1_tit {font-size:18px; color:#484848; text-align:left; width:100%; margin:0 auto; font-weight:bold; padding:0 0 10px;}
.pro_dep2 {background:#f6f0e8; padding:10px 0;}
.pro_dep2 .pro_dep2_list {width:100%; margin:0 auto;}
.pro_dep2 .pro_dep2_list:after {display:block; visibility:hidden; clear:both; content:'';}
.pro_dep2 .pro_dep2_list li {width:50%; float:left; font-size:15px; margin-bottom:10px; line-height:1;}
.pro_dep2 .pro_dep2_list li:nth-child(2n-1) {clear:both;}
.pro_dep2 .pro_dep2_list li a {display:block; color:#484848; background:url("../images/jum.png") no-repeat left 5px; padding-left:10px; font-size:13px;}
.cate_list {width:100%; margin:20px auto 50px; padding:0 10px;}
.cate_list .pro_list_cate_title:after {display:block; visibility:hidden; clear:both; content:'';}
.cate_list .pro_list_cate_title p {font-size:14px; color:#133d6d; float:left; font-weight:500;}
.cate_list .pro_list_cate_title p.jum {background:url("../images/jum.png") no-repeat left 13px; padding-left:15px;}
.cate_list .pro_list_cate_title p span {color:#555;}
.cate_list .pro_list_cate_title .pro_location {float:right; text-align:right; font-size:13px; color:#919191; font-family:'NanumSquare', sans-serif; padding:10px 0 0;}
.cate_list .pro_list {margin:20px auto 50px;}
.cate_list .pro_list:after {display:block; visibility:hidden; clear:both; content:'';}
.cate_list .pro_list li {float:left; width:49%; margin:0 0 20px 2%;}
.cate_list .pro_list li:nth-child(2n-1) {margin-left:0;}
.cate_list .pro_list li .thum {border:2px solid #e7e7e7;}
.cate_list .pro_list li .thum img {width:auto !important; height:auto !important; max-width:100%; max-height:100%; vertical-align:middle;}
.cate_list .pro_list li .title {font-size:14px; color:#484848; font-family:'NanumSquare', sans-serif; padding:10px 0 7px;}
.cate_list .pro_list li .eng_title {font-size:13px; color:#919191; font-family:'NanumSquare', sans-serif;}
.cate_list .pro_item_title {background:#1f4165; color:#fff; font-size:20px; font-weight:bold; height:40px; line-height:40px; padding:0 15px; margin-top:15px;}
.cate_list .pro_item_intro {border-bottom:1px solid #d1d1d1;}
.cate_list .pro_item_intro:after {display:block; visibility:hidden; clear:both; content:'';}
.cate_list .pro_item_img {width:100%; text-align:center;}
.cate_list .pro_item_img img {width:auto !important; height:auto !important; max-width:100%; max-height:100%;}
.cate_list .pro_item_spec {width:100%; padding:10px 10px 72px; position:relative; border-top:#ddd 1px dashed; margin-top:10px;}
.cate_list .pro_item_info {padding:40px 15px; margin-bottom:30px; width: 400px; height: auto;}