@charset "utf-8";

#container #content{position:relative;width:100%;max-width:1280px;margin:0 auto;padding-bottom:5%}
#container #content #content_tit{clear:both;padding:5% 0 2%;text-align:center}
#container #content #content_tit h2{padding-bottom:20px;font-size:1.875em;font-weight:500;color:#222}
#container #content #content_tit p{font-size:14px;font-weight:400;color:#888}

#snb{padding-bottom:2%;text-align:center}
#snb ul{display:inline-block}
#snb li{float:left;display:inline;margin-left:-1px}
#snb a{display:block;width:220px;border:1px solid #c5c5c5;font-size:1.125em;line-height:50px;text-decoration:none}
#snb .active a{position:relative;z-index:2;border-color:#2f5acd;color:#2f5acd}

#container.sub_overview #snb{padding-bottom:6%}
#container.sub_keypoint #snb{padding-bottom:6%}
#container.sub_branch #snb{padding-bottom:6%}
#container.sub_recruit #snb{padding-bottom:6%}
#container.sub_admission #snb{padding-bottom:6%}

#container #content .tbl1{border-top:2px solid #333;width:100%}
#container #content .tbl1 table{width:100%}
#container #content .tbl1 th{background-color:#fbfbfb;padding:1.2% 1.2%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-wrap:break-word;word-break:break-all;text-align:center}
#container #content .tbl1 td{padding:1.2% 1.2%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-wrap:break-word;word-break:break-all}
#container #content .tbl1 thead th,#content .tbl1 thead td{padding:1.5% 1.2%}
#container #content .tbl1 thead tr th:last-child,
#container #content .tbl1 tbody tr td:last-child,
#container #content .tbl1 tfoot tr td:last-child{border-right:0}
#container #content .tbl1 th{font-weight:600}
#container #content .tbl1 td.br1_ddd{border-right:1px solid #ddd !important}
#container #content .mt-20{margin-top:2%}

/* Heading */
#container.sub h3{clear:both;display:block;position:relative;margin:6% 0 5% 0;padding-top:6%;border-top:1px solid #c5c5c5;font-size:1.875em;color:#a7a7a7;font-weight:400;line-height:160%;letter-spacing:-.05em;text-align:center}
#container.sub h3 strong{color:#315ccd}
#container.sub h3 em{display:block;padding-top:10px;font-size:0.533em;color:#888;line-height:1.2em}
#container.sub h4{position:relative;margin:3% 0 2% 0;padding-left:0;color:#315ccd;font-size:1.125em;font-weight:600;letter-spacing:-.05em}
#container.sub h5{}
#container.sub h6{}

h3+h4{margin-top:0}

#container.sub #snb+#ctt>h3{padding-top:0;border-top:none}

#container #content .introduce1:before{display:block;width:150px;height:150px;background:url(../img/sub/introduce_bg1.png) no-repeat left top;content:""}
#container #content .introduce1{display:block;background:url(../img/sub/introduce_bg2.png) no-repeat right bottom}
#container #content .introduce1_01{float:left;width:30%;padding-right:30px}
#container #content .introduce1_02{float:right;width:70%}
#container #content .introduce1_02 p{padding-bottom:3%;line-height:1.8em;letter-spacing:-.05em}
#container #content .introduce1_02 p:last-child{padding-bottom:0}
#container #content p.introduce1_02_1{padding-bottom:5px;font-size:1.5em;font-weight:200;color:#14358e;line-height:1.5em}
#container #content p.introduce1_02_2{padding-bottom:5%;font-size:1.875em;color:#14358e;line-height:1.2em}
#container #content .introduce1_02_2 strong{font-weight:700}
/*#container #content p.introduce1_02_3{padding-bottom:5%;font-size:1.25em;color:#14358e;line-height:1.2em}*/
#container #content .introduce1_02_6{padding-bottom:3%}
#container #content p.introduce1_02_10{padding-top:2%;font-size:1.125em;font-weight:500;color:#444}
#container #content p.introduce1_02_10 em{display:block;padding-top:20px;color:#888}
#container #content p.introduce1_02_10 strong{font-size:2em;font-weight:400;color:#000}
#container #content .introduce2_01{padding-bottom:5%;font-size:1.25em;font-weight:700;color:#000;text-align:center}
#container #content .introduce2_02{display:block;width:90%;margin:0 auto}
#container #content .introduce2_02:before{display:block;width:67.5%;height:1px;margin:0 auto;background:url(../img/sub/introduce_dotline1.png) repeat-x left top;content:""}
#container #content .introduce2_02 li{float:left;width:33.333%;text-align:center}
#container #content .introduce2_02 dl{display:inline-block}
#container #content .introduce2_02 dt{padding-bottom:7%;font-size:1.125em;font-weight:700;color:#315ccd;text-align:center}
#container #content .introduce2_02 dt:before{display:block;width:20px;height:20px;margin:-10px auto 10px;background:url(../img/sub/introduce_dot1.png) no-repeat left top;content:""}
#container #content .introduce2_02 dd{display:block;font-size:.938em;line-height:1.5em;letter-spacing:-.05em;text-align:left}
#container #content .introduce2_02 dd:before{display:inline-block;padding-right:5px;content:"- "}
#container #content .introduce2_03{padding-top:7%}
#container #content .introduce2_03 li{float:left;width:25%;text-align:center}

#container #content .history_mnu{padding:2% 0 5%;text-align:center}
#container #content .history_mnu ul{display:inline-block}
#container #content .history_mnu li:after{display:inline-block;margin-left:40px;font-weight:100;color:#aaa;content:"|"}
#container #content .history_mnu li:last-child:after{display:none}
#container #content .history_menu{float:left;padding:0 0 0 40px;font-size:1.25em;cursor:pointer}
#container #content .history_menu.on{color:#2f5acd}

#container #content .history1{font-size:1.875em;text-align:center}
#container #content .history1 strong{font-weight:700;color:#000}
#container #content .history1 em{font-weight:700;color:#2f5acd}
#container #content .history2{padding:10px 0 5%;color:#888;text-align:center}

#container #content .history_list{display:none;}
#container #content .history_list.on{display:block}

#container #content .history_yearlst{clear:both;position:relative;width:100%;padding:0 0 4%;line-height:1.6em}
#container #content .history_yearlst:before{display:block;position:absolute;left:11%;top:10px;width:3px;height:100%;background:url(../img/sub/history_line1.png) repeat-y left top;content:""}
#container #content .history_yearlst ul{clear:both;display:block;position:relative;margin-bottom:2%}
#container #content .history_yearlst ul:first-child:before{display:block;position:absolute;left:11%;top:5px;width:18px;height:18px;margin-left:-8px;background:url(../img/sub/history_dot1.png) no-repeat left top;content:""}
#container #content .history_yearlst ul li{float:left;width:78%}
#container #content .history_yearlst ul li.year{float:left;width:14%;margin-top:0;font-size:3em;font-weight:500;color:#8a9cde;letter-spacing:-.05em}
#container #content .history_yearlst ul li.month{float:left;width:8%;font-size:1.063em;color:#2f5acd}

#container #content .overview1{padding-bottom:4%;text-align:center}
#container #content .overview1 dt{padding-bottom:2%;font-size:2em}
#container #content .overview1 dd{line-height:1.5em}
#container #content .overview2{margin-bottom:4%;padding:4%;border:1px solid #a8a8a8;text-align:center}
#container #content .overview2 p{color:#14358e;letter-spacing:-.03em}
#container #content .overview2_02{padding:10px 0 5%;font-size:1.625em;font-weight:500}
#container #content .overview2_02 strong{font-weight:600}
/*
#container #content .overview2_03{font-size:0.938em}
#container #content .overview2_03 strong{font-weight:500}
#container #content .overview2_04{padding-bottom:3%;font-size:0.938em}
*/
#container #content .overview3{padding:4%;border:1px solid #a8a8a8}
#container #content .overview3_01{text-align:center}
#container #content .overview3_01 li{display:inline-block;vertical-align:middle}
#container #content .overview3_01_2{padding:0 40px 0 20px}
#container #content .overview3_02{padding-top:7%}
#container #content .overview3_02_1{float:left;width:30%}
#container #content .overview3_02_2{float:left;width:70%;padding:10px 0 10px 30px;font-size:1.375em;line-height:1.4em}
#container #content .overview3_02_2_1{padding-bottom:20px}

#container #content .keypoint1{margin-bottom:4%;padding:4%;border:1px solid #a8a8a8;text-align:center}
#container #content .keypoint1_01{padding-bottom:2%;font-size:2em;color:#14358e;letter-spacing:-.03em}
#container #content .keypoint1_02{padding-bottom:4%;color:#14358e;letter-spacing:-.03em;line-height:1.3em}
#container #content .keypoint1_03{position:relative}
#container #content .keypoint1_03_2{position:absolute;z-index:2;top:20%;width:100%;height:80%}
#container #content .keypoint1_03_2 li{float:left;width:50%;height:50%;font-size:0.875em;line-height:1.2em;letter-spacing:-.03em}
#container #content .keypoint1_03_2 li strong{display:inline-block;padding-bottom:5px;font-size:1em;color:#14358e}
#container #content .keypoint1_03_2 li:nth-child(2n+1){padding-right:170px;text-align:right}
#container #content .keypoint1_03_2 li:nth-child(2n){padding-left:170px;text-align:left}
#container #content .keypoint1_03_2 li:nth-child(n+3){padding-top:50px}
#container #content .keypoint1_03_2 li:nth-child(2n+1) strong:after{display:inline-block;width:10px;height:10px;margin:0 -27px 0 20px;border-radius:100%;background-color:#14358e;content:""}
#container #content .keypoint1_03_2 li:nth-child(2n) strong:before{display:inline-block;width:10px;height:10px;margin:0 20px 0 -27px;border-radius:100%;background-color:#14358e;content:""}
#container #content .keypoint2{padding:4% 4% 0;border:1px solid #a8a8a8;text-align:center}
#container #content .keypoint2_01{padding-bottom:2%;font-size:2em;color:#14358e;letter-spacing:-.03em}
#container #content .keypoint2_02{padding-bottom:4%;color:#14358e;letter-spacing:-.03em;line-height:1.3em}
#container #content .keypoint2_03{position:relative;padding-top:170px}
#container #content .keypoint2_03_2{position:absolute;z-index:2;top:0;width:100%;height:80%}
#container #content .keypoint2_03_2 li{float:left;width:50%;height:42%;font-size:0.875em;line-height:1.2em;letter-spacing:-.03em}
#container #content .keypoint2_03_2 li strong{display:inline-block;padding-bottom:5px;font-size:1em;color:#14358e}
#container #content .keypoint2_03_2 li:nth-child(2n+1){padding-left:170px;text-align:left}
#container #content .keypoint2_03_2 li:nth-child(2n){padding-right:170px;text-align:right}
#container #content .keypoint2_03_2 li:nth-child(2n+1) .keypoint2_03_2_img{float:left;margin-right:20px;vertical-align:middle}
#container #content .keypoint2_03_2 li:nth-child(2n) .keypoint2_03_2_img{float:right;margin-left:20px;vertical-align:middle}
#container #content .keypoint2_03_2 li p{padding-top:30px;vertical-align:middle}
#container #content .keypoint2_03_2 li:nth-child(1){clear:both;display:block;float:none;width:100%;padding-left:140px;text-align:center}
#container #content .keypoint2_03_2 li:nth-child(1) .keypoint2_03_2_img{float:none;display:inline-block;vertical-align:middle}
#container #content .keypoint2_03_2 li:nth-child(1) p{float:none;display:inline-block;padding-top:0;text-align:left}
#container #content .keypoint2_03_2 li:nth-child(4){padding-right:130px}
#container #content .keypoint2_03_2 li:nth-child(5){padding-left:130px}

#container #content .certificate1{float:left;width:50%;padding-right:5%;border-right:1px solid #eee}
#container #content .certificate2{float:left;width:50%;padding-left:5%}
#container #content .certificate3{padding:3% 0;text-align:center}
#container #content .certificate3 .btn_b02{padding:10px 30px}
#container #content .certificate4{padding-bottom:10px}

#container #content .admission_box{border:1px solid #a8a8a8;border-radius:10px;background-color:#fcfcfc}
#container #content .admission_box_hd{padding:3% 20px;background-color:#0262ae;border-radius:10px 10px 0 0;color:#fff;text-align:center}
#container #content .admission_box_tit{padding-bottom:10px;font-size:1.375em}
#container #content .admission_box_hd a{color:#fff}
#container #content .admission_box_hd br{display:none}
#container #content .admission_box_con{padding:5%;letter-spacing:-.05em}
#container #content .admission_box strong{font-weight:500;color:#333}
#container #content .admission1{float:left;width:49%;margin-right:2%}
#container #content .admission2{float:left;width:49%}
#container #content .admission2 .admission_box_hd{background-color:#17298d}
#container #content .admission3{max-width:1280px;width:100%;margin:5% auto 0}

#container #content .map_location{width:99%;margin:0 auto 3%;padding:3%;border:1px solid #a8a8a8;background-color:#fcfcfc}
#container #content .map_location li{float:left;width:16.666%}
#container #content .map_location li:nth-child(6n+1){clear:both}
#container #content .map_location a.ui-link{display:inline-block;padding:5px;border:1px solid #fcfcfc;letter-spacing:-.05em;cursor:pointer}
#container #content .map_location a.ui-link.on{border:1px solid #2f5acd;color:#2f5acd}
#container #content .branch_list{float:left;width:50%}
#container #content .branch_list{padding:0 0.5%}
#container #content .branch_list ul{display:table;width:100%;border-left:1px solid #ddd}
#container #content .branch_list li{display:table-cell;width:25%;height:70px;padding:5px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;vertical-align:middle}
#container #content .branch_list .branch_list_name{width:50%;text-align:left}
#container #content .branch_list .branch_list_tel{width:25%;text-align:center}
#container #content .branch_list_header .branch_list .branch_list_name{text-align:center}
#container #content .branch_list_header .branch_list ul{border-top:2px solid #aaa}
#container #content .branch_list_header .branch_list li{height:50px;background-color:#fafafa;font-weight:500;color:#333}

#container #content .recruit1{margin-bottom:4%;padding:4%;border:1px solid #a8a8a8;background-color:#fcfcfc;text-align:center}
#container #content .recruit1_01{font-size:1.5em}
#container #content .recruit1_01 em{display:block;padding-top:10px;font-size:0.667em;line-height:1.5em}
#container #content .recruit1_02{position:relative;width:90%;height:200px;margin:5% auto 0}
#container #content .recruit1_02 li{position:relative;float:left;width:27%;text-align:left}
#container #content .recruit1_02 li:nth-child(4){width:19%}
#container #content .recruit1_02 li p{max-width:200px;padding-top:10px;font-size:1.125em;line-height:1.3em;letter-spacing:-.03em;text-align:center}
#container #content .recruit1_02 .recruit1_02_img{position:relative;z-index:3;width:190px;text-align:center}
#container #content .recruit1_02 li:after{position:absolute;z-index:3;right:30px;top:60px;display:block;width:36px;height:36px;background:url(../img/sub/recruit1_arr1.png) no-repeat left top;content:""}
#container #content .recruit1_02 li:last-child:after{display:none}
#container #content .recruit1_02 li .recruit1_02_line{position:absolute;z-index:1;top:75px;display:block;width:100%;height:1px;padding:0;background-color:#2f5acd;}
#container #content .recruit2 li{float:left;width:50%;padding-bottom:3%}

#container #content .sitemap{overflow:hidden}
#container #content .sitemap ul{}
#container #content .sitemap ul ul{margin-bottom:20px;border-top:1px solid #eee;background-color:#fafafa}
#container #content .sitemap li{float:left;width:22%;margin-right:4%}
#container #content .sitemap li:nth-child(4n){margin-right:0}
#container #content .sitemap li:nth-child(4n+1){clear:both}
#container #content .sitemap li li{float:none;width:100%;margin-right:0;border-bottom:1px solid #eee}
#container #content .sitemap li li li{border-bottom:none}
#container #content .sitemap .sitemap_tit{display:block;margin-bottom:20px;padding:10px;background-color:#315ccd;font-weight:700;color:#fff;text-align:center}
#container #content .sitemap li li a{display:inline-block;padding:10px;border:none}
#container #content .sitemap li li li a{padding:0 0 2px 20px;font-size:14px;color:#888}
#container #content .sitemap li li li a:before{display:inline-block;width:3px;height:3px;margin-right:5px;border-radius:100%;background-color:#888;vertical-align:middle;}
#container #content .sitemap li li li:first-child a{padding-top:10px}
#container #content .sitemap li li li:last-child a{padding-bottom:10px}
#container #content .site2_01{line-height:1.5}
#container #content .site2_01 h5{margin:2% 0 5px}
#container #content .site3_01{line-height:1.5}
#container #content .copyright_01{padding:5%;border:4px solid #eee;border-width:4px 4px 0;background-color:#f7f7f7;font-size:110%;font-weight:600;line-height:150%;color:#0546a3;letter-spacing:-.05em}
#container #content .copyright_02{padding:5%;border:4px solid #eee;border-width:0 4px 4px;letter-spacing:-.05em;line-height:1.5}
#container #content .viewer dl{position:relative;padding:0 0 15px 180px;margin-bottom:15px;min-height:115px;border-bottom:1px solid #e8e8e8;}
#container #content .viewer dl dt{font-weight:400;color:#0754ac}
#container #content .viewer dl dd.pic{position:absolute;left:0px;top:0px;line-height:1.5}
#container #content .viewer .downbtn{vertical-align:middle;display:inline-block;height:29px;padding:2px 12px 0 38px;margin-top:15px;border:1px solid #0754ac;background:#0754ac url(../img/sub/ico_down.gif) no-repeat 12px 8px;font-size:0.857em;font-weight:400;color:#fff !important}

#container #content .ctt_shop{padding:5%;border:1px solid #eee;background-color:#fafafa}

@media screen and (max-width:1200px){
	#container #content .history_yearlst:before{left:14%}
	#container #content .history_yearlst ul:first-child:before{left:14%}
	#container #content .history_yearlst ul li{width:70%}
	#container #content .history_yearlst ul li.year{width:20%}
	#container #content .history_yearlst ul li.month{width:10%}
	#container #content .recruit1_02{width:100%}

}
@media screen and (max-width:1100px){
	#container #content .overview3_01 li{display:block;vertical-align:middle}
	#container #content .overview3_01_2{padding:20px 0}
	#container #content .overview3_01_3{padding-right:10px}
	#container #content .overview3_02_2{font-size:1.15em}

	#container #content .keypoint2_03{position:relative;padding-top:130px}
	#container #content .keypoint2_03_2 li .keypoint2_03_2_img img{width:110px;height:auto}

	#container #content .admission_box_hd br{display:block}
	#container #content .admission_box li strong{display:block}

	#container #content .branch_list li{width:30%;font-size:0.938em}
	#container #content .branch_list .branch_list_name{width:40%}
	#container #content .branch_list .branch_list_tel{width:30%}

	#container #content .recruit1_02 li:after{right:0}
}
@media screen and (max-width:1000px){/* 아이패드 992 */
	#snb a{width:180px;line-height:45px}

	#container.sub h3 em{text-align:left}
	#container #content .introduce2_02{width:100%}

	#container #content .history1{letter-spacing:-.05em}
	#container #content .history2{font-size:15px;letter-spacing:-.05em}


	#container #content .history_yearlst:before{left:18%}
	#container #content .history_yearlst ul:first-child:before{left:18%}
	#container #content .history_yearlst ul li{width:64%}
	#container #content .history_yearlst ul li.year{width:24%}
	#container #content .history_yearlst ul li.month{width:12%}

	#container #content .keypoint2_03{position:relative;padding-top:100px}
	#container #content .keypoint2_03_2 li .keypoint2_03_2_img img{width:90px;height:auto}
	#container #content .keypoint2_03_2 li:nth-child(2n+1) .keypoint2_03_2_img{margin-right:10px}
	#container #content .keypoint2_03_2 li:nth-child(2n) .keypoint2_03_2_img{margin-left:10px}
	#container #content .keypoint2_03_2 li:nth-child(2n+1){padding-left:150px}
	#container #content .keypoint2_03_2 li:nth-child(2n){padding-right:150px}
	#container #content .keypoint2_03_2 li:nth-child(1){padding-left:180px}
	#container #content .keypoint2_03_2 li:nth-child(4){padding-right:110px}
	#container #content .keypoint2_03_2 li:nth-child(5){padding-left:110px}
	#container #content .keypoint2_03_2 li p{padding-top:10px}

	#container.sub_certificate h3 em{text-align:center}

	#container #content .branch_list{float:none;width:100%;0}
	#container #content .branch_list:nth-child(2n){margin-left:0}
	#container #content .branch_list_header .branch_list:nth-child(2) li{display:none}
	#container #content .branch_list_con .branch_list li{height:40px;line-height:1.3em}

}
@media screen and (max-width:900px){
	#container #content .keypoint1_03_2 li p strong{display:block}
	#container #content .keypoint1_03_2 li p br{display:none}
	#container #content .keypoint2_03_2 li p strong{display:block}
	#container #content .keypoint2_03_2 li p br{display:none}
	#container #content .keypoint2_03_2 li:nth-child(1) p br{display:block}
	#container #content .keypoint2_03_2 li:nth-child(1) p strong+br{display:none}

	#container #content .admission_box li em{display:block}

	#container #content .recruit1_01 em{text-align:left}
	#container #content .recruit1_02 li{padding-right:8%}
	#container #content .recruit1_02 li:nth-child(4){padding-right:0}
	#container #content .recruit1_02 li:after{top:24%;right:4%}
	#container #content .recruit1_02 li p{height:70px}
	#container #content .recruit1_02 li p br{display:none}
	#container #content .recruit1_02 .recruit1_02_img{width:100%}
	#container #content .recruit1_02 li .recruit1_02_line{top:65px}

}
@media screen and (max-width:800px){
	#container #content .keypoint2_03{position:relative;padding-top:90px}
	#container #content .keypoint2_03_2 li:nth-child(2n+1) .keypoint2_03_2_img,
	#container #content .keypoint2_03_2 li:nth-child(2n) .keypoint2_03_2_img{float:none}
	#container #content .keypoint2_03_2 li .keypoint2_03_2_img img{width:80px;height:auto}
	#container #content .keypoint2_03_2 li p{padding-top:0}
	#container #content .keypoint2_03_2 li{height:50%}
	#container #content .keypoint2_03_2 li:nth-child(1){height:30%}

	#container #content .map_location li{width:20%}
	#container #content .map_location li:nth-child(n){clear:none}
	#container #content .map_location li:nth-child(5n+1){clear:both}
}
@media screen and (max-width:768px){/* 아이패드 */
	#snb a{width:150px;line-height:40px}

	#container #content .introduce1{background:none}
	#container #content .introduce1:before{display:none}
	#container #content .introduce1_01{float:none;width:100%;padding-right:0;padding-bottom:5%;text-align:center}
	#container #content .introduce1_02{float:none;width:100%}
	#container #content p.introduce1_02_1,
	#container #content p.introduce1_02_2,
	#container #content p.introduce1_02_3{text-align:center}

	#container #content .history_mnu{padding:30px 0 40px}
	#container #content .history1{line-height:1.2em}
	#container #content .history2{padding:10px 0 40px;font-size:14px;text-align:left;line-height:1.3em}

	#container #content .history_yearlst:before{left:0}
	#container #content .history_yearlst ul:first-child:before{left:0}
	#container #content .history_yearlst ul li{width:80%}
	#container #content .history_yearlst ul li.year{display:none}
	#container #content .history_yearlst ul:first-child li.year{display:block;width:100%;padding-left:30px;padding-bottom:30px}
	#container #content .history_yearlst ul li.month{width:20%;padding-left:30px}

	#container #content .keypoint1{padding:40px 30px}
	#container #content .keypoint1_03_1{width:50%;margin:0 auto}
	#container #content .keypoint1_03_2{position:relative;z-index:2;top:0;width:100%;height:auto}
	#container #content .keypoint1_03_2 li:nth-child(2n+1) strong:after,
	#container #content .keypoint1_03_2 li:nth-child(2n) strong:before{display:none}
	#container #content .keypoint1_03_2 li:nth-child(n){clear:both;float:none;width:100%;padding:0;padding-top:20px;font-size:1em;text-align:left}
	#container #content .keypoint2{padding:40px 30px}
	#container #content .keypoint2_03{padding-top:0}
	#container #content .keypoint2_03_1{width:50%;margin:0 auto}
	#container #content .keypoint2_03_2{position:relative;z-index:2;top:0;width:100%;height:auto}
	#container #content .keypoint2_03_2 li:nth-child(n){clear:both;float:none;width:100%;padding:0;padding-top:20px;font-size:1em;text-align:left}
	#container #content .keypoint2_03_2 li:nth-child(n) .keypoint2_03_2_img{float:left;display:inline-block;margin:0;padding-right:20px}

	#container #content .certificate1{float:none;width:100%;padding-right:0;border-right:none}
	#container #content .certificate2{float:none;width:100%;padding-left:0}

	#container #content .admission1{float:none;width:100%;margin-right:0%}
	#container #content .admission2{float:none;width:100%;margin-top:2%}
	#container #content .admission_box_hd br{display:none}
	#container #content .admission_box li strong{display:inline-block}
	#container #content .admission_box li em{display:inline-block}

	#container #content .recruit1_02{height:auto}
	#container #content .recruit1_02 li{width:50%}
	#container #content .recruit1_02 li:nth-child(4){width:42%}
	#container #content .recruit1_02 li p{max-width:none}
	#container #content .recruit1_02 li p br{display:block}
	#container #content .recruit1_02 .recruit1_02_img img{max-width:120px}
	#container #content .recruit2 li{float:none;width:100%}

	#container #content .sitemap li{width:48%;margin-right:4%}
	#container #content .sitemap li:nth-child(n){clear:none;margin-right:4%}
	#container #content .sitemap li:nth-child(2n){margin-right:0}
	#container #content .sitemap li:nth-child(2n+1){clear:both}
	#container #content .sitemap .sitemap_tit{font-size:16px}
}
@media screen and (max-width:700px){
	#snb a{width:140px;line-height:40px}

	#container #content .overview1 dd{text-align:left}
	#container #content .keypoint2_02{text-align:left}
	#container #content .keypoint2_02 br{display:none}

	#container #content .map_location li{width:25%}
	#container #content .map_location li:nth-child(n){clear:none}
	#container #content .map_location li:nth-child(4n+1){clear:both}

	#container #content .recruit1_02 li:nth-child(n) .recruit1_02_img:after{right:-15%}
}
@media screen and (max-width:620px){
	#container #content #content_tit{padding:40px 0 30px}

	#snb a{width:120px;line-height:35px}

	#container #content .introduce2_02{width:100%;text-align:left;background:url(../img/sub/introduce_dotline2.png) repeat-y left 5px}
	#container #content .introduce2_02:before{display:none}
	#container #content .introduce2_02 li{float:none;width:100%;padding-bottom:5%;text-align:left}
	#container #content .introduce2_02 dl{padding-left:30px}
	#container #content .introduce2_02 dt{text-align:left}
	#container #content .introduce2_02 dt:before{display:inline-block;margin:0 30px 0 -40px;vertical-align:middle}

	#container #content .history1{text-align:left}

	#container #content .keypoint1_01{font-size:1.75em}
	#container #content .keypoint2_01{font-size:1.75em}
}
@media screen and (max-width:550px){
	#snb a{width:105px}

	#container #content .history_mnu li:after{margin-left:30px}
	#container #content .history_menu{padding:0 0 0 30px}

	#container #content .history_yearlst ul li{width:75%}
	#container #content .history_yearlst ul li.month{width:25%}

	#container #content .overview3_01_2{width:10%;margin:0 auto}
	#container #content .overview3_01_3{width:60%;margin:0 auto}
	#container #content .overview3_02_1{float:none;width:60%;margin:0 auto}
	#container #content .overview3_02_2{float:none;width:100%;padding:10px 0 0}

	#container #content .keypoint1{padding:30px 20px}
	#container #content .keypoint2{padding:30px 20px}
	#container #content .keypoint1_01{font-size:1.5em}
	#container #content .keypoint2_01{font-size:1.5em}
	#container #content .keypoint1_03_1{width:65%;margin:0 auto}
	#container #content .keypoint2_03_1{width:55%;margin:0 auto}
	#container #content .keypoint2_03_2 li .keypoint2_03_2_img img{width:70px;height:auto}
	#container #content .keypoint2_03_2 li:nth-child(n){padding-top:10px}

	#container #content .map_location li{width:33.333%}
	#container #content .map_location li:nth-child(n){clear:none}
	#container #content .map_location li:nth-child(3n+1){clear:both}

	#container #content .sitemap .sitemap_tit{padding:15px 10px;font-size:15px;letter-spacing:-.05em}
}
@media screen and (max-width:480px){
	#snb{display:none}

	#container #content p.introduce1_02_1{font-size:1.25em}
	#container #content p.introduce1_02_2{font-size:1.5em;letter-spacing:-.07em;}
	#container #content p.introduce1_02_3{font-size:1.125em}
	#container #content .introduce2_03 li{width:50%;font-size:0;line-height:0}

	#container #content .history_mnu{padding:0 0 40px}
	#container #content .history_mnu li:after{margin-left:20px}
	#container #content .history_menu{padding:0 0 0 20px}

	#container #content .history_yearlst{padding-bottom:20px}
	#container #content .history_yearlst ul li{width:100%;padding-left:30px}
	#container #content .history_yearlst ul:first-child li.year{padding-bottom:20px;font-size:2.5em}
	#container #content .history_yearlst ul li.month{width:100%;padding-bottom:5px;font-size:1.25em;font-weight:500}

	#container #content .overview2,
	#container #content .overview3{padding:20px}
	#container #content .overview2_03,
	#container #content .overview2_04{font-size:1em}

	#container #content .keypoint1_01{font-size:1.25em}
	#container #content .keypoint1_02{text-align:left}
	#container #content .keypoint1_02 br{display:none}

	#container #content .keypoint2_01{font-size:1.25em}

	#container.sub_certificate h3 em{text-align:left}

	#container #content .admission_box_hd br{display:block}

	#container #content .recruit1_02 li{padding-right:20%}
	#container #content .recruit1_02 li:nth-child(4){width:50%;padding-right:20%}
	#container #content .recruit1_02 li:after{right:10%}
	#container #content .recruit1_02 .recruit1_02_img img{max-width:100px}
	#container #content .recruit1_02 li .recruit1_02_line{top:60px}
	#container #content .recruit1_02 li p{height:70px}
	#container #content .recruit1_02 li p br{display:none}
}
@media screen and (max-width:414px){
	#container #content .history_mnu li:after{margin-left:10px}
	#container #content .history_menu{padding:0 0 0 10px}

	#container #content .overview2 p{text-align:left}

	#container #content .keypoint1_03_1{width:75%;margin:0 auto}
	#container #content .keypoint2_03_1{width:65%;margin:0 auto}

	#container #content .map_location li{width:50%}
	#container #content .map_location li:nth-child(n){clear:none}
	#container #content .map_location li:nth-child(2n+1){clear:both}

}
@media screen and (max-width:375px){/* 아이폰 */
	#container #content p.introduce1_02_1,
	#container #content p.introduce1_02_2,
	#container #content p.introduce1_02_3{text-align:left}
	#container #content p.introduce1_02_2 br{display:none}

	#container #content .history_mnu li:after{margin-left:7px}
	#container #content .history_menu{padding:0 0 0 7px;letter-spacing:-.03em}

	#container #content .recruit1_02 li{padding-right:10%}
	#container #content .recruit1_02 li:nth-child(4){width:50%;padding-right:10%}
	#container #content .recruit1_02 li:after{top:30px;right:2%;width:20px;height:20px;background-size:20px auto}
	#container #content .recruit1_02 .recruit1_02_img img{max-width:80px}
	#container #content .recruit1_02 li .recruit1_02_line{top:40px}
	#container #content .recruit1_02 li p{width:100%;height:70px}
	#container #content .recruit1_02 li p br{display:none}



}