body{ min-width:1200px; }
body > .page{ visibility:hidden; }
body > .page.visible{ visibility:visible; }
.section > .inside{ width:1200px; }
#body{ width:1200px; }
/**/
/*iframe{ border:1px solid red; box-sizing:border-box; }*/
.section{ position:relative; }
.section > .inside{ position:relative; margin:0 auto; }
/**/
#body{ position:relative; margin:0 auto; }
#body{ display:table; table-layout:fixed; }
/**/
#body > .aside{ display:table-cell; width:250px; vertical-align:top; background:white; padding-bottom:200px; }
#body > .aside > ul{ width:100%; }
#body > .aside > ul > li{ display:none; }
#body > .aside > ul > li.on{ display:block; }
#body > .aside > ul > li > a{ display:table; position:relative; width:100%; height:86px; text-align:left; font-size:26px; color:#313131; }
#body > .aside > ul > li > a > span{ padding-left:18px; vertical-align:middle; display:table-cell; }
#body > .aside > ul > li > ul{ border-top:1px solid #DDD; }
#body > .aside > ul > li > ul > li{ }
#body > .aside > ul > li > ul > li > a{ font-size:15px; padding:12px 0; padding-left:19px; position:relative; border-bottom:1px solid #E8E8E8; color:#555; display:block; }
#body > .aside > ul > li > ul > li.on > a{ font-weight:bold; background:#B60005; border-bottom-color:#B60005; color:white; }
#body > .aside > ul > li > ul > li > ul{ display:none; border-bottom:1px solid #DDD; padding-top:19px; padding-bottom:19px; padding-left:18px; }
#body > .aside > ul > li > ul > li.on > ul{ display:block; background:#F5F5F5; }
#body > .aside > ul > li > ul > li > ul > li{ font-size:0; padding-left:10px; }
#body > .aside > ul > li > ul > li > ul > li + li{ margin-top:5px; }
#body > .aside > ul > li > ul > li > ul > li:before{ position:absolute; left:0px; top:50%; margin-top:-1px; display:block; content:''; width:3px; height:3px; background:#7D7D7D; }
#body > .aside > ul > li > ul > li > ul > li.on:before{ background:#222; }
#body > .aside > ul > li > ul > li > ul > li > a{ font-size:14px; color:#7D7D7D; letter-spacing:-0.025em; }
#body > .aside > ul > li > ul > li > ul > li.on > a{ color:#222; font-weight:bold; }
/**/
#body > .main{ display:table-cell; vertical-align:top; padding-top:22px; padding-bottom:200px; padding-left:50px; }
#body > .main img{ max-width:100%; }
#body > .main p{ color:#555; }
.page.full #body > .main{ padding-left:0; }
/**/
#sub_page_visual{ background:#E5E5E5; overflow:hidden; }
#sub_page_visual{ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
#sub_page_visual > img{ position:relative; margin-left:50%; left:-960px; }
/**/
#sub_page_title{ margin-bottom:19px;  font-size:30px; }
/**/
#loactionSection{ box-sizing:border-box; border-bottom:1px solid #E7E7E7; }
#loactionSection.close{ border-top:1px solid #E7E7E7; }
#loactionSection .inner{ margin:0 auto; width:1200px; height:50px; }
/**/
#btnHideVisual{ position:absolute; top:0px; right:0px; }
#btnHideVisual{ background-image:url(/front_dept_r/imgs/sub_vi/btn_hide_visual.png); width:52px; height:50px; }
#loactionSection.close #btnHideVisual{ background-image:url(/front_dept_r/imgs/sub_vi/btn_hide_visual_down.png); }
/**/
#location{ z-index:10; position:absolute; top:12px; right:71px; }
#location > li{ position:relative; vertical-align:middle; color:#7D7D7D; font-size:13px; display:inline-block; }
#location > li + li{ margin-left:19px; }
#location > li + li:before{ position:absolute; top:5px; left:-16px; content:''; display:block; background:url(/front_dept_r/imgs/location/ic_arr.png); width:5px; height:9px; }
#location > li.last > a{ cursor:auto; color:#313131; }
#location .home{ position:relative; top:2px; background:url(/front_dept_r/imgs/location/ic_home.png); width:15px; height:14px; display:inline-block; }
#location .home:before{ display:none; }
/**/
#printUtil{ z-index:10; position:absolute; top:30px; right:0px; }
/*********************************************************
	MEDIEA QUERY
	일반적으로 320 > 1024로 작업을 진행하지만,
	참좋은의 특성상 1024 > 320 으로 작업을 진행한다.
**********************************************************/
body.viewsize:before{ content:'ALL'; }
body.viewsize:before{ font-size:12px; z-index:999999; color:yellow; background:rgba(0, 0, 0, 0.6); padding:5px; position:fixed; top:21px; right:0px; display:inline-block; }
/*view size block*/
.vsBlock{ display:none; max-width:100%; }
/******************************************
	하위 상속
*******************************************/
/* 1024이하*/
@media all and (max-width:1024px){
	/*body.viewsize:before{ content:'1024이하 - 테블릿 가로'; }*/
	body{ min-width:0; }
	#body{ width:auto; }
	#sub_page_visual{ display:none !important; }
	#loactionSection{ display:none !important; }
	.section{ padding:0 40px; }
	.section > .inside{ width:auto; }
	#body{ display:block; }
	#body > .aside{ display:none; }
	#body > .main{ display:block; padding-left:0; }
	#printUtil{ display:none !important; }
}
/******************************************
	범위 지정
*******************************************/
/* 1025이상 - PC*/
@media all and (min-width:1025px){
	body.viewsize:before{ content:'1025~'; }
	.vsXL{ display:block; }
}
/* 960 ~ 1024*/
@media all and (min-width:960px) and (max-width:1024px){
	body.viewsize:before{ content:'960 ~ 1024'; }
	.vsL{ display:block; }
	#sub_page_title{ padding:0 40px; font-size:35px; letter-spacing:-0.05em; }
}
/* 640 ~ 959*/
@media all and (min-width:640px) and (max-width:959px){
	body.viewsize:before{ content:'640 ~ 959'; }
	.vsM{ display:block; }
	#sub_page_title{ padding:0 40px; font-size:46px; letter-spacing:-0.05em; }
}
/* 639이하*/
@media all and (max-width:639px){
	body.viewsize:before{ content:'~639'; }
	.vsS{ display:block; }
	.section{ padding:0 20px; }
	#sub_page_title{ padding:0 20px; font-size:23px; letter-spacing:-0.05em; }
	#body > .main{ padding-bottom:100px; }
}

/*2019.05.02*/
#location br{ display:none; }
#sub_page_title br{ display:none; }

/* vod */
.vod_box{width:880px; height:450px;  background:url("http://scc.sogang.ac.kr/wwwe/images/about/img_promotion_vod.png"); z-index:1;}
.vod_util{position:relative; width:880px; height:30px; padding-top:50px;}
.vod_util h3{position:absolute; top:0; left:0; width:650px; height:30px; font-size:26px; line-height:30px; font-family:Georgia; color:#006172;}
.vod_util .btn_box{position:absolute; top:0; right:0; width:300px; height:30px;}
.vod_util .btn_box a{float:left; display:table; width:130px; height:28px; line-height:28px; color:#006172; border:1px solid #006172; text-align:center;}
.pop_vod{position:absolute; top:0; left:0; width:600px; height:592px; background:#006172 url("http://scc.sogang.ac.kr/wwwe/images/about/bg_campusmap_popup.png"); z-index:1;}
.pop_vod .close_box{width:100%; height:24px; background:#9b2026;}
.pop_vod .close_box a{float:right; width:24px; height:24px;}
.pop_vod .inbox{width:560px; height:auto; padding:20px; color:#fff;}
.pop_vod .inbox .vodin{width:560px; height:349px; text-align:center; background:#000;}
.pop_vod .inbox h4{font-size:16px; color:#fff; margin-bottom:15px;}
.pop_vod .inbox .vodtxt{width:530px; height:150px; color:#fff; font-size:13px; line-height:21px; overflow-y:scroll; padding-right:30px;}


.regulation_list_box {border-top:solid 1px #cccccd;}
.regulation_list_box_red {border-top:solid 1px #d80400;}
.regulation_subject {background:#f7f7f7; border-bottom:solid 1px #cccccd;padding:8px 15px 0 0px;height:40px;font-size:15px;}
.regulation_contents {border-bottom:solid 1px #cccccd;background:#ffffff;display:table;width:100%;}
.regulation_contents_list { font-size:14px;  padding-bottom:50px; padding-left:30px; padding-right:40px; clear:both;}
.regulation_contents_list li {overflow:hidden; float:left;width:300px;background:url(/front/give/imgs/subLocation/ic_dot_lgray03.gif) left 3px no-repeat;padding-left:10px;padding-bottom:12px;}
.regulation_contents_list li.icon {background:url(/front/give/imgs/subLocation/ic_dot_lgray03.gif) left 5px no-repeat;}
.regulation_contents_list li * {vertical-align:middle;}
.regulation_contents_list li a {color:#606060;}
.regulation_contents_list li a:hover {color:#d10e0e;}
.regulation_contents .brd {border-bottom:solid 1px #e8e8e8;padding:0 25px 7px 25px;clear:both;}
.ans_open {float:right;}
.ans_close {float:right;display:none;}