@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; font-weight:400; line-height:50px; width:175px; box-sizing:border-box; text-align:center;}
#gnb ul li a {display:block; color:#333; text-decoration:none;}
#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 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:-13px;}
#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:864px;}
#gnb ul li.m7 div.submenu {left:1039px;}
#gnb ul li.m8 div.submenu {left:1213px;}

/* 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; width:210px; height:35px; line-height:35px;  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 60px; 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 25px; 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;}
.title_sub {padding:0;}
.title_sub h4 {font-size:32px; font-weight:600; color:#000; text-align:center;}
#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.subtitle {font-size:23px; color:#333; line-height:50px; letter-spacing:-0.04em; margin:0 0 15px 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 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; background:url('../images/sub/dot_black.png') 0 13px no-repeat; padding:0 0 0 12px; 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 {}
/* ------------------------------------------------------------------ 01_02 ------------------------------------------------------------------ */
.prof02 > div {margin:0 0 80px 0;}
.prof02 .box_line ul.margin {margin:0 0 20px 0;}
.prof02 .box_line {*zoom:1}
.prof02 .box_line:after {content:""; display:block; clear:both;}
.prof02 .box_line ul.float_left {width:620px; float:left;}
.prof02 .box_line div.float_right {width:680px; float:left; margin:0 0 0 30px;}
/* ------------------------------------------------------------------ 01_03 ------------------------------------------------------------------ */
.prof03 > div {margin:0 0 80px 0;}
.prof03 > div div.box_bg {margin:0 0 30px 0;}
.prof03 div p {text-align:center; font-weight:800; color:#333; text-align:center; line-height:30px; margin:0 0 30px 0; font-size:26px;}
/* ------------------------------------------------------------------ 01_04 ------------------------------------------------------------------ */
.prof04 > div {margin:0 0 80px 0;}
.prof04 .box_float {*zoom:1;}
.prof04 .box_float:after {content:""; display:block; clear:both;}
.prof04 .box_float > div {float:left; width:330px; margin:0 0 0 6px;}
.prof04 .box_float > div:first-child {margin:0;}
.prof04 .box_float h5 {font-size:26px; color:#fff; font-weight:800; letter-spacing:-0.04em; padding:10px 10px 30px; box-sizing:border-box; background-position:center bottom; background-repeat:no-repeat; z-index:950; position:relative;}
.prof04 .box_float .float01 h5 {background-image:url('../images/sub/prof04_f01.png');}
.prof04 .box_float .float02 h5 {background-image:url('../images/sub/prof04_f02.png');}
.prof04 .box_float .float03 h5 {background-image:url('../images/sub/prof04_f03.png');}
.prof04 .box_float .float04 h5 {background-image:url('../images/sub/prof04_f04.png');}
.prof04 .box_float h6 {font-size:16px; font-weight:600; color:#333; letter-spacing:-0.04em; margin:20px 0 0 0;}
.prof04 .box_float > div div {height:365px; border:1px solid #e8e5e2; padding:20px; box-sizing:border-box; margin:-10px 0 0 0; z-index:900; position:relative;}
.prof04 .box_float .float01 div {background:url('../images/sub/prof04_icon_f01.png') 95% 95% no-repeat;}
.prof04 .box_float .float02 div {background:url('../images/sub/prof04_icon_f02.png') 95% 95% no-repeat;}
.prof04 .box_float .float03 div {background:url('../images/sub/prof04_icon_f03.png') 95% 95% no-repeat;}
.prof04 .box_float .float04 div {background:url('../images/sub/prof04_icon_f04.png') 95% 95% no-repeat;}
.prof04 .box_float ul li {font-size:16px; color:#555; font-weight:400; line-height:24px; letter-spacing:-0.04em; background:url('../images/sub/dot_black.png') 0 10px no-repeat; padding:0 0 0 12px; word-break:keep-all; margin:0 0 6px 0;}
/* ------------------------------------------------------------------ 01_05 ------------------------------------------------------------------ */
.prof05 > div {margin:0 0 80px 0;}
.prof05 .box_line ol {text-align:center;}
.prof05 .box_line ol li {display:inline-block; width:220px; height:40px; line-height:40px; border-radius:40px; text-align:center; font-size:16px; font-weight:400; color:#555; background:#f9f7f5; border:1px solid #e8e5e2; letter-spacing:-0.04em; margin:10px; cursor:default;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.prof05 .box_line ol li:hover {font-weight:500; border:1px solid #c0a681;}
/* ------------------------------------------------------------------ 01_07 ------------------------------------------------------------------ */
.prof07 > div {margin:0 0 80px 0;}
.prof07 div.box_line { background:url('../images/sub/prof07_01.png') 97% 50% no-repeat;}
.prof07 > div table.col_table {width:840px; margin:25px 0 160px 0;}
.prof07 > div table.col_table tbody td {text-align:center;}
/* ------------------------------------------------------------------ 01_08 ------------------------------------------------------------------ */
.prof08 {background:url('../images/sub/prof08_01.png') 97% center no-repeat;}
.prof08 > div {margin:0 0 80px 0; width:830px;}
.prof08 .box_line ol {text-align:center;}
.prof08 .box_line ol li {display:inline-block; width:220px; height:40px; line-height:40px; border-radius:40px; text-align:center; font-size:16px; font-weight:400; color:#555; background:#f9f7f5; border:1px solid #e8e5e2; letter-spacing:-0.04em; margin:10px; cursor:default;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.prof08 .box_line ol li:hover {font-weight:500; border:1px solid #c0a681;}

/* ------------------------------------------------------------------ 01_10 ------------------------------------------------------------------ */
.prof10 > div {margin:0 0 60px 0;}
.prof10 dl {*zoom:1; background:#c61065; padding:10px; box-sizing:border-box;}
.prof10 dl:after {content:""; display:block; clear:both;}
.prof10 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;}
.prof10 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;}
.prof10 .box_line a, .prof10 .box_line a:link {color:blue;}
.prof10 .box_line span.del {}


/* ------------------------------------------------------------------ 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: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;}

/* ------------------------------------------------------------------ 02_02 ------------------------------------------------------------------ */
.study02 > div {margin:0 0 80px 0;}
.study02 .b_title {display:inline-block; padding:0 10px; background:#0066b2; color:#fff; font-size:32px; font-weight:800; margin:0 0 30px 0; letter-spacing:-0.04em;}
.study02 dl {margin:0 0 10px 0; *zoom:1;}
.study02 dl:after {content:""; display:block; clear:both;}
.study02 dl dt {float:left; width:300px; height:70px; line-height:70px; background:#bba078; padding:0 30px; box-sizing:border-box; color:#fff; font-size:16px; font-weight:800; letter-spacing:-0.04em;}
.study02 dl dt span {float:right; display:inline-block; background:#fff; width:70px; height:30px; line-height:30px; border-radius:30px; text-align:center; margin:20px 0 0 0; font-weight:600; font-size:14px; letter-spacing:-0.04em;}
.study02 dl dt span.online {color:#ca0464;}
.study02 dl dt span.offline {color:#0066b2;}
.study02 dl dd {float:left; width:1080px; background:#f9f7f5; box-sizing:border-box; border:1px solid #e8e5e2; height:70px; line-height:70px; margin:0 0 0 10px; padding:0 30px; box-sizing:border-box; font-size:16px; color:#333; font-weight:400; letter-spacing:-0.04em;}
.study02 ol {}
.study02 ol li {margin:0 0 10px 0; height:70px; line-height:70px; color:#333; font-size:16px; font-weight:600; letter-spacing:-0.04em; border:1px solid #e8e5e2;}
.study02 ol li span {display:inline-block; font-size:38px; margin:0 25px; vertical-align:Middle; font-weight:800;}
.study02 ol li span.orange {color:#f5d1a9;}
.study02 ol li span.brown {color:#dfd2c3;}
/* ------------------------------------------------------------------ 02_03 ------------------------------------------------------------------ */
.study03 > div {margin:0 0 80px 0;}
/* ------------------------------------------------------------------ 02_04 ------------------------------------------------------------------ */
.study04 > div {margin:0 0 80px 0;}
.study04 .box_img span.img_wrap {display:inline-block; margin:0 15px;}
/* ------------------------------------------------------------------ 02_05 ------------------------------------------------------------------ */
.study05 > div {margin:0 0 80px 0;}
.study05 h3.b_title {width:470px; height:50px; line-height:50px; color:#fff; font-size:20px; text-align:center; font-weight:800; margin:0; letter-spacing:-0.04em; }
.study05 h3.t_blue {background-color:#0066b2;}
.study05 span.arrow_blue {display:block; width:30px; height:20px; background-image:url('../images/sub/arrow_blue.png'); margin:0 0 0 20px;}
.study05 h3.t_yellow {background-color:#faa61a;}
.study05 span.arrow_yellow {display:block; width:30px; height:20px; background-image:url('../images/sub/arrow_yellow.png'); margin:0 0 0 20px;}
.study05 .box_wrap {*zoom:1;}
.study05 .box_wrap:after {content:""; display:block; clear:both;}
.study05 .box_wrap > div {float:left; position:relative; padding:12px 0 0 0;}
.study05 .box_wrap > div:last-child {margin:0;}
.study05 .box_wrap > div.roundbox04 {width:24%; margin:0 1% 0 0;}
.study05 .box_wrap > div.roundbox02 {width:49%; margin:0 1% 0 0;}
.study05 .box_wrap > div h6 {position:absolute; top:0; left:0; z-index:1000; width:90px; height:75px; background:url('../images/sub/roundbox.png') 0 0 no-repeat; padding:20px 0 0 20px; font-size:16px; letter-spacing:-0.05em; font-weight:800; }
.study05 .box_wrap1 .box {height:170px; background:#f9f7f5; box-sizing:border-box; border:1px solid #e8e5e2; padding:20px 20px 0 80px;}
.study05 .box_wrap2 .box {height:300px; background:#f9f7f5; box-sizing:border-box; border:1px solid #e8e5e2; padding:20px 20px 0 80px;}
.study05 .box ul li {background:url('../images/sub/dot_black.png') 0 10px no-repeat; padding:0 0 0 10px; font-size:14px; color:#333; font-weight:400; line-height:26px; letter-spacing:-0.04em; word-break:keep-all;}
.study05 .box p {font-size:14px; color:#333; font-weight:400; line-height:26px; letter-spacing:-0.04em; word-break:keep-all;}
.study05 .box span.br {display:block;}
.study05 .box span.yellow {color:#faa61a; font-weight:600;}
/* ------------------------------------------------------------------ 02_06 ------------------------------------------------------------------ */
.study06 > div {margin:0 0 80px 0;}
.study06 .b_title {display:inline-block; padding:0 10px; background:#0066b2; color:#fff; font-size:32px; font-weight:800; margin:0 0 30px 0; letter-spacing:-0.04em;}
.study06 h4.title_small {font-size:24px;}
.study06 > div ul li strong {font-weight:600;}
.study06 > div a.btn_black {display:block; width:220px; height:50px; line-height:50px; border:1px solid #333; color:#333; text-align:center; font-size:16px; margin:0 auto; font-weight:600;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.study06 > div a.btn_black:hover {background:#333; color:#fff;}
/* ------------------------------------------------------------------ 02_07 ------------------------------------------------------------------ */
.study07 > div {margin:0 0 80px 0;}
.study07 h4.title_small {font-size:24px;}
.study07 table.ver_table {border-top:none;}
.study07 table.ver_table thead th {background:none; border:none; padding:0;}
.study07 table.ver_table thead th div {height:50px; line-height:50px; color:#fff; font-size:20px; text-align:center; font-weight:800; margin:0 0 10px 0; letter-spacing:-0.04em; position:relative;}
.study07 table.ver_table thead th div.blue {background-color:#0066b2;}
.study07 table.ver_table thead th div.blue span {display:block; width:30px; height:20px; background-image:url('../images/sub/arrow_blue.png'); margin:0 0 0 20px;}
.study07 table.ver_table thead th div.pink {background-color:#ca0464;}
.study07 table.ver_table thead th div.pink span {display:block; width:30px; height:20px; background-image:url('../images/sub/arrow_pink.png'); margin:0 0 0 20px;}
.study07 table.ver_table tbody tr:first-child th {border-top:2px solid #cdc9c6;}
.study07 table.ver_table tbody tr:first-child td {border-top:2px solid #cdc9c6;}
.study07 table.ver_table td.center {text-align:center;}
.study07 table.ver_table td span.br {display:block;}
.study07 table.ver_table td ul li {background:url('../images/sub/dot_black.png') 0 10px no-repeat; padding:0 0 0 10px;}



/* ------------------------------------------------------------------ 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;}
/* ------------------------------------------------------------------ 03_02 ------------------------------------------------------------------ */
.nsub02 > div {margin:0 0 80px 0;}
/* ------------------------------------------------------------------ 03_03 ------------------------------------------------------------------ */
.nsub03 > div {margin:0 0 100px 0;}
.nsub03 h3.b_title {width:300px; height:50px; line-height:50px; color:#fff; font-size:20px; text-align:center; font-weight:800; margin:0; letter-spacing:-0.04em; }
.nsub03 h3.t_yellow {background-color:#faa61a;}
.nsub03 span.arrow_yellow {display:block; width:30px; height:20px; background-image:url('../images/sub/arrow_yellow.png'); margin:0 0 0 20px;}
.nsub03 h4.title {margin:30px 0 20px 0;}
.nsub03 .box_wrap {*zoom:1;}
.nsub03 .box_wrap:after {content:""; display:block; clear:both;}
.nsub03 .box_wrap > div {float:left; position:relative; padding:12px 0 0 0;}
.nsub03 .box_wrap > div:last-child {margin:0;}
.nsub03 .box_wrap > div.roundbox04 {width:24%; margin:0 1% 0 0;}
.nsub03 .box_wrap > div.roundbox02 {width:49%; margin:0 1% 0 0;}
.nsub03 .box_wrap > div h6 {position:absolute; top:0; left:0; z-index:1000; width:90px; height:75px; background:url('../images/sub/roundbox.png') 0 0 no-repeat; padding:20px 0 0 20px; font-size:16px; letter-spacing:-0.05em; font-weight:800; }
.nsub03 .box_wrap1 .box {height:150px; background:#f9f7f5; box-sizing:border-box; border:1px solid #e8e5e2; padding:20px 20px 0 80px;}
.nsub03 .box_wrap2 .box {height:90px; background:#f9f7f5; box-sizing:border-box; border:1px solid #e8e5e2; padding:20px 20px 0 80px;}
.nsub03 .box ul li {background:url('../images/sub/dot_black.png') 0 10px no-repeat; padding:0 0 0 10px; font-size:14px; color:#333; font-weight:400; line-height:26px; letter-spacing:-0.04em; word-break:keep-all;}
.nsub03 .box ul li strong {font-weight:600; display:inline-block; width:140px;}
/* ------------------------------------------------------------------ 03_04 ------------------------------------------------------------------ */
.nsub04 > div {margin:0 0 80px 0;}
.nsub04 .box_wrap {*zoom:1;}
.nsub04 .box_wrap:after {content:""; display:block; clear:both;}
.nsub04 .box_wrap > div {float:left; position:relative; padding:12px 0 0 0;}
.nsub04 .box_wrap > div:last-child {margin:0;}
.nsub04 .box_wrap > div.roundbox04 {width:24%; margin:0 1% 0 0;}
.nsub04 .box_wrap > div.roundbox02 {width:49%; margin:0 1% 0 0;}
.nsub04 .box_wrap > div h6 {position:absolute; top:0; left:0; z-index:1000; width:90px; height:75px; background:url('../images/sub/roundbox.png') 0 0 no-repeat; padding:20px 0 0 20px; font-size:16px; letter-spacing:-0.05em; font-weight:800; }
.nsub04 .box_wrap > div h6.long {padding:12px 0 0 10px; font-size:15px;}
.nsub04 .box_wrap > div h6.long span {display:inline-block; text-align:center;}
.nsub04 .box_wrap1 .box {height:140px; background:#f9f7f5; box-sizing:border-box; border:1px solid #e8e5e2; padding:20px 20px 0 80px;}
.nsub04 .box ul li {background:url('../images/sub/dot_black.png') 0 10px no-repeat; padding:0 0 0 10px; font-size:14px; color:#333; font-weight:400; line-height:26px; letter-spacing:-0.04em; word-break:keep-all;}
.nsub04 .box ul li strong {font-weight:600; display:inline-block; width:130px;}
/* ------------------------------------------------------------------ 03_05 ------------------------------------------------------------------ */
.nsub05 > div {margin:0 0 80px 0;}
.nsub05 .box_wrap {*zoom:1; margin:20px 0 0 0;}
.nsub05 .box_wrap:after {content:""; display:block; clear:both;}
.nsub05 .box_wrap > div {float:left; position:relative; padding:12px 0 0 0;}
.nsub05 .box_wrap > div:last-child {margin:0;}
.nsub05 .box_wrap > div.roundbox04 {width:24%; margin:0 1% 0 0;}
.nsub05 .box_wrap > div.roundbox02 {width:49%; margin:0 1% 0 0;}
.nsub05 .box_wrap > div h6 {position:absolute; top:0; left:0; z-index:1000; width:90px; height:75px; background:url('../images/sub/roundbox.png') 0 0 no-repeat; padding:20px 0 0 20px; font-size:16px; letter-spacing:-0.05em; font-weight:800; }
.nsub05 .box_wrap > div h6.long {padding:12px 0 0 10px; font-size:15px;}
.nsub05 .box_wrap > div h6.long span {display:inline-block; text-align:center;}
.nsub05 .box_wrap .box {height:140px; background:#f9f7f5; box-sizing:border-box; border:1px solid #e8e5e2; padding:20px 20px 0 80px;}
.nsub05 .box ul li {background:url('../images/sub/dot_black.png') 0 10px no-repeat; padding:0 0 0 10px; font-size:14px; color:#333; font-weight:400; line-height:26px; letter-spacing:-0.04em; word-break:keep-all;}
.nsub05 .box ul li strong {font-weight:600; display:inline-block; width:130px;}


/* ------------------------------------------------------------------ 04_01 ------------------------------------------------------------------ */
.mentor01 > div {margin:0 0 70px 0;}
/* ------------------------------------------------------------------ 04_02 ------------------------------------------------------------------ */
.mentor02 > div {margin:0 0 100px 0;}
.mentor02 h3.b_title {width:350px; height:50px; line-height:50px; color:#fff; font-size:20px; text-align:center; font-weight:800; margin:0; letter-spacing:-0.04em; }
.mentor02 h3.t_brown {background-color:#bba078;}
.mentor02 span.arrow_brown {display:block; width:30px; height:20px; background-image:url('../images/sub/arrow_brown.png'); margin:0 0 0 20px;}
.mentor02 h4.title {margin:30px 0 20px 0;}
/* ------------------------------------------------------------------ 04_03 ------------------------------------------------------------------ */
.mentor03 > div {margin:0 0 100px 0;}
.mentor03 h3.b_title {width:400px; height:50px; line-height:50px; color:#fff; font-size:20px; text-align:center; font-weight:800; margin:0; letter-spacing:-0.04em; }
.mentor03 h3.t_brown {background-color:#bba078;}
.mentor03 span.arrow_brown {display:block; width:30px; height:20px; background-image:url('../images/sub/arrow_brown.png'); margin:0 0 0 20px;}
.mentor03 h4.title {margin:30px 0 20px 0;}
/* ------------------------------------------------------------------ 04_04 ------------------------------------------------------------------ */
.mentor04 > div {margin:0 0 100px 0;}
.mentor04 h3.b_title {width:350px; height:50px; line-height:50px; color:#fff; font-size:20px; text-align:center; font-weight:800; margin:0; letter-spacing:-0.04em; }
.mentor04 h3.t_brown {background-color:#bba078;}
.mentor04 span.arrow_brown {display:block; width:30px; height:20px; background-image:url('../images/sub/arrow_brown.png'); margin:0 0 0 20px;}
.mentor04 h4.title {margin:30px 0 20px 0;}


/* ------------------------------------------------------------------ 05_01 ------------------------------------------------------------------ */
.mooc01 {}
/* ------------------------------------------------------------------ 05_02 ------------------------------------------------------------------ */
.mooc02 > div {margin:0 0 80px 0;}
.mooc02 .mooc_list {*zoom:1;}
.mooc02 .mooc_list:after {content:""; display:block; clear:both;}
.mooc02 .mooc_list .mooc_box {float:left; width:330px; box-sizing:border-box; margin:0 25px 30px 0;}
.mooc02 .mooc_list .mooc_box:nth-child(4n) {margin:0 0 30px 0;}
.mooc02 .mooc_list .mooc_box:nth-child(4n+1) {clear:both;}
.mooc02 .mooc_list .mooc_box a {display:block; box-sizing:border-box;}
.mooc02 .mooc_list .mooc_box .mooc_img {height:205px; box-sizing:border-box; border:1px solid #e8e5e2; text-align:center; border-bottom:5px solid #ca0464; overflow:hidden;}
.mooc02 .mooc_list .mooc_box .mooc_img img {width:100%; height:100%;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
}
.mooc02 .mooc_list .mooc_box:hover .mooc_img img {transform:scale(1.1);}
.mooc02 .mooc_list .mooc_box .mooc_txt {margin:10px 0 0 0; border:1px solid #e8e5e2; padding:30px; box-sizing:border-box;}
.mooc02 .mooc_list .mooc_box .mooc_txt p {font-size:16px; font-weight:600; color:#333; letter-spacing:-0.04em; word-break:keep-all; margin:0 0 30px 0; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; height: 2.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mooc02 .mooc_list .mooc_box .mooc_txt dl {*zoom:1;}
.mooc02 .mooc_list .mooc_box .mooc_txt dl:after {content:""; display:block; clear:both;}
.mooc02 .mooc_list .mooc_box .mooc_txt dt {float:left; width:80px; font-weight:400; letter-spacing:-0.04em; color:#999; font-size:14px; line-height:26px;}
.mooc02 .mooc_list .mooc_box .mooc_txt dd {float:left; width:180px; font-weight:400; letter-spacing:-0.04em; color:#555; font-size:14px; line-height:26px;}
/* ------------------------------------------------------------------ 05_03 ------------------------------------------------------------------ */
.mooc03 {}
.mooc03 > div {margin:0 0 30px 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;}
/* ------------------------------------------------------------------ 05_04 ------------------------------------------------------------------ */
.mooc04 > div {margin:0 0 80px 0;}
.mooc04 .box_line ul li span {display:block; color:#ca0464;}
.mooc04 .step {*zoom:1;}
.mooc04 .step:after {content:""; display:block; clear:both;}
.mooc04 .step > div {float:left;}
.mooc04 .step > div.arrow {padding:100px 20px 0;}

/* ------------------------------------------------------------------ 06_01 ------------------------------------------------------------------ */
.smart01 .box_line {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;}
/* ------------------------------------------------------------------ 06_02 ------------------------------------------------------------------ */
.smart02 > div {margin:0 0 80px 0;}
/*.smart02 .goal {*zoom:1;}
.smart02 .goal:after {content:""; display:block; clear:both;}
.smart02 .goal > div {float:left;}
.smart02 .goal > div.goal_pink {width:450px; height:90px; border:3px solid #ca0464; border-radius:90px; font-weight:800; font-size:16px; color:#333; line-height:30px; letter-spacing:-0.04em; text-align:center; padding:12px; box-sizing:border-box;}
.smart02 .goal > div.goal_blue {width:450px; height:90px; border:3px solid #0066b2; border-radius:90px; font-weight:800; font-size:16px; color:#333; line-height:30px; letter-spacing:-0.04em; text-align:center; padding:12px; box-sizing:border-box;}
.smart02 .goal > div.goal_arrow {width:130px; text-align:center; }*/
.smart02 > div .col_table tr td.center {text-align:center;}
.smart02 > div .col_table tr td ul li {background:url('../images/sub/dot_black.png') 0 13px no-repeat; padding:0 0 0 12px; word-break:keep-all;}
/* ------------------------------------------------------------------ 06_03 ------------------------------------------------------------------ */
.smart03 > div {margin:0 0 80px 0;}
.smart03 > div:nth-child(2) .col_table tr td.center {text-align:center;}
.smart03 > div:nth-child(2) .col_table tr td ul li {background:url('../images/sub/dot_black.png') 0 13px no-repeat; padding:0 0 0 12px; word-break:keep-all;}
.smart03 > div:last-child table tbody td {text-align:center;}
/* ------------------------------------------------------------------ 06_04 ------------------------------------------------------------------ */
.smart04 > div {margin:0 0 80px 0;}
.smart04 div.rental_sign {margin:30px 0 40px 0;}
.smart04 div.rental_sign p {font-size:16px; color:#555; line-height:30px; text-align:right; font-weight:400;}
.smart04 .ver_table tr td span {margin:0 0 0 15px;}
.smart04 a.rental_btn {display:block; width:220px; height:50px; border-radius:50px; line-height:50px; text-align:center; font-size:16px; color:#333; font-weight:600; border:1px solid #333; box-sizing:border-box; margin:0 auto;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
}
.smart04 a.rental_btn:hover, .smart04 a.rental_btn:focus {background:#333; color:#fff;}

/* ------------------------------------------------------------------ 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;}
/* ------------------------------------------------------------------ 07_02 ------------------------------------------------------------------ */
.result02 > div {margin:0 0 70px 0;}
.result02 .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;}
.result02 .box_bg {margin:0 0 10px 0;}

/* ------------------------------------------------------------------ 07_03 ------------------------------------------------------------------ */
.result03 > div {margin:0 0 70px 0;}
.result03 .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;}
/* ------------------------------------------------------------------ 07_04 ------------------------------------------------------------------ */
.result04 > div {margin:0 0 70px 0;}
.result04 .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;}



/* ------------------------------------------------------------------ 08_01 ------------------------------------------------------------------ */
.center02 > div {margin:0 0 80px 0;}
.center02 span.br {display:block;}
.center02 p {font-size:25px; font-weight:800; color:#00248d; text-align:center; line-height:35px; margin:0 0 25px 0; letter-spacing:-0.04em;}
.center02 h5 {background:#a98147; color:#fff; font-size:16px; letter-spacing:-0.04em; text-align:center; padding:20px; box-sizing:border-box; font-weight:800; line-height:30px; margin:0 0 10px 0;}
.center02 table.col_table td:first-child {text-align:center;}
/* ------------------------------------------------------------------ 08_03 ------------------------------------------------------------------ */
.center03 > div {margin:0 0 80px 0;}
.center03 table.col_table tbody td {text-align:center;}
/* ------------------------------------------------------------------ 08_06 ------------------------------------------------------------------ */
.center06 > div {margin:0 0 80px 0; position:relative;}
.center06 .btn_box {position:absolute; top:10px; right:0;}
.center06 .btn_box 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;
}
.center06 .btn_box a.btn_black:hover {background:#333; color:#fff;}


/* ------------------------------------------------------------------ 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;}

/* ------------------------------------------------------------------ 10_05 ------------------------------------------------------------------ */
.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;}

.img_mobile {display:none;}

.flex {display: flex; justify-content: space-between; align-items: flex-start;}
.title_btn {display: inline-block; padding: 0 30px; line-height: 47px; font-size: 18px; background: #ca0464; color: #fff !important; font-weight:500;}
.support .box_line {text-align:center;}



/* -----------  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%; height:50px; line-height:50px; 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 40px;}
	.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 {float:left; width:50%; font-size:15px; height:50px; line-height:50px; text-align:center; padding:0;}
	#leftmenu a:hover, #leftmenu a.on {border-bottom: 1px solid #bd9f7a;}
	/* sub_layout*/
	#cont {width:100%;}
	#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;}
	/* ------------------------------------------------------------------ 01_02 ------------------------------------------------------------------ */
	.prof02 > div {margin:0 0 40px 0;}
	.prof02 .box_line ul.float_left {width:100%; float:none;}
	.prof02 .box_line div.float_right {width:100%; max-width:680px; margin:30px 0 0 0; float:none; text-align:center;}
	.prof02 .box_line div.float_right img {width:100%;}
	/* ------------------------------------------------------------------ 01_03 ------------------------------------------------------------------ */
	.prof03 > div {margin:0 0 40px 0;}
	.prof03 > div div.box_bg {margin:0 0 10px 0;}
	.prof03 div p {font-size:24px;}
	.prof03 .img_wrap {overflow:scroll;}
	.prof03 .img_wrap img {width:1100px; max-width:none;}
	/* ------------------------------------------------------------------ 01_04 ------------------------------------------------------------------ */
	.prof04 > div {margin:0 0 40px 0;}
	.prof04 .box_float > div {float:none; width:100%; max-width:330px; margin:20px 0 0 0;}
	.prof04 .box_float h5 {font-size:20px; padding:10px 10px 30px; background-position:right bottom;}
	.prof04 .box_float h6 {font-size:15px;}
	.prof04 .box_float > div div {height:auto; padding:15px;}
	.prof04 .box_float ul li {font-size:15px;}
	/* ------------------------------------------------------------------ 01_05 ------------------------------------------------------------------ */
	.prof05 > div {margin:0 0 40px 0;}
	.prof05 .box_line ol li {font-size:15px;}
	.prof05 .box_img {overflow:scroll;}
	.prof05 .box_img img {width:900px; max-width:none;}
	/* ------------------------------------------------------------------ 01_07 ------------------------------------------------------------------ */
	.prof07 > div {margin:0 0 40px 0;}
	.prof07 div.box_line {background-position:center bottom; padding:15px 15px 300px; background-size:contain;}
	.prof07 div.table_wrap {overflow:scroll;}
	.prof07 > div table.col_table {width:100%; margin:25px 0 0 0;}
	/* ------------------------------------------------------------------ 01_08 ------------------------------------------------------------------ */
	.prof08 {background-position:top center; padding:380px 0 0 0; background-size:300px;}
	.prof08 > div {margin:0 0 40px 0; width:100%;}
	.prof08 .box_line ol {text-align:center;}
	.prof08 .box_line ol li {font-size:15px;}


	/* ------------------------------------------------------------------ 01_10 ------------------------------------------------------------------ */
	.prof10 > div {margin:0 0 40px 0;}
	.prof10 dl {padding:20px;}
	.prof10 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;}
	.prof10 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;}
	.prof10 dl dd span {display:block;}
	.prof10 .box_line span {display:block;}
	.prof10 .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;}
	.study01 .box_img img.img_mobile {max-width:100%;}
	.support img {max-width:100%;}

	/* ------------------------------------------------------------------ 02_02 ------------------------------------------------------------------ */
	.study02 > div {margin:0 0 40px 0;}
	.study02 .b_title {font-size:25px; margin:0 0 10px 0; word-break:keep-all;}
	.study02 dl {margin:0 0 20px 0;}
	.study02 dl dt {float:none; width:100%; padding:0 20px; height:50px; line-height:50px;}
	.study02 dl dt span {margin:10px 0 0 0;}
	.study02 dl dd {float:none; width:100%; height:auto; line-height:24px; margin:5px 0 0 0; padding:15px; font-size:14px;}
	.study02 ol li {margin:0 0 20px 0; height:auto; line-height:30px; font-size:15px; padding:15px; box-sizing:border-box;}
	.study02 ol li span {font-size:20px; margin:0 10px 0 0; vertical-align:baseline;}
	/* ------------------------------------------------------------------ 02_03 ------------------------------------------------------------------ */
	.study03 > div {margin:0 0 40px 0;}
	.study03 .box_img {overflow:scroll;}
	.study03 .box_img img {width:1000px; max-width:none;}
	/* ------------------------------------------------------------------ 02_04 ------------------------------------------------------------------ */
	.study04 > div {margin:0 0 40px 0;}
	.study04 .box_img {overflow:scroll;}
	.study04 .box_img > img {width:800px; max-width:none;}
	.study04 .box_img span.img_wrap {margin:0 15px 15px; width:200px;}
	/* ------------------------------------------------------------------ 02_05 ------------------------------------------------------------------ */
	.study05 > div {margin:0 0 40px 0;}
	.study05 h3.b_title {width:100%; height:auto; padding:10px 15px; box-sizing:border-box; line-height:26px; font-size:18px;}
	.study05 h3.b_title span.br {display:block;}
	.study05 span.arrow_blue {margin:0 auto;}
	.study05 span.arrow_yellow {margin:0 auto;}
	.study05 .box_wrap > div {float:none;}
	.study05 .box_wrap > div.roundbox04 {width:100%; margin:0 0 10px 0;}
	.study05 .box_wrap > div.roundbox02 {width:100%; margin:0 0 10px 0;}
	.study05 .box_wrap1 .box {height:auto; padding:20px 20px 20px 80px;}
	.study05 .box_wrap2 .box {height:auto; padding:20px 20px 20px 80px;}
	.study05 .box ul li {line-height:24px; margin:0 0 6px 0;}
	.study05 .box ul li:last-child {margin:0;}
	.study05 .box p {line-height:24px;}
	.study05 .box p span.br {display:inline;}
	/* ------------------------------------------------------------------ 02_06 ------------------------------------------------------------------ */
	.study06 > div {margin:0 0 40px 0;}
	.study06 .box_img {overflow:scroll;}
	.study06 .box_img > img {width:700px; max-width:none;}

	/* ------------------------------------------------------------------ 02_07 ------------------------------------------------------------------ */
	.study07 > div {margin:0 0 40px 0;}
	.study07 .table_wrap {overflow:scroll;}
	.study07 table.ver_table {width:1100px;}
	.study07 table.ver_table thead th div {height:40px; line-height:40px; font-size:18px;}



	/* ------------------------------------------------------------------ 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;}
	/* ------------------------------------------------------------------ 03_02 ------------------------------------------------------------------ */
	.nsub02 > div {margin:0 0 40px 0;}
	.nsub02 .box_line {overflow:scroll;}
	.nsub02 .box_line > img {width:700px; max-width:none;}
	/* ------------------------------------------------------------------ 03_03 ------------------------------------------------------------------ */
	.nsub03 > div {margin:0 0 50px 0;}
	.nsub03 h3.b_title {width:100%; height:auto; padding:10px 15px; box-sizing:border-box; line-height:26px; font-size:18px;}
	.nsub03 h3.b_title span.br {display:block;}
	.nsub03 span.arrow_yellow {margin:0 auto;}
	.nsub03 h4.title {margin:10px 0 20px 0;}
	.nsub03 .box_wrap > div {float:none; position:relative; padding:12px 0 0 0;}
	.nsub03 .box_wrap > div.roundbox04 {width:100%; margin:0 0 10px 0;}
	.nsub03 .box_wrap > div.roundbox02 {width:100%; margin:0 0 10px 0;}
	.nsub03 .box_wrap1 .box {height:auto; padding:20px 20px 20px 80px;}
	.nsub03 .box_wrap2 .box {height:auto; padding:20px 20px 20px 80px;}
	.nsub03 .box ul li {background-position:0 12px; line-height:24px; margin:0 0 6px 0;}
	.nsub03 .box ul li:last-child {margin:0;}
	.nsub03 .box ul li strong {display:block;}
	.nsub03 .box_line {overflow:scroll;}
	.nsub03 .box_line > img {width:700px; max-width:none;}
	/* ------------------------------------------------------------------ 03_04 ------------------------------------------------------------------ */
	.nsub04 > div {margin:0 0 40px 0;}
	.nsub04 .box_wrap > div {float:none; position:relative; padding:12px 0 0 0;}
	.nsub04 .box_wrap > div.roundbox04 {width:100%; margin:0 0 10px 0;}
	.nsub04 .box_wrap > div.roundbox02 {width:100%; margin:0 0 10px 0;}
	.nsub04 .box_wrap1 .box {height:auto; padding:20px 20px 20px 80px;}
	.nsub04 .box_wrap2 .box {height:auto; padding:20px 20px 20px 80px;}
	.nsub04 .box ul li {background-position:0 12px; line-height:24px; margin:0 0 6px 0;}
	.nsub04 .box ul li:last-child {margin:0;}
	.nsub04 .box ul li strong {display:block;}
	.nsub04 .box_line {overflow:scroll;}
	.nsub04 .box_line > img {width:700px; max-width:none;}
	/* ------------------------------------------------------------------ 03_05 ------------------------------------------------------------------ */
	.nsub05 > div {margin:0 0 40px 0;}
	.nsub05 .box_wrap > div {float:none; position:relative; padding:12px 0 0 0;}
	.nsub05 .box_wrap > div.roundbox04 {width:100%; margin:0 0 10px 0;}
	.nsub05 .box_wrap > div.roundbox02 {width:100%; margin:0 0 10px 0;}
	.nsub05 .box_wrap .box {height:auto; padding:20px 20px 20px 80px;}
	.nsub05 .box ul li {background-position:0 12px; line-height:24px; margin:0 0 6px 0;}
	.nsub05 .box ul li:last-child {margin:0;}
	.nsub05 .box ul li strong {display:block;}
	.nsub05 .box_line {overflow:scroll;}
	.nsub05 .box_line > img {width:700px; max-width:none;}



	/* ------------------------------------------------------------------ 04_01 ------------------------------------------------------------------ */
	.mentor01 > div {margin:0 0 40px 0;}
	.mentor01 .box_img {}
	.mentor01 .box_img > img {width:100%;}
	/* ------------------------------------------------------------------ 04_02 ------------------------------------------------------------------ */
	.mentor02 > div {margin:0 0 50px 0;}
	.mentor02 h3.b_title {width:100%; height:auto; padding:10px 15px; box-sizing:border-box; line-height:26px; font-size:18px; word-break:keep-all;}
	.mentor02 h3.b_title span.br {display:block;}
	.mentor02 span.arrow_brown {margin:0 auto;}
	.mentor02 h4.title {margin:20px 0 20px 0;}
	/* ------------------------------------------------------------------ 04_03 ------------------------------------------------------------------ */
	.mentor03 > div {margin:0 0 50px 0;}
	.mentor03 h3.b_title {width:100%; height:auto; padding:10px 15px; box-sizing:border-box; line-height:26px; font-size:18px; word-break:keep-all;}
	.mentor03 h3.b_title span.br {display:block;}
	.mentor03 span.arrow_brown {margin:0 auto;}
	.mentor03 h4.title {margin:20px 0 20px 0;}
	/* ------------------------------------------------------------------ 04_04 ------------------------------------------------------------------ */
	.mentor04 > div {margin:0 0 50px 0;}
	.mentor04 h3.b_title {width:100%; height:auto; padding:10px 15px; box-sizing:border-box; line-height:26px; font-size:18px; word-break:keep-all;}
	.mentor04 h3.b_title span.br {display:block;}
	.mentor04 span.arrow_brown {margin:0 auto;}
	.mentor04 h4.title {margin:20px 0 20px 0;}



	/* ------------------------------------------------------------------ 05_01 ------------------------------------------------------------------ */
	.mooc01 {}
	.mooc01 .box_img {overflow:scroll;}
	.mooc01 .box_img > img {width:1000px; max-width:none;}
	/* ------------------------------------------------------------------ 05_02 ------------------------------------------------------------------ */
	.mooc02 > div {margin:0 0 40px 0;}
	.mooc02 .mooc_list .mooc_box {float:none; width:100%; max-width:330px; margin:0 auto 30px;}
	.mooc02 .mooc_list .mooc_box:nth-child(4n) {margin:0 auto 30px;}
	.mooc02 .mooc_list .mooc_box .mooc_txt {padding:15px;}
	.mooc02 .mooc_list .mooc_box .mooc_txt p {margin:0 0 20px 0;}
	/* ------------------------------------------------------------------ 05_03 ------------------------------------------------------------------ */
	.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;}
	/* ------------------------------------------------------------------ 05_04 ------------------------------------------------------------------ */
	.mooc04 > div {margin:0 0 40px 0;}
	.mooc04 .step > div {float:none; margin:0 auto 15px; text-align:center;}
	.mooc04 .step > div.arrow {display:none;}

	/* ------------------------------------------------------------------ 06_01 ------------------------------------------------------------------ */
	.smart01 .box_line {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;}
	/* ------------------------------------------------------------------ 06_02 ------------------------------------------------------------------ */
	.smart02 > div {margin:0 0 40px 0;}
	.smart02 .box_img {width:100%;}
	/*.smart02 .goal > div {float:none;}
	.smart02 .goal > div.goal_pink {width:100%; max-width:450px;}
	.smart02 .goal > div.goal_blue {width:100%; max-width:450px;}
	.smart02 .goal > div.goal_arrow {width:100%;}
	.smart02 .goal > div.goal_arrow img {transform: rotate(90deg);}*/
	.smart02 > div .col_table tr td ul li {background-position:0 10px; padding:0 0 0 10px;}
	/* ------------------------------------------------------------------ 06_03 ------------------------------------------------------------------ */
	.smart03 > div {margin:0 0 40px 0;}
	.smart03 > div:nth-child(2) .col_table tr td ul li {background-position:0 10px; padding:0 0 0 10px;}
	.smart03 .table_wrap {overflow:scroll;}
	/* ------------------------------------------------------------------ 06_04 ------------------------------------------------------------------ */
	.smart04 > div {margin:0 0 40px 0;}
	.smart04 div.rental_sign {margin:20px 0 30px 0;}
	.smart04 div.rental_sign p {font-size:15px;line-height:24px;}
	.smart04 .ver_table tr td span {margin:5px 0 0 0; display:block;}


	/* ------------------------------------------------------------------ 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;}
	/* ------------------------------------------------------------------ 07_02 ------------------------------------------------------------------ */
	.result02 > div {margin:0 0 40px 0;}
	.result02 .b_title {font-size:25px; word-break:keep-all;}
	.result02 .box_img {overflow:scroll;}
	.result02 .box_img > img {width:800px; max-width:none;}
	/* ------------------------------------------------------------------ 07_03 ------------------------------------------------------------------ */
	.result03 > div {margin:0 0 40px 0;}
	.result03 .b_title {font-size:25px; word-break:keep-all;}
	/* ------------------------------------------------------------------ 07_04 ------------------------------------------------------------------ */
	.result04 > div {margin:0 0 40px 0;}
	.result04 .b_title {font-size:25px; word-break:keep-all;}



	/* ------------------------------------------------------------------ 08_02 ------------------------------------------------------------------ */
	.center01 .box_img {overflow:scroll;}
	.center01 .box_img > img {width:900px; max-width:none;}
	/* ------------------------------------------------------------------ 08_02 ------------------------------------------------------------------ */
	.center02 > div {margin:0 0 40px 0;}
	.center02 span.br {display:inline;}
	.center02 p {font-size:22px; line-height:28px;}
	.center02 .box_img {overflow:scroll;}
	.center02 .box_img > img {width:1000px; max-width:none;}
	.center02 h5 {padding:15px; line-height:26px;}
	/* ------------------------------------------------------------------ 08_03 ------------------------------------------------------------------ */
	.center03 > div {margin:0 0 40px 0;}
	.center03 .table_wrap {overflow:scroll;}
	/* ------------------------------------------------------------------ 08_06 ------------------------------------------------------------------ */
	.center06 > div {margin:0 0 40px 0;}
	.center06 .btn_box {position:static; margin:0 0 10px; text-align:center;}
	.center06 .btn_box a.btn_black {width:46.5%; max-width:220px; margin:0 1%;}


	/* ------------------------------------------------------------------ 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;}


	/* ------------------------------------------------------------------ 10_05 ------------------------------------------------------------------ */
	.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;}

	.flex {display:block;}
	.title_btn {font-size:16px;line-height:32px;}
	.img_mobile {display:block;}
	.img_pc {display:none;}

}

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


}