@charset "utf-8";

/* 서브 */
#container.sub{max-width:1920px; margin:0 auto;}
#container #svisual{height:184px;background-image:url(../img/sub/svisual_bg.jpg);background-repeat:no-repeat;background-position:center top;text-align:center}
#container #svisual h2{padding-top:70px;font-family:"NanumSquare";font-size:36px;font-weight:600;color:#fff;letter-spacing:-.05em}
#container #svisual #location{margin-top:20px;font-size:9px;color:rgba(255,255,255,.8);letter-spacing:-.05em}
#container #svisual #location a{display:inline-block;padding:0 0 2px;font-size:12px;color:rgba(255,255,255,.8);vertical-align:middle}
#container #svisual #location a:last-child{font-weight:700}
#container #svisual .wrap{height:200px}
#container #svisual {background-image:url(../img/sub/sub_top_06.jpg)}
#container.sub_10 #svisual{background-image:url(../img/sub/sub_top_01.jpg)}
#container.sub_20 #svisual{background-image:url(../img/sub/sub_top_02.jpg)}
#container.sub_30 #svisual{background-image:url(../img/sub/sub_top_03.jpg)}
#container.sub_40 #svisual{background-image:url(../img/sub/sub_top_04.jpg)}
#container.sub_50 #svisual{background-image:url(../img/sub/sub_top_05.jpg)}
#container.sub_60 #svisual{background-image:url(../img/sub/sub_top_06.jpg)}
#container.sub_70 #svisual{background-image:url(../img/sub/sub_top_07.jpg)}
#container.sub_80 #svisual{background-image:url(../img/sub/sub_top_01.jpg)}

#container #aside{float:left;width:20%; height:auto;margin:0 5% 0 0;}
#container #aside:after{display:block;visibility:hidden;clear:both;content:""}
#container #aside h2{width:100%;height:130px;padding-top:55px;background:url(../img/sub/left_menu_bg.gif) #005cb1 no-repeat right top;font-family:"NanumSquare";font-size:24px;font-weight:700;color:#fff;text-align:center}
#container #aside .snb{width:100%;border:1px solid #d3d7dd}
#container #aside .snb li{position:relative;border-bottom:1px solid #d3d7dd}
#container #aside .snb li:last-child{border-bottom:none}
#container #aside .snb li a{display:block;height:50px;padding:0 20px;font-size:15px;color:#585858;text-decoration:none;line-height:50px}
#container #aside .snb li a:after{display:block;position:absolute;top:0;right:10%;width:5px;height:50px;content:"+ "; }
#container #aside .snb li.on a,#container #aside .snb li:hover a{font-size:16px;font-weight:700;color:#0061af}
#container #aside .snb li.on a:after,#container #aside .snb li:hover a:after{display:block;position:absolute;top:0;right:10%;width:8px;height:50px;content:"- "; }
#container #aside .snb li ul{display:block;padding:3% 0;border-top:1px solid #d3d7dd;background-color:#edf4f7}
#container #aside .snb li li{float:none;width:100%;padding:0;border-bottom:none}
#container #aside .snb li li a{height:auto}
#container #aside .snb li li a:before{content:"· "}
#container #aside .snb li.on li a:after,#container #aside .snb li:hover li a:after,#container #aside .snb li li a:after{display:none}
#container #aside .snb li.on li a,#container #aside .snb li:hover li a,#container #aside .snb li li a{padding:5px 20px;font-weight:400;color:#555;line-height:1.5em;font-size:15px;}
#container #aside .snb li.on li.on a,#container #aside .snb li.on li:hover a,#container #aside .snb li:hover li:hover a{font-weight:600;color:#3a7cd2;}
#container #aside .snb li:hover ul,#container #aside .snb li.on ul{display:block;height:auto}

#container #content{float:left;position:relative;width:75%;margin:50px 0 50px}
#container #content #content_tit{clear:both;margin-bottom:5%;border-bottom:1px solid #ddd;line-height:70px}
#container #content #content_tit h3{float:left;font-size:30px;font-weight:normal;color:#000}

#container #content #content_tit .print_wrap{float:right;padding-top:10px}
#container #content #content_tit .print_wrap li{display:inline-block}
#container #content #content_tit .print_wrap .gong{display:none}
#container #content #content_tit .print_wrap .gong.on{display:inline-block}
#container #content #content_tit .print_wrap .sns_wrap{display:none}
#container #content #content_tit .print_wrap .sns_wrap.on{display:inline-block}
#container #content #content_tit .print_wrap a{overflow:hidden;display:inline-block;width:30px;height:30px;border-radius:100%;background-color:#fcaf17;background-repeat:no-repeat;background-position:center center;text-indent:-99999px}
#container #content #content_tit .print_wrap .gong{background-image:url(../img/sub/ico_sns.png)}
/*#container #content #content_tit .print_wrap .fa{background-color:#385791;background-image:url(../img/sub/sns_facebook.png)}
#container #content #content_tit .print_wrap .tw{background-color:#04a5f9;background-image:url(../img/sub/sns_twitter.png)}
#container #content #content_tit .print_wrap .bl{background-color:#54ac17;background-image:url(../img/sub/sns_blog.png)}
#container #content #content_tit .print_wrap .ks{background-color:#ffd200;background-image:url(../img/sub/sns_kakaostory.png)}*/
#container #content #content_tit .print_wrap .btnClose{background-image:url(../img/sub/ico_close.png)}
#container #content #content_tit .print_wrap .print{background-color:#a5a5a5;background-image:url(../img/sub/ico_print.png)}

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

.circle_box {margin-bottom:5%;position:relative;}
.circle_box:last-child {margin-bottom:0;}
.circle_title {background:url('../img/sub/dot_big.png') no-repeat left center; background-size:12px; padding-left:2%; font-size:28px; color:#005cb1; margin-bottom:2%;}
.circle_box .box {background:#f7f7f7; border:1px solid #ddd; padding:3%; word-break:keep-all; line-height:1.6em;}
.circle_box .box p {text-align:center; }
.circle_box .box ul {}
.circle_box .box ul li {border-bottom:1px dotted #ddd; padding:15px 0;}
.circle_box .box ul li:first-child {padding-top:0;}
.circle_box .box ul li:last-child {border-bottom:0; padding:15px 0 0;}
.circle_box .box ul li strong {font-size:18px; font-family:'Montserrat', sans-serif; color:#005cb1; font-weight:bold; padding-right:10px;}
.circle_box .box dl {margin-bottom:3%;}
.circle_box .box dl dt { color:#005cb1; font-weight:bold; padding-bottom:10px;}
.circle_box .box dl dd {margin-left:3%;}
.circle_box .box dl dd.vow {margin-top:3%;}
.circle_box .box dl dd.flag1,.circle_box .box dl dd.flag2 {max-width:450px;}
.circle_box .box dl dd.flag3 {max-width:672px;}
.circle_box .box dl dd.badge  {max-width:610px;}
.circle_box .box dl dd.medal {max-width:500px;}
.circle_box .creed_bg {background:#f7f7f7 url('../img/sub/creed3_bg.gif') no-repeat right bottom;}
.circle_box .bg_fff {background:#fff; border:0;}
.circle_box .box .txt_cent {text-align:center; margin:0 auto;}
.circle_box .bg_fff .ci {max-width:345px;}
.circle_box .bg_fff .ci_txt {padding-bottom:5%; border-bottom:1px dotted #ddd;}
.circle_box .bg_fff .ci_txt dl {margin-bottom:3%;}
.circle_box .bg_fff .ci_txt dl dt {color:#005cb1;}
.circle_box .bg_fff .ci_txt dl dt,.circle_box .bg_fff .pho dt {font-size:18px;  font-weight:bold;}
.circle_box .bg_fff .ci_txt dl dd {padding-left:4%;}
.circle_box .bg_fff .pho {margin-top:5%;}
.circle_box .box .song {max-width:545px; padding:3% 0;}
.circle_box .box .download {position:absolute; top:8px; right:0;}
.circle_box .box .download a {background:#005cb1; padding:5px; color:#fff;}
.creed3 img {max-width:415px !important;;}
.creed5 img {max-width:693px !important;}

.select_tab {position:relative;}
.tab li {display:inline-block; width:33%; border:1px solid #ddd; background:#ececec; padding:1.5% 2%; text-align:center; margin-bottom:5px; }
.tab li.on {background:#005cb1; }
.tab li.on a {color:#fff; }
.tab li a {color:#a6a6a6; font-size:18px; position:relative;}
.tab li a:after {font-family:"FontAwesome"; content:'\f0dd'; position:absolute; top:0px; padding-left:8%;}
.tab_4 li { width:24.6%;}
.tab_5 {margin-bottom:5%;}
.tab_10 li { width:19.6%;}
.tab_10 li a { font-size:15px !important;}
.tab_10 li a:after {font-family:"FontAwesome"; content:'\f0dd'; position:absolute; top:-5px; padding-left:4%;}

.historyBox{position:relative; overflow:hidden; border-bottom:1px solid #ddd; padding:50px 0px}
.historyBox:after{content:''; position:absolute; left:0; bottom:0; width:15%; height:3px; background:#005cb1;}
.historyBox h4{float:left; text-align:center;font-weight:bold; font-size:32px !important;font-family: 'Montserrat', sans-serif !important; width:25%;margin:1% 0 !important; color:#000 !important; }
.historyBox .right{float:right; width:75%;}

.historyBox dl.his{padding:5px; overflow:hidden;}
.historyBox dl.his dd span.date,
.historyBox dl.his dd span.none{width:13%; display:block; float:left;}
.historyBox dl.his dd span.txt{width:87%; float:right; display:block;  padding-left:10px;}

.historyBox dl.his dt{float:left; clear:both; width:8%; color:#585858; background:none; padding-left:0}
.historyBox dl.his dd{float:right; width:90%; margin-bottom:5px; overflow:hidden; padding-left:0}
.historyBox dl.his dd span.point{background:#ffef67; display:inline-block;}
.historyBox dl.his dd:last-child{margin-bottom:0px}

.perWrap{overflow:hidden;}
.perbox{padding:20px 20px 20px 0; border:1px solid #dcdcdc; margin-bottom:10px; overflow:hidden; position:relative; box-sizing:border-box; float:left; width:47%; margin: 0 1.5% 25px;height:215px;}
.perbox img{float:left; margin:0 20px; width:30%;}
.perbox dl{float:left; width:56%; position:relative;}
.perbox dl dt{color:#005cb1; }
.perbox dl dd.name {padding-bottom:4%;}
.perbox dl dd.name span {display:block;}
.perbox dl dd.name i {font-size:20px; padding-right:5%;}
.perbox dl dt span{font-size:0.9em; }
.perbox dl .letter {letter-spacing:-1px;}
.perbox dl .ceo_btn {position:absolute; top:5px; right:-15px;}
.perbox dl .ceo_btn a  {background: #005cb1; color:#fff; padding:5px; font-size:14px; }

.sub_org_officer_22 .perbox dd{line-height:140%}


.relative {position:relative;}
.circle_box .box dl .watch {display:inline-block; width:45%;}
.circle_box .box dd ul {display:inline-block; width:50%; padding-left:3%; vertical-align:top;}
.circle_box .box .relative ul li {border-bottom:0; padding:5px 0;}
.circle_box .box .in_title {text-align:left; font-weight:bold; padding-bottom:10px; }
.circle_box .box .c_blue {color:#005cb1;}
.circle_box .box .seat {max-width:600px;}
.circle_box .box .k_banner {max-width:500px; margin-top:1%;}
.circle_box .box .txt_center,.message .txt_center  {text-align:center;}
.circle_box .box .box_line  {border:1px solid #ddd; padding:10px; word-break:keep-all;}

.circle_box .box dd .busi_pic4  {display:block; width:100%; padding-left:0;}
.circle_box .box dd .busi_pic4 li  {float:left; width:50%; padding:15px;}

.general .circle_title {margin:3% 0; }
.gnr {margin-bottom:3%;}
.gnr h5 {font-size:18px; }
.gnr dl {padding-bottom:2%;}
.gnr dl dd {padding-left:2%;}
.gnr dl dd ul {padding-left:2%;}

.map_txt {position:relative; }
/*.map_txt:after {font-family:"FontAwesome"; content:'\f3c5'; display:block; position:absolute; top:0; left:0;}*/

.message {margin-top:3%; line-height:25px; }
.message p{margin-top:3%}
.message b{font-weight:700;color:#005cb1}
.message span {font-size:18px;font-weight:700;color:#005cb1;}
.message .txt_center {border-bottom:1px solid #ddd; padding:3% 0 5%; font-size:20px;  line-height:28px; margin-bottom:3%;}
.message .tit{font-size:1.25rem;color:#000}
.message .sign{padding-top:2rem;text-align:right}
.message .sign b{color:#000}

.chapter_box {margin-bottom:5%;}
.cha_tbl {margin-bottom:3%;}
.cha_tbl h5 {font-size:20px !important; font-weight:normal; padding-bottom:1%;}
.tbl {width:100%; border-top:1px solid #005cb1;}
.tbl tr th { border-right:1px solid #ddd; background:#f8f8f8; width:25%;}
.tbl tr td {}
.tbl tr th,.tbl tr td {padding:10px 15px;border-bottom:1px solid #ddd;}
.top_tbl tr th {width:25%;}
.top_tbl tr td {text-align:center; border-right:1px solid #ddd;}
.top_tbl tr th:last-child,.top_tbl tr td:last-child { border-right:0;}

.month_plan .top_tbl .mon {width:3% !important;}
.month_plan .top_tbl .day {width:10% !important;}
.month_plan .top_tbl .plan {width:47% !important;}
.month_plan .top_tbl .chap {width:17% !important;}
.month_plan .top_tbl .charge {width:10% !important;}
.month_plan .top_tbl .mark {width:13% !important;}
.month_plan .top_tbl .line {border-right:1px solid #ddd;}

.busi_icon_cont {margin-bottom:5%;}
.busi_icon_cont ul {position:relative; clear:both;}
.busi_icon_cont ul.icon_4 li {float:left; width:25%; text-align:center;}
.busi_icon_cont ul li img {max-width:110px !important;}
.busi_icon_cont ul li .txt  {line-height:18px;}
.busi_icon_cont ul li .txt span {display:block;}
.busi_icon_cont ul.icon_5 li {float:left; width:33%; text-align:center;}
.busi_icon_cont ul.icon_5 .wid_5 {width:50%; margin-bottom:3%;}
.pic_div p:before { font-family:"FontAwesome"; content:"\f111";  font-size:10px; vertical-align:top;}
.pic_div .busi_pic4 li {float:left; width:50%; padding:1% 1%;}
.pic_div .busi_pic3 li {float:left; width:33%; padding:1% 1%;}
.bg_scol {background:#f7f7f7 url("../img/sub/bg_schol.png") no-repeat bottom right !important; }
.bg_plan {background:#f7f7f7 url("../img/sub/bg_plan.png") no-repeat bottom right !important; }

.b_down {position:relative;}
.b_down .bran_img {float:left; width:60%;}
.b_down .bran_img img {}
.b_down .txt_down {float:left; width:40%; padding-left:4%;}
.b_down .txt_down .txt {word-break:keep-all;}
.b_down .txt_down .btn {margin-top:10%;text-align:left !important; padding:0 !important;}
.b_down .txt_down .btn .btn_dwon {background:#005cb1; padding:10px 20px; color:#fff; }

.member_int dl {margin-bottom:2%; line-height:28px;}
.member_int dl dt {color:#005cb1; font-weight:bold; font-size:18px;}
.member_int dl dd {word-break:keep-all;}

.branch_int .top_tbl .branch1 {width:15%;}
.branch_int .top_tbl .branch {width:auto;}
.branch_int .top_tbl .ceo {width:10%;}
.branch_int .top_tbl .day {width:15%;}
.branch_int .top_tbl .tel {width:15%;}
.branch_int .top_tbl .homepage {width:15%;}
.branch_int .top_tbl tr th {padding:15px 5px;}
.branch_int .top_tbl tr td {padding:15px 5px;}
.branch_int .top_tbl tr td a {border:1px solid #005cb1; color:#005cb1; padding:5px; font-size:14px;}
.branch_int .top_tbl tr td a .m_go {display:none;}

.mo_map {display:none;}
.map_info  {margin-top:3%; border-top:1px solid #005cb1;}
.map_info li {padding:2% 0; border-bottom:1px solid #ddd; text-align:center;}
#daumRoughmapContainer1570768757654 {width:100% !important;}
@media screen and (max-width:1100px){
	#container #aside{display:none;}
	#container #content{float:none;position:relative;width:100%;margin:50px 0 0;}
	#container.sub{width:100%;}
	.allmnuView ul li.gnb_1dli7 {display:none;}

	.message,.b_down {margin-bottom:3%;}
	.branch_int .top_tbl .homepage {width:7%}
	.branch_int .top_tbl tr td a {width:100%; border:0; padding:0;}
	.branch_int .top_tbl tr td a .m_go {display:block; border:1px solid #005cb1; border-radius:50px; height:30px;width:30px; margin:0 auto;}
	.branch_int .top_tbl tr td a .p_go {display:none;}
}

@media screen and (max-width:768px){/* 아이패드 */

	.circle_title {padding-left:4%;}
	.first_his {padding-top:0;}
	.select_tab {margin-bottom:4%;}
	#resmenu1 {width:100% ; padding:1%; border:2px solid #005cb1;}

	.historyBox h4 {width:15%;}
	.historyBox .right {width:85%;}

	.perbox {width:100%; margin:0 0 25px;}
	 .perbox img {width:20%;}
	 .perbox dl {width:70%;}

	.month_plan .top_tbl .mon {width:2% !important;}
	.month_plan .top_tbl .day {width:12% !important;}
	.month_plan .top_tbl .plan {width:41% !important;}
	.month_plan .top_tbl .chap {width:22% !important;}
	.month_plan .top_tbl .charge {width:13% !important;}
	.month_plan .top_tbl .mark {width:9% !important;}

	.b_down .bran_img,
	.b_down .txt_down {float:none; width:100%;}
	.b_down .txt_down {padding-left:0;}
	.b_down .txt_down .btn {margin-top:2%; text-align:center;}
	.circle_box .box dd .busi_pic4 li {padding:5px;}

}
@media screen and (max-width:700px){
	#container #content {margin:20px 0;}
	.creed3 img {max-width:50% !important;}
	.creed5 img {max-width:100% !important;}


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

	.circle_box .circle_title {margin-bottom:4%; }
	#container #svisual h2 {font-size:28px;}
	#container #content #content_tit h3 {font-size:25px;}
	#container #content #content_tit .print_wrap {padding-top:0;}
	.circle_box .circle_title {font-size:20px;}

	.perbox {height:auto;}
	.perbox img {width:25%;}

	.branch_int .top_tbl tr th,.branch_int .top_tbl tr td{line-height:120%;word-break: break-all}
	.branch_int .top_tbl .branch1 {width:12%}
	.branch_int .top_tbl .branch {width:auto}
	.branch_int .top_tbl .ceo {width:55px;}
	.branch_int .top_tbl .day {width:90px;}
	.branch_int .top_tbl .tel {width:100px}
	.branch_int .top_tbl tr td a .m_go{line-height: 24px}
	.busi_icon_cont ul.icon_4 li,
	.busi_icon_cont ul.icon_5 .wid_5,
	.busi_icon_cont ul.icon_5 li {height:160px; width:50%; padding:15px 20px;}
	.busi_icon_cont ul li .txt span {display:inline;}
	.pic_div .busi_pic4 li {width:50%;}

	.perbox dl {width:62%;}

}
@media screen and (max-width:480px){
	.circle_title  {font-size:22px;}
	.circle_box .circle_title {padding-left:6%;}
	.circle_box .box {padding:5%;}
	.circle_box .creed_bg {background-size:contain;}
	.creed3 img {max-width:60% !important;}

	.historyBox h4 {width:100%; float:none; text-align:left;}
	.historyBox .right {width:100%; margin-top:5%;}

	.cha_tbl h5 {margin:15px 0 0; font-size:15px !important;}
	.tbl tr th {width:30%;}
	.bg_scol, .bg_plan {background-image:none !important;}

	.mo_map {display:block;}
	.pc_map {display:none;}
	.mo_map #daumRoughmapContainer1570769963159 {width:100% !important:}

	.perbox dl .ceo_btn a {font-size:12px;}
	.perbox dl {width:57%;}

	.message .txt_center,
	.message span {font-size:16px;}

	.branch_int .top_tbl tr th,.branch_int .top_tbl tr td{padding:8px 5px}
	.branch_int .top_tbl .branch1 {width:40px}
	.branch_int .top_tbl .branch {width:auto}
	.branch_int .top_tbl .ceo {width:48px;}
	.branch_int .top_tbl .day {width:44px}
	.branch_int .top_tbl .tel {width:70px}
	.branch_int .top_tbl .homepage {width:30px}
	.branch_int .top_tbl tr td a .m_go{width:20px;height:20px;font-size:11px;line-height: 15px}

}
@media screen and (max-width:375px){/* 아이폰 */
		.branch_int .top_tbl .ceo {width:40px;}
		.branch_int .top_tbl .tel {width:40px}
}
@media screen and (max-width:360px){/* 안드로이드 */
	.circle_title {padding-left:5%;}
}
@media screen and (max-width:350px){/* 그외 갤럭시2, 아이폰3 */
	body{font-size:12px}
}