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

#wrapper {position:relative;}
/* header */
#header {width:100%; /*height:136px;*/ z-index:999; position:relative;}
#header_content {*zoom:1; width:1400px; position:relative; margin:0 auto; height:100px;}
#header_content:after {content:" "; display:block; clear:both;}
#header_content .logo {position:absolute; top:34px; left:0;}
#header_content .logo a {display:inline-block;}
#header_content .home_menu {float:right; padding:34px 0 0 0 ;}

#header_content .home_menu ul {*zoom:1;}
#header_content .home_menu ul:after {content:" "; display:block; clear:both;}
#header_content .home_menu ul li {float:left; font-size:12px;line-height:12px; font-weight:400; margin:0 0 0 15px;}
#header_content .home_menu ul li:first-child {margin:0;}
#header_content .home_menu ul li a {color:#000; display:block; padding:0; letter-spacing:-0.04em;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
#header_content .home_menu ul li.h_postech a {font-weight:600; color:#ca0464;}
#header_content .home_menu ul li a span {display:block; text-align:center; margin:0 0 8px 0;}
#header_content .home_menu ul li a span img {
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
#header_content .home_menu ul li:hover a span img, #header_content .home_menu ul li:focus a span img {transform:rotate(-25deg);}



/**/
.gnb_wrap {width:100%;
	width:100%; height:50px; 
	border-top:1px solid #dfdfdf;
	box-sizing:border-box;
}
#gnb {position:relative; width:1400px; margin:0 auto;}
#gnb ul {*zoom:1; position:relative;}
#gnb ul:after {content:" "; display:block; clear:both;}
#gnb ul li {float:left; font-size:16px; line-height:50px; width:175px; box-sizing:border-box; text-align:center;}
#gnb ul li a {display:block; color:#333; text-decoration:none; font-weight:400;}
#gnb ul li a:hover, #gnb ul li.on a, #gnb ul li.active a {color:#111;}
#gnb div.submenu {display:none; position:absolute; top:49px; left:0; z-index:100; 
	background-image:url('../images/common/submenu_dot.png');
	background-repeat:no-repeat;
	background-position:center 0;
	background-color:#fff;
	padding:10px 0 ;
	border-bottom:2px solid #ca0464;
}
#gnb div.submenu ul {width:200px; margin:0; padding-top:10px;} 
#gnb div.submenu ul.long {width:380px;}
#gnb div.submenu ul.long2 {width:260px;}
#gnb div.submenu ul li {display:block; width:100%; height:55px; line-height:55px; text-align:center; font-size:16px; font-weight:400; letter-spacing:-0.03em;}
#gnb div.submenu ul li:first-child {margin:0;}
#gnb div.submenu ul li a {display:block;}
#gnb div.submenu ul li:first-child a {padding:0;}
#gnb div.submenu ul li.on a, #gnb div.submenu ul li a:hover {color:#ca0464;}

#gnb ul li.m1 div.submenu {left:-105px;}
#gnb ul li.m2 div.submenu {left:162px;}
#gnb ul li.m3 div.submenu {left:337px;}
#gnb ul li.m4 div.submenu {left:514px;}
#gnb ul li.m5 div.submenu {left:688px;}
#gnb ul li.m6 div.submenu {left:825px;}
#gnb ul li.m7 div.submenu {left:1010px;}
#gnb ul li.m8 div.submenu {left:1185px;}

/* mobile gnb */
.allmenu_bt{display:none;}
#m_gnb{display:none;}
#nav{display:none;}

/* mainvisual */
#mainvisual {width:100%; min-width:1400px; height:600px; overflow:hidden; position:relative;}
#mainvisual .slideshow {position:absolute; width:2000px; height:100%; top:0; left:50%; margin-left:-1000px;}
#mainvisual .slideshow div {height:100%; background-repeat:no-repeat; background-position:50% center; background-size:cover;}
.visual_bg1 {background-image:url('../images/main/mainvisual1.jpg');}
.visual_bg2 {background-image:url('../images/main/mainvisual2.jpg');}
.visual_bg3 {background-image:url('../images/main/mainvisual3.jpg');}

#mainvisual .main_txt {position:absolute; z-index:900; width:50%; right:0;}
#mainvisual .main_txt .main_txt_in {width:700px; padding:195px 0 0 0; box-sizing:border-box; text-align:center;}
#mainvisual .main_txt .main_txt_in h3 {font-family:'Montserrat'; font-size:21px; font-weight:100; color:#fff; letter-spacing:0.2em;}
#mainvisual .main_txt .main_txt_in h2 {font-family:'Daum'; font-size:52px; font-weight:600; color:#fff; margin:12px 0 30px 0;}
#mainvisual .main_txt .main_txt_in p {font-size:16px; color:#f9f7f5;}

#mainvisual .slick-dots {position: absolute; bottom:30px; left:15%; z-index:1001;}
#mainvisual .slick-dots:after{content:"";display: block;clear: both;}
#mainvisual .slick-dots li{float: left; margin:0 0 0 5px; cursor:pointer;}
#mainvisual .slick-dots button {cursor:pointer; font-size:0; outline:0;border:0;width:30px;height:4px;background-color: #fff;border-radius:10px;}
#mainvisual .slick-dots .slick-active button{width:25px; background-color: #faa61a;}

#content {}

.section1 {*zoom:1; width:1400px; margin:0 auto; padding:100px 0;}
.section1:after {content:""; display:block; clear:both;}
.section1 > div {width:680px; float:left; box-sizing:border-box; border:1px solid #dddddd; padding:40px;}
.section1 .main_result {margin:0 0 0 40px;}
.section1 div h3 {font-family:'sc'; font-weight:500; color:#333; font-size:25px; clear:both; padding:0 0 0 15px; margin:0 0 32px 0; position:relative;}
.section1 div h3 a {float:right; display:block; padding:5px 10px 0; vertical-align:middle;}
.section1 div h3 a img {
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.section1 div h3 a:hover img {transform:rotate(90deg);}
.section1 .main_notice h3 {border-left:4px solid #ca0464;}
.section1 .main_result h3 {border-left:4px solid #faa61a;}
.section1 div ul {}
.section1 div ul li {margin:0 0 20px 0; box-sizing:border-box; box-shadow:10px 10px 10px #ddd; -moz-box-shadow:10px 10px 10px #ddd; webkit-box-shadow:10px 10px 10px #ddd; border:1px solid #fff;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.section1 div.main_notice ul li:hover, .section1 div.main_notice ul li:focus {border:1px solid #ca0464;}
.section1 div.main_result ul li:hover, .section1 div.main_notice ul li:focus {border:1px solid #faa61a;}
.section1 div > ul li a {display:block; padding:30px 50px 30px 30px; box-sizing:border-box;}
.section1 div > ul li a p {font-size:17px; font-weight:500; color:#111; margin:0 0 15px 0; letter-spacing:-0.04em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.section1 div > ul li a span {display:block; font-size:16px; color:#777; line-height:22px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; height:2.5em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.section1 div > ul li:hover a span {color:#333;}

.menubar {background:#f3f1ee;}
.menubar > div {width:1400px; margin:0 auto; position:relative; padding:22px 0;}
.menubar > div ul {*zoom:1;}
.menubar > div ul:after {content:""; display:block; clear:both;}
.menubar > div ul li {float:Left; border-right:1px solid #999;}
.menubar > div ul li:last-child {border-right:none;}
.menubar > div ul li a {display:block; min-width:210px; height:35px; line-height:35px; padding:0 30px; box-sizing:border-box; text-align:center; font-size:16px; color:#333; font-weight:400; letter-spacing:-0.04em;}
.menubar > div ul li a:hover {color:#000; font-weight:600;}
.menubar .familysite {position:absolute; cursor:pointer; right:0; top:15px;}
.menubar .familysite .f_tit {padding:0 25px; width:250px; line-height:50px; height:50px; border:1px solid #ca0464; box-sizing:border-box; font-size:15px; font-weight:500; color:#ca0464; letter-spacing:-0.04em; background:#fff;}
.menubar .familysite .f_tit span {margin:0 0 0 145px; display:inline-block; vertical-align:middle;}
.menubar .familysite .f_list {display:none; position:absolute; width:250px; left:0; bottom:49px; background:#fff; border:1px solid #ca0464; font-size:15px; line-height:40px; z-index:10; box-sizing:border-box;}
.menubar .familysite .f_list a {display:block; text-decoration:none; color:#333; font-weight:500; padding:0 25px; letter-spacing:-0.05em;}
.menubar .familysite .f_list a:hover {background:#ca0464; color:#fff;}

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

/* footer */
#footer {width:100%; clear:both; border-top:1px solid #ddd;}
#footer_content {*zoom:1; width:1400px; margin:0 auto; padding:70px 0;}
#footer_content:after {content:""; display:block; clear:both;}
#footer_content > div {float:left; box-sizing:border-box;}
#footer_content > div:first-child {width:480px; padding:16px 0 0 0;}
#footer_content > div:last-child {width:900px;}
#footer_content address {font-weight:400; line-height:24px; font-size:14px; letter-spacing:-0.04em;}
#footer_content p {color:#999;}

/* sub */
#subvisual {width:100%; height:300px; 
	background-image:url('../images/sub/subvisual.jpg');
	background-repeat:no-repeat;
	background-position:50% 0;
}
.sub_txt {width:1400px; margin:0 auto; padding:200px 0 0 0; box-sizing:border-box; text-align:right;}
.sub_txt h3 {font-family:'Montserrat'; font-size:21px; font-weight:100; color:#fff; letter-spacing:0.2em;}
.sub_txt h2 {font-family:'Daum'; font-size:40px; font-weight:600; color:#fff; margin:12px 0 30px 0;}
/* leftmenu */
#leftWrap {width:1400px; margin:0 auto 70px; padding:50px 0 0 0;}
#leftmenu {text-align:center; background:url('../images/sub/lnb_line.png') 0 bottom repeat-x; }
#leftmenu:after {content:""; display:block; clear:both;}
#leftmenu a {float:left; font-size:16px; font-weight:500; color:#333; height:60px; line-height:60px; padding:0 17px; border:1px solid #e8e5e2;background:#f9f7f5; box-sizing:border-box; display:table-cell; border-width:1px;}
#leftmenu a:first-child {}
#leftmenu a:hover, #leftmenu a.on {background:#fff; border:1px solid #bd9f7a; border-bottom:none; color:#a98147;}
/* sub_layout*/
#cont {width:1400px; margin:0 auto;}
#subtitle h2 {border-bottom:4px double #ddd; font-size:32px; color:#111; font-weight:600; padding:0 0 20px 0; margin:40px 0 60px;}
#con_area {clear:both; padding:0 0 150px 0; min-height:500px;}

/* ------------------------------------------------------------------ 공통 css ------------------------------------------------------------------ */
h4.title {font-size:30px; color:#333; line-height:50px; letter-spacing:-0.04em; margin:0 0 25px 0;}
h4.title:after {content:""; display:block; width:40px; height:1px; background:#bba078; margin-bottom:26px; margin-top:6px;}

table.col_table {border-top:1px solid #cdc9c6;}
table.col_table thead th {font-size:16px; color:#333; padding:15px 0; letter-spacing:-0.04em; line-height:30px; border-bottom:1px solid #cdc9c6; background:#f9f7f5; border-right:1px solid #e8e5e2; font-weight:600;}
table.col_table thead th:last-child {border-right:none;}
table.col_table tbody th {font-size:14px; color:#333; padding:12px 20px; letter-spacing:-0.04em; line-height:26px; border-bottom:1px solid #e8e5e2; border-right:1px solid #e8e5e2; font-weight:500; word-break:keep-all;}
table.col_table tbody td {font-size:14px; color:#555; padding:12px 20px; letter-spacing:-0.04em; line-height:26px; border-bottom:1px solid #e8e5e2; border-right:1px solid #e8e5e2; font-weight:400; word-break:keep-all;}
table.col_table tbody td:last-child {border-right:none;}

table.ver_table {border-top:1px solid #cdc9c6;}
table.ver_table th {font-size:16px; color:#333; padding:12px 0; letter-spacing:-0.04em; line-height:30px; border-bottom:1px solid #e8e5e2; background:#f9f7f5; border-right:1px solid #e8e5e2; font-weight:600;}
table.ver_table td {font-size:14px; color:#555; padding:12px 20px; letter-spacing:-0.04em; line-height:26px; border-bottom:1px solid #e8e5e2; border-right:1px solid #e8e5e2; font-weight:400; word-break:keep-all;}
table.ver_table td:last-child {border-right:none;}

div.box_bg {background:#f9f7f5; box-sizing:border-box; border:1px solid #e8e5e2; padding:30px;}
div.box_bg ul li {font-size:16px; color:#555; font-weight:400; line-height:30px; letter-spacing:-0.04em; word-break:keep-all;}

div.box_line {border:1px solid #e8e5e2; box-sizing:border-box; padding:30px;}
div.box_line ul li {font-size:16px; color:#555; font-weight:400; line-height:30px; letter-spacing:-0.04em; background:url('../images/sub/dot_black.png') 0 13px no-repeat; padding:0 0 0 12px; word-break:keep-all;}

div.box_img {text-align:center;}
div.box_img img {max-width:100%;}

p.text_brown {font-size:16px; color:#a98147; margin:10px 0 0 0; font-weight:800;}



/* ------------------------------------------------------------------ 01_01 ------------------------------------------------------------------ */
.prof01 > div {margin:0 0 80px 0;}
.prof01 dl {*zoom:1; background:#c61065; padding:10px; box-sizing:border-box;}
.prof01 dl:after {content:""; display:block; clear:both;}
.prof01 dl dt {float:left; display:inline-block; color:#fff; font-size:30px; line-height:50px; font-weight:800; width:15%; text-align:center; border-right:1px solid #fff;}
.prof01 dl dd {float:left; display:inline-block; color:#fff; font-size:16px; line-height:50px; font-weight:600; width:82%; padding:0 0 0 50px; box-sizing:border-box;}
.prof01 .box_line a, .prof01 .box_line a:link {color:blue;}
.prof01 .box_line span.del {}
.prof01 table.col_table thead th {font-size:16px;}
.prof01 table.col_table tbody th {font-size:16px;}
.prof01 table.col_table tbody td {font-size:16px;}


/* ------------------------------------------------------------------ 02_01 ------------------------------------------------------------------ */
.study01 > div {margin:0 0 80px 0;}
.study01 h4.title span.red {color:#ca0464;}
.study01 h5 {font-size:24px; margin:0 0 15px 0; font-weight:800; color:#333; text-align:left;}
.study01 .box_line {margin:0 0 50px 0;}
.study01 .box_line p {font-size:16px; font-weight:600; color:#333; margin:0 0 5px 0; word-break:keep-all;}
.study01 table.col_table tbody tr td:first-child {font-weight:600; text-align:center;}
.study01 table.col_table ul li {font-size:14px; color:#555; font-weight:400; line-height:30px; letter-spacing:-0.04em; background:url('../images/sub/dot_black.png') 0 13px no-repeat; padding:0 0 0 12px; word-break:keep-all;}


/* ------------------------------------------------------------------ 03_01 ------------------------------------------------------------------ */
.nsub01 > div {margin:0 0 80px 0; position:relative;}
.nsub01 > div a.btn_blue {display:block; position:absolute; right:0; top:5px; font-weight:600; color:#fff; font-size:16px; background:#0066b2; text-align:center; width:160px; height:50px; line-height:50px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.nsub01  > div a.btn_blue:hover {background:#004b82}
.nsub01 div.box_line p {font-size:16px; color:#555; letter-spacing:-0.04em; text-align:center; margin:30px 0; line-height:30px; font-weight:400;}
.nsub01 div.box_line span.red {color:#ca0464; font-weight:600;}
.nsub01 div.box_line span.br {display:block;}


/* ------------------------------------------------------------------ 04_01 ------------------------------------------------------------------ */
.mentor01 > div {margin:0 0 70px 0;}


/* ------------------------------------------------------------------ 05_01 ------------------------------------------------------------------ */
.mooc01 > div {margin:0 0 70px 0;}
.mooc03 {}
.mooc03 > div {margin:0 0 20px 0;}
.mooc03 > div:first-child {background:url('../images/sub/mooc03.png') 0 0 no-repeat; height:550px; padding:180px 0 0 80px; box-sizing:border-box;}
.mooc03 > div:first-child h6 {font-size:25px; font-weight:600; color:#333; line-height:35px; word-break:keep-all; letter-spacing:-0.04em;}
.mooc03 > div:first-child span.br {display:block;}
.mooc03 > div:first-child p {font-size:16px; line-height:26px; color:#555; font-weight:400; word-break:keep-all; letter-spacing:-0.04em; margin:20px 0 35px 0;}
.mooc03 > div:first-child a.btn_black {display:inline-block; width:220px; height:40px; line-height:40px; border:1px solid #333; color:#333; text-align:center; font-size:16px; margin:0 0 0 5px; font-weight:600;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.mooc03 > div:first-child a.btn_black:hover {background:#333; color:#fff;}
.mooc03 .mooc03_wrap {*zoom:1;}
.mooc03 .mooc03_wrap:after {content:""; display:block; clear:both;}
.mooc03 .mooc03_wrap > div {float:left; width:680px; height:250px; border:1px solid #e8e5e2; box-sizing:border-box; padding:40px 30px 0;}
.mooc03 .mooc03_wrap > div.pink {background:url('../images/sub/mooc03_pink.png') 95% center no-repeat;}
.mooc03 .mooc03_wrap > div.yellow {background:url('../images/sub/mooc03_yellow.png') 95% center no-repeat; margin:0 0 0 40px;}
.mooc03 .mooc03_wrap > div.blue {background:url('../images/sub/mooc03_blue.png') 95% center no-repeat; margin:40px 0 0 0;}
.mooc03 .mooc03_wrap > div.green {background:url('../images/sub/mooc03_green.png') 95% center no-repeat; margin:40px 0 0 40px;}
.mooc03 .mooc03_wrap > div h6 {font-size:20px; font-weight:600; letter-spacing:-0.04em; margin:0 0 30px 0;}
.mooc03 .mooc03_wrap > div p {font-size:16px; font-weight:400; letter-spacing:-0.04em; line-height:30px; color:#333; word-break:keep-all;}
.mooc03 .mooc03_wrap > div p span.br {display:block;}
.mooc03 .mooc03_wrap > div.pink h6 {color:#c90463;}
.mooc03 .mooc03_wrap > div.yellow h6 {color:#f9a61a;}
.mooc03 .mooc03_wrap > div.blue h6 {color:#0066b1;}
.mooc03 .mooc03_wrap > div.green h6 {color:#42939a;}


/* ------------------------------------------------------------------ 06_01 ------------------------------------------------------------------ */
.smart01 > div {margin:0 0 70px 0;}
.smart01 > div:first-child {background:url('../images/sub/smart01_01.png') 0 0 no-repeat; height:590px; position:relative;}
.smart01 .smart01_img {position:absolute; top:100px; left:100px; z-index:900;}
.smart01 .smart01_txt {padding:130px 0 0 140px; box-sizing:border-box; position:relative; z-index:999;}
.smart01 .smart01_txt h5 {font-size:40px; color:#333; font-weight:800;}
.smart01 .smart01_txt > div {width:310px;}
.smart01 .smart01_txt h6 {font-size:20px; color:#fff; font-weight:800; text-align:center; border-radius:50px; margin:0 0 10px 0; height:50px; line-height:50px; letter-spacing:-0.04em;}
.smart01 .smart01_txt .smart01_pink {margin:30px 0 10px 0;}
.smart01 .smart01_txt .smart01_pink h6 {background:#ca0464;}
.smart01 .smart01_txt .smart01_blue h6 {background:#0066b2;}
.smart01 .smart01_txt ul {margin:0 0 0 20px;}
.smart01 .smart01_txt ul li {text-align:left; color:#333;}


/* ------------------------------------------------------------------ input, board css ------------------------------------------------------------------ */
table td input[type="text"] {
	width:100%;
    height: 35px;
	line-height:35px;
	padding:0 10px !important;
    box-sizing: border-box;
	border: 1px solid #e8e5e2;
	border-radius: 3px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
}
table td input.input_20 {width:20%;}
table td input.input_60 {width:60%;}
table td input.input_80 {width:80%;}
table td input[type="text"]:focus {
	border-color: #cdc9c6;
	outline: 0;
}



/* ------------------------------------------------------------------ 07_01 ------------------------------------------------------------------ */
.result01 > div {margin:0 0 70px 0;}
.result01 .b_title {display:inline-block; padding:0 10px; background:#42939a; color:#fff; font-size:32px; font-weight:800; margin:0 0 30px 0; letter-spacing:-0.04em;}
.result01 .box_bg {margin:0 0 10px 0;}



/* ------------------------------------------------------------------ 08_01 ------------------------------------------------------------------ */
.center01 > div {margin:0 0 80px 0;}
.center01 table.col_table tbody td {text-align:center;}


/* ------------------------------------------------------------------ 09_01 ------------------------------------------------------------------ */
.sitemap > div {margin:0 0 40px 0;}
.sitemap a {display:inline-block; width:160px; height:50px; line-height:50px; font-size: 16px; font-weight: 500; color: #333; border: 1px solid #aaa;  box-sizing: border-box; text-align:center; margin:0 5px 10px 0;}
.sitemap a:hover, .sitemap a:focus {background: #333; border:1px solid #333; color:#fff;}


/* ------------------------------------------------------------------ 01_06 ------------------------------------------------------------------ */
.bk05 > div {margin:0 0 80px 0; position:relative;}
.bk05 .box_bg ul li {letter-spacing:-0.05em;}
.bk05 > div ul li span {color:#ca0464;}
.bk05 .box_img span.img_wrap {display:inline-block; margin:0 15px;}
.bk05 .box_float {*zoom:1;}
.bk05 .box_float:after {content:""; display:block; clear:both;}
.bk05 .box_float > div {float:left; width:50%; box-sizing:border-box;}
.bk05 .box_float > div h6 {font-weight:600; color:#ca0464; font-size:20px; margin:0 0 25px 0;}
.bk05 > div a.btn_pink {display:block; position:absolute; right:0; top:5px; font-weight:600; color:#fff; font-size:16px; border:2px solid #ca0464; background:#ca0464; text-align:center; width:160px; height:50px; line-height:46px; box-sizing:border-box;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.bk05  > div a.btn_pink:hover {border:2px solid #ca0464; background:#fff; color:#ca0464;}


/* -----------  MOBILE 반응형 CSS  ------------------- */
@media screen and (max-width:1400px) {
	

}
@media screen and (max-width:1200px){

}
@media screen and (max-width:1160px) {


}
@media screen and (max-width:1100px) {
	
}
@media screen and (max-width:1037px) {
	
}
@media screen and (max-width:980px) {

	
}
@media screen and (max-width:801px) {

}
@media screen and (max-width:640px) {
	body {min-width:320px; width:100%; height:auto;}

	#header {height:60px; border-bottom:1px solid #ddd;}
	#header_content {height:60px; width:100%;}
	#header_content .logo {width:80%; max-width:300px; top:20px; left:10px;}
	#header_content .logo a {width:100%;}
	#header_content .logo img {max-width:100%;}
	#top_right {float:right; padding:20px 10px;}
	.allmenu {display:block; position:relative;}

	#menu-icon2{
	  position: relative;
	  width: 25px;
	  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: #bba078;
	  opacity: 1;
	  left: 0;
	  transform: rotate(0deg);
	  transition: 0.25s ease-in-out;
	}
	#menu-icon2 span.short {
		width:15px;
		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:25px;
	  left:0;
	}
	nav {position:absolute; top:60px; right:0; width:100%; text-align:left; z-index:1100;}
	#nav {border-bottom:1px solid #ca0464;}
	#nav li {position:relative; border-top:1px solid #cdc9c6; background-color:#fff;}
	#nav li a {position:relative; color:#111; font-size:1em; font-weight:600; display:block; line-height:130%; padding:15px 20px 15px 20px;}
	#nav li a .arrow {position:absolute; top:50%; right:10px; z-index:900;}
	#nav li a .arrow img {width:9px; height:6px;}
	#nav > li > ul > li {border:none;}
	#nav > li > ul > li:first-child {border-top:none;}
	#nav > li > ul > li a {color:#333; font-size:14px; font-weight:500; background:#f9f7f5 !important; line-height:130%;line-height:110%; border-top:1px solid #e8e5e2;}

	#nav .nav_icon {*zoom:1; background:#f9f7f5;}
	#nav .nav_icon:after {content:""; display:block; clear:both;}
	#nav .nav_icon a {float:left; width:25%; padding:10px; box-sizing:border-box; text-align:center; border-right:1px solid #e8e5e2; font-size:13px; letter-spacing:-0.03em;}
	#nav .nav_icon a span {display:block; height:20px; margin:0 0 2px 0;}
	#nav .nav_icon a:last-child {border:none; color:#ca0464;}

	#gnb {display:none;}
	#quick_menu {display:none !important;}
	.home_menu {display:none;}

	/* mainvisual */
	#mainvisual {width:100%; min-width:320px; height:400px;}
	#mainvisual .slideshow {width:100%; height:100%; top:0; left:50%; margin-left:-50%;}
	#mainvisual .slideshow div {background-size:cover;   }
	#mainvisual .slideshow div.visual_bg1 {background-image:url('../images/main/mainvisual1_m.jpg');}
	#mainvisual .slideshow div.visual_bg2 {background-image:url('../images/main/mainvisual2_m.jpg'); background-position:30% center;}
	#mainvisual .slideshow div.visual_bg3 {background-image:url('../images/main/mainvisual3_m.jpg'); background-position:20% center;}

	#mainvisual .main_txt {width:100%; box-sizing:border-box;}
	#mainvisual .main_txt .main_txt_in {width:100%; padding:30px 10px 0;}
	#mainvisual .main_txt .main_txt_in h3 {font-size:14px;}
	#mainvisual .main_txt .main_txt_in h2 {font-size:20px; margin:5px 0 15px 0;}
	#mainvisual .main_txt .main_txt_in p {font-size:14px; word-break:Keep-all;}

	#mainvisual .slick-dots {bottom:15px; left:0; text-align:center; width:100%; z-index:900;}
	#mainvisual .slick-dots li{float:none; display:inline-block; margin:0 0 0 5px; cursor:pointer;}

	#content {}
	.section1 {width:100%; padding:30px 10px; box-sizing:border-box;}
	.section1 > div {width:100%; padding:25px 15px;}
	.section1 .main_result {margin:40px 0 0 0;}
	.section1 div h3 {font-size:20px; padding:0 0 0 8px; margin:0 0 20px 0;}
	.section1 div h3 a img {width:18px;}

	.section1 div ul {}
	.section1 div ul li {margin:0 0 15px 0;}
	.section1 div > ul li a {padding:15px;}
	.section1 div > ul li a p {font-size:15px;}
	.section1 div > ul li a span {font-size:14px; height:2.35em;}

	.menubar {height:auto;}
	.menubar > div {width:100%; padding:0;}
	.menubar > div ul li {float:none; border-right:none; border-bottom:1px solid #e9e9e9;}
	.menubar > div ul li a {width:100%; min-width:auto; height:auto; line-height:24px; padding:10px; font-size:15px;}
	.menubar .familysite {position:static; padding:10px;}
	.menubar .familysite .f_tit {width:230px; font-size:15px; margin:0 auto;}
	.menubar .familysite .f_tit span {margin:0 0 0 120px;}
	.menubar .familysite .f_list {display:none; width:230px; position:static; margin:-1px auto 0;}

	/* footer */
	#footer_content {width:100%; padding:40px 0;}
	#footer_content > div {float:none;}
	#footer_content > div:first-child {width:100%; display:block; text-align:center; padding:0 0 30px 0;}
	#footer_content > div:first-child img {width:80%; max-width:320px;}
	#footer_content > div:last-child {width:100%; padding:0 10px;}
	#footer_content address {font-size:13px; line-height:18px; text-align:center;}
	#footer_content address span {display:block; font-size:0; line-height:0;}
	#footer_content p {margin:10px 0 0 0;}



	/* sub */
	#subvisual {background-position:31% center;}
	.sub_txt {width:100%; text-align:center; padding:40px 10px; box-sizing:border-box;}
	.sub_txt h3 {font-size:14px; letter-spacing:0;}
	.sub_txt h2 {font-size:20px; margin:5px 0 0 0;}
	/* leftmenu */
	#leftWrap {width:100%; margin:0 auto 40px; padding:30px 15px 0; box-sizing:border-box;}
	#leftmenu {background:none;}
	#leftmenu a {display:block; float:none; width:100%; font-size:15px; height:auto; padding:5px 10px; box-sizing:border-box; line-height:20px;}
	#leftmenu a:hover, #leftmenu a.on {border-bottom: 1px solid #bd9f7a;}
	/* sub_layout*/
	#cont {width:100%;}
	#subtitle {padding:0 10px; box-sizing:border-box;}
	#subtitle h2 {font-size:28px; padding:0 0 20px 0; margin:30px 0;}
	#con_area {padding:0 15px 50px; box-sizing:border-box; min-height:300px;}


	/* ------------------------------------------------------------------ 공통 css ------------------------------------------------------------------ */
	h4.title {font-size:25px; line-height:40px; margin:0 0 20px 0; word-break:keep-all;}
	h4.title:after {margin-bottom:25px;}
	table.col_table thead th {font-size:15px; padding:15px 5px;}
	table.col_table tbody td {font-size:14px; padding:12px 15px;}
	table.ver_table th {font-size:15px; padding:12px 5px;}
	table.ver_table td {font-size:14px; padding:12px 15px;}
	div.box_bg {padding:15px;}
	div.box_bg ul li {font-size:15px; line-height:22px; margin:0 0 5px 0;}
	div.box_bg ul li:last-child {margin:0;}
	div.box_line {padding:15px;}
	div.box_line ul li {font-size:15px; line-height:22px; margin:0 0 5px 0; background-position:0 8px;}
	div.box_line ul li:last-child {margin:0;}
	p.text_brown {font-size:14px; word-break:keep-all;}



	/* ------------------------------------------------------------------ 01_01 ------------------------------------------------------------------ */
	.prof01 {}
	.prof01 .box_img {overflow:scroll;}
	.prof01 .box_img img {width:1100px; max-width:none;}
	.prof01 dl {padding:20px;}
	.prof01 dl dt {float:none; display:block; font-size:25px; line-height:30px; width:100%; padding:0 0 10px 0; border-right:none; border-bottom:1px solid #fff;}
	.prof01 dl dd {float:none; display:block; font-size:14px; line-height:22px; width:100%; padding:10px 0 0 0; text-align:center; word-break:keep-all;}
	.prof01 dl dd span {display:block;}
	.prof01 .box_line span {display:block;}
	.prof01 .box_line span.del {display:none;}


	/* ------------------------------------------------------------------ 02_01 ------------------------------------------------------------------ */
	.study01 > div {margin:0 0 40px 0;}
	.study01 .box_img {overflow:scroll;}
	.study01 .box_img img {width:1000px; max-width:none;}
	.study01 h5 {font-size:20px;}
	.study01 .box_line p {font-size:15px;}
	.study01 table.col_table ul li {margin:0 0 5px 0; background-position:0 10px; line-height:22px;}


	/* ------------------------------------------------------------------ 03_01 ------------------------------------------------------------------ */
	.nsub01 > div {margin:0 0 40px 0;}
	.nsub01 > div a.btn_blue {position:static; margin:5px 0 10px 0; font-size:15px; height:40px; line-height:40px;}
	.nsub01 div.box_line p {font-size:15px; line-height:24px; word-break:keep-all;}
	.nsub01 div.box_line span.br {display:inline;}


	/* ------------------------------------------------------------------ 04_01 ------------------------------------------------------------------ */
	.mentor01 > div {margin:0 0 40px 0;}
	.mentor01 .box_img {}
	.mentor01 .box_img > img {width:100%;}


	/* ------------------------------------------------------------------ 05_01 ------------------------------------------------------------------ */
	.mooc01 {}
	.mooc01 .box_img {overflow:scroll;}
	.mooc01 .box_img > img {width:1000px; max-width:none;}
	.mooc03 {}
	.mooc03 > div:first-child {background-position:right 0; background-size:500px; height:auto; padding:200px 0 0 10px; margin:0 0 80px 0;}
	.mooc03 > div:first-child span.br {display:inline;}
	.mooc03 > div:first-child p {margin:10px 0 15px 0;}
	.mooc03 .mooc03_wrap > div {float:none; width:100%; max-width:680px; padding:20px;}
	.mooc03 .mooc03_wrap > div.pink {background-position:95% 90%; background-size:40%;}
	.mooc03 .mooc03_wrap > div.yellow {margin:15px auto 0; background-position:95% 90%;  background-size:40%;}
	.mooc03 .mooc03_wrap > div.blue {margin:15px auto 0; background-position:95% 90%;  background-size:30%;}
	.mooc03 .mooc03_wrap > div.green {margin:15px auto 0; background-position:95% 90%;  background-size:40%;}
	.mooc03 .mooc03_wrap > div h6 {margin:0 0 10px 0; word-break:keep-all;}
	.mooc03 .mooc03_wrap > div p {line-height:26px;}
	.mooc03 .mooc03_wrap > div p span.br {display:inline;}


	/* ------------------------------------------------------------------ 06_01 ------------------------------------------------------------------ */
	.smart01 > div:first-child {background-position:0 center; height:auto; padding:30px 15px; box-sizing:border-box;}
	.smart01 .smart01_img {position:static; text-align:center;}
	.smart01 .smart01_txt {padding:30px 0 0 0;}
	.smart01 .smart01_txt h5 {font-size:30px; text-align:center;}
	.smart01 .smart01_txt > div {width:100%; max-width:310px;}
	.smart01 .smart01_txt h6 {font-size:18px; height:40px; line-height:40px;}
	.smart01 .smart01_txt ul {margin:0 0 0 15px;}
	.smart01 .box_img {width:100%;}

	/* ------------------------------------------------------------------ input, board css ------------------------------------------------------------------ */
	table td input.input_20 {width:40%;}
	table td input.input_60 {width:100%;}
	table td input.input_80 {width:100%;}


	/* ------------------------------------------------------------------ 07_01 ------------------------------------------------------------------ */
	.result01 > div {margin:0 0 30px 0;}
	.result01 .box_img {overflow:scroll;}
	.result01 .box_img > img {width:1000px; max-width:none;}
	.result01 .b_title {font-size:25px; word-break:keep-all;}


	/* ------------------------------------------------------------------ 08_02 ------------------------------------------------------------------ */
	.center01 > div {margin:0 0 40px 0;}
	.center01 .box_img {overflow:scroll;}
	.center01 .box_img > img {width:900px; max-width:none;}
	.center01 .table_wrap {overflow:scroll;}


	/* ------------------------------------------------------------------ 09_01 ------------------------------------------------------------------ */
	.sitemap > div {margin:0 0 40px 0;}
	.sitemap > div div {text-align:center;}
	.sitemap a {width:47%; max-width:165px; height:40px; line-height:40px; font-size: 15px; margin:0 1% 5px;}

	/* ------------------------------------------------------------------ 01_06 ------------------------------------------------------------------ */
	.bk05 > div {margin:0 0 40px 0;}
	.bk05 > div a.btn_pink {position:static; margin:5px 0 10px 0; font-size:15px; height:40px; line-height:36px;}
	.bk05 .box_float > div {float:none; width:100%;}
	.bk05 .box_float > div:first-child {margin:0 0 15px 0;}
	.bk05 .box_float > div h6 {font-size:18px; margin:0 0 5px 0;}
	.bk05 .box_img {overflow:scroll;}
	.bk05 .box_img > img {width:600px; max-width:none;}
	.bk05 .box_img span.img_wrap {margin:0 15px 15px; width:200px;}

}

@media screen and (max-width:320px) {


}