@charset "utf-8";

*{margin: 0; padding: 0; text-decoration: none;}
ul{list-style: none;}
.wrap{max-width: 1200px;  width: 100%; margin-left: auto; margin-right: auto;}
table{width: 100%;}

/* reset */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{margin:0;padding:0;outline:0;border:0;background:transparent;font-size:100%;font:inherit;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-interpolation-mode:bicubic}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0;text-indent:-9999px;}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

hr{overflow:visible;height:0;box-sizing:content-box}
pre{font-family:monospace,monospace;font-size:1em}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;cursor:help}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none;max-width:100%;height:auto;vertical-align: middle}
fieldset{/*padding:.35em .75em .625em*/}
legend{display:table;max-width:100%;padding:0;color:inherit;white-space:normal;box-sizing:border-box}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
button,input,optgroup,select,textarea{margin:0;border-radius:0;font-family:inherit;font-size:100%;line-height:1}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
input::-ms-clear{display:none}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}
address, em{font-style:normal}
::-moz-selection {background-color:#7A829C;color: #fff;}
::selection {background-color:#7A829C;color: #fff}
img::selection{background:transparent}
img::-moz-selection{background:transparent}

a{background-color:transparent;color:#555;vertical-align:baseline;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;text-decoration:none}
a:hover{/* text-decoration:underline */}
a:focus,button:focus{outline:thin dotted}
a:active,a:hover,button:active,button:hover{outline:0 none}
b,strong{font-weight:700}

ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration: line-through}
input, select{vertical-align:middle}
select{padding:8px 25px 8px 5px;font-size:15px;border:1px solid #ccc;height:35px; cursor:pointer; height: 38px;}
select::-ms-expand{display:none;}
input[type=text],input[type=password],textarea{padding:8px;border:1px solid #ccc;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:none}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border:1px solid #558ab7 !important;-webkit-box-shadow:0 0 3px #9ed4ff;-moz-box-shadow:0 0 3px #9ed4ff;box-shadow:0 0 3px #9ed4ff}
input::-webkit-input-placeholder{color:#aaa;opacity:1}
input::-moz-placeholder{color:#aaa;opacity:1}
input:-ms-input-placeholder{color:#aaa;opacity:1}
input::placeholder{color:#aaa;opacity:1}

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-weight:300; word-wrap:break-word; word-break:keep-all}
body, button, input, select, table, textarea{font-family:'NanumBarunGothic','Nanum Gothic','맑은 고딕','Helvetica','Apple SD Gothic Neo',sans-serif;font-size:16px;font-weight:350}

table{width:100%}
caption{display:none}

.wrapper{padding-top: 109px;}

/* 
.headroom--pinned { display: block; } 
.headroom--unpinned { display: none; }
 */

/*대학 반응형웹 CSS by 웹싱크*/

.container{max-width:1400px;width:100%;margin:0 auto}

#content{padding:0% 100px 1%;color:#555;line-height:2}
#content h3{margin-bottom:2%;padding-bottom:2%; margin-top: 2%; border-bottom:1px solid #eee;font-size:40px;font-weight:400;color:#111;text-align:center}
#content h4{display:block;margin:6% 0 3%;font-size:30px;font-weight:400;color:#0e1517;text-align:center}
#content h4:before{display:block;width:1px;height:30px;margin:0 auto 30px;background-color:#3bb149;content:""}
#content h4.changed:before{content: none;}
#content h4 em{display:block;margin-top:2%;font-size:18px;color:#3bb149;text-align:center;letter-spacing:-.02em}
#content h5{display:block;margin:4% 0 1%;padding-left:20px;background:url(../images/common/h5.png) no-repeat left top;font-size:20px;font-weight:400;color:#00254c;line-height:1.5}
#content h6{display:block;margin:3% 0 1%;padding-left:25px;background:url(../images/common/h6.gif) no-repeat left 2px;font-size:18px;font-weight:600;color:#004aa7;line-height:1.3}
#content h3+h4{margin-top:0}
#content h4+h5{margin-top:0}
#content h5+h6{margin-top:0}
#content h5+h5{margin-top:3%}
#content p{padding-top:30px}
#content p:first-child{padding-top:0}
#content h3+p{padding-top:0}
#content h4+p{padding-top:0}
#content h5+p{padding-top:0}

#content .dotLst_01 li{position:relative;padding-left:15px;word-wrap:break-word;word-break:break-all}
#content .dotLst_01 li:before{position:absolute;top:13px;left:0;width:5px;height:2px;background-color:#666;content:""}
#content p.dotLst_01{position:relative;padding-left:15px;word-wrap:break-word;word-break:break-all}
#content p.dotLst_01:before{position:absolute;top:13px;left:0;width:5px;height:2px;background-color:#666;content:""}
#content .dotLst_02 li{position:relative;padding-left:15px;word-wrap:break-word;word-break:break-all}
#content .dotLst_02 li:before{position:absolute;top:14px;left:0;width:5px;height:1px;background-color:#666;content:""}
#content p.dotLst_02{position:relative;padding-left:15px;word-wrap:break-word;word-break:break-all}
#content p.dotLst_02:before{position:absolute;top:14px;left:0;width:5px;height:1px;background-color:#666;content:""}
#content .dotLst_03 li{position:relative;padding-left:15px;word-wrap:break-word;word-break:break-all}
#content .dotLst_03 li:before{position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#666;content:""}
#content .dotLst_03 li ul{margin-top:5px}
#content .dotLst_03 li li:before{position:absolute;top:13px;left:0;width:4px;height:1px;background-color:#666;content:""}
#content .dotLst_03_2 li{position:relative;padding-left:15px;word-wrap:break-word;word-break:break-all}
#content .dotLst_03_2 li:before{position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#006cb6;content:""}

#content .circleLst_01_wrap{clear:both;}
#content .circleLst_01{clear:both;display:inline-block}
#content .circleLst_01 dl{float:left;display:block;width:370px;height:370px;margin-right:-15px;margin-left:-15px;padding:6% 6% 0;border-radius:100%;background:rgba(0, 108, 182, .8);text-align:center}
#content .circleLst_01 dl dt{padding-bottom:10%;font-size:31px;font-weight:bold;color:#fff;line-height:130%}
#content .circleLst_01 dl dt em{display:block;padding-bottom:3%;font-size:18px;font-weight:400;color:rgba(255,255,255,.8);line-height:130%}
#content .circleLst_01 dl dt span{display:block;margin:3% -3% 0;padding:2%;border:1px solid rgba(255,255,255,.5);border-radius:30px;font-size:14px;font-weight:400;color:#fff;line-height:130%;letter-spacing:-.08em}
#content .circleLst_01 dl.left{background:rgba(60, 177, 73, .8)}
#content .circleLst_01 dl.right{background:rgba(118, 64, 173, .8)}
#content .circleLst_01 dl dt{}
#content .circleLst_01 dl dd{text-align:left;line-height:130%}
#content .circleLst_01 dl li{margin-bottom:5px;color:#b8f4ff}
#content .circleLst_01 dl.left li{color:#caffb8}
#content .circleLst_01 dl.right li{color:#ebccff}
#content .circleLst_01 .dotLst_01 li:before{background-color:#b8f4ff}
#content .circleLst_01 .left .dotLst_01 li:before{background-color:#caffb8}
#content .circleLst_01 .right .dotLst_01 li:before{background-color:#ebccff}
#content .circleLst_02{clear:both;text-align:center}
#content .circleLst_02 ul{clear:both;display:inline-block;padding:0;text-align:center}
#content .circleLst_02 li{display:inline-block;width:170px;height:170px;margin:0 18px;padding-top:70px;border:4px dotted #d8d8d8;border-radius:100%;font-size:18px;font-weight:bold;color:#000;line-height:1;text-align:center}

#content .column2{column-count:2;column-gap:100px;column-gap:9%;column-rule:5px solid #transparent;column-fill:balance;background:url(../images/line_8x4.gif) repeat-y center top}
#content .break-inside-a{break-inside:avoid-column}

#content #tab1{clear:both;margin-bottom:4%}
#content #tab1:after{clear:both;display:block;content:""}
#content #tab1 ul{clear:both}
#content #tab1 li{float:left}
#content #tab1 li a{overflow:hidden;display:block;position:relative;z-index:0;margin:0 -1px 0 0;padding:15px 5px;border:1px solid #ccc;color:#555;text-align:center;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}
#content #tab1 li a.active{background-color:#012b5d;font-weight:700;color:#fff}
#content #tab1 li a:hover{background-color:#fafafa}
#content #tab1 li a.active:hover{background-color:#012b5d;font-weight:700;color:#fff}
#content #tab1.tab1 li{width:100%}
#content #tab1.tab2 li{width:50%}
#content #tab1.tab3 li{width:33.3333%}
#content #tab1.tab4 li{width:25%}
#content #tab1.tab5 li{width:20%}
#content #tab1.tab6 li{width:16.6666%}
#content #tab1.tab7 li{width:14.2857%}
#content #tab1.tab8 li{width:12.5%}
#content #tab1.tab9 li{width:11.1111%}
#content #tab1.tab10 li{width:10%}
#content #tab1.tab1 li:nth-child(n+2),
#content #tab1.tab2 li:nth-child(n+3),
#content #tab1.tab3 li:nth-child(n+4),
#content #tab1.tab4 li:nth-child(n+5),
#content #tab1.tab5 li:nth-child(n+6),
#content #tab1.tab6 li:nth-child(n+7),
#content #tab1.tab7 li:nth-child(n+8),
#content #tab1.tab8 li:nth-child(n+9),
#content #tab1.tab9 li:nth-child(n+10),
#content #tab1.tab10 li:nth-child(n+11){margin-top:-1px}
#content #tab1-content{clear:both}
#content #tab1-content .tab1-item{display:none}
#content #tab1-content > .tab1-item:first-child{display:block}

#content .box1{padding:4% 3%;border-top:2px solid #0e1518;background-color:#f8f8f8}
#content .box2_wrap{padding:7px;border:1px solid #ddd;background-color:#f1f1f1}
#content .box2{padding:4% 3%;background-color:#fff}
#content .box3{padding:4% 3%;border:8px solid transparent;-webkit-border-image:url(../images/boxline_8x4.gif) 20% round;-o-border-image:url(../images/boxline_8x4.gif) 20% round;border-image:url(../images/boxline_8x4.gif) 20% round;background-color:#fafafa}
#content .box3_b{padding:4% 3%;border:8px solid transparent;-webkit-border-image:url(../images/boxline_8x4_b.gif) 20% round;-o-border-image:url(../images/boxline_8x4_b.gif) 20% round;border-image:url(../images/boxline_8x4_b.gif) 20% round;background-color:#fafdff}
#content .box4{padding:4% 3%;border:1px solid #ddd;background-color:#fff}

.flowchart{width:100%;margin: 0px auto;clear: both;}
.flowchart li{text-align:center}
.flowchart li:after,.flowchart li dl:after{content:" ";display:block;clear:both;}
.flowchart li dl{clear:both;display:table;width:100%;border:1px solid #ccc}
.flowchart li dl dt {display:table-cell;width:30%;height:100%;padding:4% 3%;background-color:#ddd;font-weight:400;text-align:center}
.flowchart li dl dd{display:table-cell;width:70%;height:100%;padding:4% 3%;text-align:left}
.flowchart li dl dd ul{clear:both;}
.flowchart li dl dd ul li{position:relative;margin:0;padding:0 0 0 7px;text-align:left}
.flowchart li dl dd ul li:before{position:absolute;top:13px;left:0;width:2px;height:2px;background-color:#888;content:""}

#content .tbl1{border-top:2px solid #333;width:100%}
#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; vertical-align: middle;}
#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; vertical-align: middle;}
#content .tbl1 thead th,#content .tbl1 thead td{padding:1.5% 1.2%}
#content .tbl1 thead tr th:last-child,
#content .tbl1 tbody tr td:last-child,
#content .tbl1 tfoot tr td:last-child{border-right:0}
#content .tbl1 th{font-weight:400}

#content .tbl2{border-top:2px solid #012b5d;width:100%}
#content .tbl2 th{background-color:#fafbfb;padding:.8% .8%;border-bottom:1px solid #dedee1;border-right:1px solid #dedee1;word-wrap:break-word;word-break:break-all;text-align:center; vertical-align: middle;}
#content .tbl2 td{padding:.8% .8%;border-bottom:1px solid #dedee1;border-right:1px solid #dedee1;word-wrap:break-word;word-break:break-all; vertical-align: middle;}
#content .tbl2 thead th,#content .tbl1 thead td{padding:1% .8%;background-color:#dde6ee;color:#002b5c}
#content .tbl2 thead tr th:last-child,
#content .tbl2 tbody tr td:last-child,
#content .tbl2 tfoot tr td:last-child{border-right:0}
#content .tbl2 th{font-weight:400}

.history-wrap{position:relative}
.history-wrap > .bar{position:absolute;top:30px;bottom:0;left:50%;width:1px;margin-left:-1.5px;background-color:#ccc}
.history-item{position:relative;margin-top:-10%}
.history-item:first-child{margin-top:0}
.history-item:before{position:absolute;top:25px;left:50%;width:15px;height:15px;margin-left:-8px;border-radius:100%;background-color:#006dc6;content:""}
.history-item-left{padding-right:52%;text-align:right}
.history-item-right{padding-left:52%}
.history-item > label{display:block;margin-bottom:15px;font-size:36px;font-weight:400;color:#006dc6}
.history-detail li{margin-bottom:10px}
.history-detail li span{display:block;font-weight:400;color:#111;line-height:1}
.history-img{margin-top:3%}
.history-img li{display:inline-block;max-width:48%}
.history-img li:nth-child(2n+1){margin-right:4%}
.history-img li:nth-child(2n){margin-left:-4px}
.history-img span{width:48%}
.history-item-left .history-detail li .history-img span{display:inline-block;width:48%}

#content.sub_intro1 p{font-weight:400}

#content #collegeInfo{display:table;width:100%;margin-top:-3%;padding:3.5% 5%;border-top:1px solid #656565;border-bottom:1px solid #ddd;background:url(../images/college/college_infobg.jpg) no-repeat left top;background-size:100% auto;font-weight:400}
#content #collegeInfo .photo{display:table-cell;width:40%;text-align:center;vertical-align:top}
#content #collegeInfo .photo img{width:280px;height:280px;border-radius:100%}
#content #collegeInfo .text{display:table-cell;width:60%;padding-left:5%;vertical-align:top}
#content #collegeInfo .text .group{font-size:15px;color:#006dc6;letter-spacing:-.05em}
#content #collegeInfo .text .group:before{display:block;width:30px;height:2px;margin-bottom:5px;background-color:#006dc6;content:""}
#content #collegeInfo .text .part{margin-bottom:5px;font-size:30px;color:#111;line-height:1.2}
#content #collegeInfo .text .desc{margin-bottom:20px;font-size:14px;color:#888}
#content #collegeInfo .text .info{margin-bottom:30px;background-color:transparent}
#content #collegeInfo .text .info strong{display:inline-block;min-width:100px}

#content #collegeLicense ul{padding:2% 0;border:1px solid #ddd;border-width:1px 0}
#content #collegeLicense li{float:left;min-width:20%}



/* @media screen and (max-width:1440px){
	#content{width:1200px;margin:0 auto;padding:3% 20px}
}
@media screen and (max-width:1240px){
	#content{width:auto}
}
@media screen and (max-width:1100px){
	#content,body, button, input, select, table, textarea{font-size:15px}
	#content th{font-size:15px;line-height:1.8}
	#content td{font-size:15px;line-height:1.8}
	#content h3{font-size:36px}
	#content h5{font-size:18px}
	#content .circleLst_01 dl{width:300px;height:300px;padding:6% 5% 0;}
	#content .circleLst_01 dl dt{padding-bottom:8%;font-size:27px}
	#content .circleLst_01 dl dt em{font-size:16px}
	#content .circleLst_02 li{width:140px;height:140px;margin:0 12px;padding-top:60px;font-size:16px}
	#content .column1{column-count:1;column-gap:0;column-rule:none;background-image:none}
	#content #collegeLicense li{width:25%}
	#content.sub_intro2_5 .intro2_5_01_5 .intro2_5_01_5_3li,#content.sub_intro2_5 .intro2_5_01_5 p{font-size:90%}
}
@media screen and (max-width:900px){
	#content .circleLst_01 dl{width:320px;height:320px;margin-right:-10px;margin-left:-10px;;padding:8% 8% 0}
	#content .circleLst_01 dl.right{clear:both;float:none;margin:0 auto;transform:translate(0,-20%)}
	#content #tab1.tab5 li,
	#content #tab1.tab6 li,
	#content #tab1.tab7 li,
	#content #tab1.tab8 li,
	#content #tab1.tab9 li,
	#content #tab1.tab10 li{width:20%}
	#content #tab1.tab5 li:nth-child(n+6),
	#content #tab1.tab6 li:nth-child(n+6),
	#content #tab1.tab7 li:nth-child(n+6),
	#content #tab1.tab8 li:nth-child(n+6),
	#content #tab1.tab9 li:nth-child(n+6),
	#content #tab1.tab10 li:nth-child(n+6){margin-top:-1px}
	#content #tab1.tab5 li:nth-child(5n+1),
	#content #tab1.tab6 li:nth-child(5n+1),
	#content #tab1.tab7 li:nth-child(5n+1),
	#content #tab1.tab8 li:nth-child(5n+1),
	#content #tab1.tab9 li:nth-child(5n+1),
	#content #tab1.tab10 li:nth-child(5n+1){clear:both}
	#content #tab1 li a{padding:12px 5px}

	#content.sub_intro2_5 .intro2_5_01_5 li{line-height:1.3}

	#content.sub_intro4_2 .intro4_2_03>li{float:none;width:100%;padding-bottom:4%;padding-left:0}
	#content.sub_intro4_2 .intro4_2_03>li:nth-child(2n+1){padding-right:0}

	#content #collegeInfo .photo{width:35%}
	#content #collegeInfo .photo img{width:220px;height:220px}
	#content #collegeInfo .text{width:65%}
	#content #collegeInfo .text .group{font-size:14px}
	#content #collegeInfo .text .part{font-size:24px}
	#content #collegeInfo .text .desc{margin-bottom:15px;font-size:13px}
	#content #collegeInfo .text .info{margin-bottom:20px}
	#content.sub_life4 .life4_01{text-align:left}
	#content.sub_life4 .life4_01:before{display:none}
}
@media screen and (max-width:800px){
	#content #collegeLicense li{min-width:33.333%}
	#content.sub_site2 .site2_01 li{width:33.333%}
}
@media screen and (max-width:768px){
	#content,body, button, input, table, textarea{font-size:14px;line-height:1.7}
	 select{font-size:14px;line-height:1.5}
	#content th{padding:15px 10px;font-size:14px;line-height:1.7}
	#content td{padding:10px 10px;font-size:14px;line-height:1.7}
	#content h3{font-size:30px}
	#content h4 em{font-size:16px}
	#content h5{margin:35px 0 15px;font-size:17px}
	#content h6{margin:20px 0 7px;padding-left:20px;font-size:15px;background-size:14px}
	#content .dotLst_01 li:before{top:10px}
	#content p.dotLst_01:before{top:10px}
	#content .dotLst_02 li:before{top:10px}
	#content p.dotLst_02:before{top:10px}
	#content .dotLst_03 li:before{top:9px}
	#content .dotLst_03 li li:before{top:10px}
	#content .dotLst_03_2 li:before{top:9px}
	#content .circleLst_01{display:block;width:100%;height:auto;}
	#content .circleLst_01 dl{overflow:hidden;float:none;transform:translate(0,0) !important;width:100%;height:auto;margin:0 0 8px 0;padding:5% 8%;border-radius:80px}
	#content .circleLst_01 dl dt{float:left;width:40%;padding-right:10px;padding-bottom:0;font-size:21px;text-align:left}
	#content .circleLst_01 dl dt em{font-size:15px}
	#content .circleLst_01 dl dt em br{display:none}
	#content .circleLst_01 dl dd{float:left;width:60%;padding-left:10px;text-align:left}
	#content #tab1-content{clear:both}
	#content #tab1-content .tab1-item{display:none}
	#content #tab1-content > .tab1-item:first-child{display:block}
	.flowchart li dl dd ul li:before{top:10px}
	.history-wrap{position:relative}
	.history-wrap > .bar{top:10px;bottom:0;left:0}
	.history-item{margin-top:0}
	.history-item:before{top:10px;left:0}
	.history-item-left{padding-right:0;padding-left:20px;text-align:left}
	.history-item-right{padding-left:20px}
	.history-item > label{font-size:28px}
	.history-detail li span{font-weight:400}
	.history-wrap{position:relative}



	#content #collegeInfo{padding:30px 0}
	#content #collegeInfo .photo{width:35%}
	#content #collegeInfo .photo img{width:180px;height:180px}
	#content #collegeInfo .text{width:65%}
	#content #collegeInfo .text .part{font-size:21px}
	#content #collegeInfo .text .info{font-size:14px}
	#content #collegeInfo .text .info strong{min-width:80px}

	#content.sub_intro2_5 .intro2_5_wrap{padding-left:0}
	#content.sub_intro2_5 .intro2_5_wrap h4{position:relative;left:auto;margin-bottom:3%;text-align:left}
	#content.sub_intro2_5 .intro2_5_01_4 h5{width:140px;height:140px}
	#content.sub_intro2_5 .intro2_5_01_5 h5{position:relative;left:auto;width:100%;margin-bottom:0;padding:5px;text-align:center}

	#content.sub_college1_3 .college1_3_org .w4{max-width:80%}
	#content.sub_college1_3 .college1_3_org p span{max-width:100%}
	#content.sub_college2_2 .college2_2_07 li:nth-child(11n+6),
	#content.sub_college2_2 .college2_2_07 li:nth-child(11n+7){clear:none}
	#content.sub_college2_2 .college2_2_07 li{width:46%}
	#content.sub_college2_2 .college2_2_07 li.college2_2_07_arr{width:8%}
	#content.sub_college2_2 .college2_2_07 li:nth-child(11n+4){clear:both;width:46%}
	#content.sub_college2_2 .college2_2_07 li:nth-child(11n+4):after{float:none;content:"↓"}
	#content.sub_college2_2 .college2_2_07 li:nth-child(n+4){float:right}
	#content.sub_college2_2 .college2_2_07 li:nth-child(11n+5){clear:both}
	#content.sub_college2_2 .college2_2_07 li:nth-child(11n+8){clear:both;float:none;width:46%}
	#content.sub_college2_2 .college2_2_07 li:nth-child(11n+8):after{content:"↓"}
	#content.sub_college2_2 .college2_2_07 li:nth-child(11n+8){clear:both}
	#content.sub_college2_2 .college2_2_07 li:nth-child(n+9){float:left}
	#content.sub_college2_2 .college2_2_07 li:nth-child(11n+10):after{content:"→"}
	#content.sub_college2_2 .college2_2_07 li:nth-child(11n+6):after{content:"←"}

	#content.sub_life3 .life3_01>ul>li{width:15%}
	#content.sub_life3 .life3_01>ul>li:nth-child(3n+1){width:50%}
	#content.sub_life3 .life3_01>ul>li:nth-child(3n+2){width:35%}
	#content.sub_life3 .life3_01>ul>li:after{padding-top:50px}

	#content.sub_life5 .life5_03_1 .col1,#content.sub_life5 .life5_03_2 .col1{width:60%}
	#content.sub_life5 .life5_03_1 .col2,#content.sub_life5 .life5_03_2 .col2{width:40%}

	#content.sub_site2 .site2_01 li:before{top:9px}
}
@media screen and (max-width:640px){
	#content h3{font-size:28px}
	#content .circleLst_02 li{width:135px;height:135px}
	#content #tab1.tab5 li,
	#content #tab1.tab6 li,
	#content #tab1.tab7 li,
	#content #tab1.tab8 li,
	#content #tab1.tab9 li,
	#content #tab1.tab10 li{width:33.3333%}
	#content #tab1.tab5 li:nth-child(n+4),
	#content #tab1.tab6 li:nth-child(n+4),
	#content #tab1.tab7 li:nth-child(n+4),
	#content #tab1.tab8 li:nth-child(n+4),
	#content #tab1.tab9 li:nth-child(n+4),
	#content #tab1.tab10 li:nth-child(n+4){margin-top:-1px}
	#content #tab1.tab5 li:nth-child(5n+1),
	#content #tab1.tab6 li:nth-child(5n+1),
	#content #tab1.tab7 li:nth-child(5n+1),
	#content #tab1.tab8 li:nth-child(5n+1),
	#content #tab1.tab9 li:nth-child(5n+1),
	#content #tab1.tab10 li:nth-child(5n+1){clear:none}
	#content #tab1.tab5 li:nth-child(3n+1),
	#content #tab1.tab6 li:nth-child(3n+1),
	#content #tab1.tab7 li:nth-child(3n+1),
	#content #tab1.tab8 li:nth-child(3n+1),
	#content #tab1.tab9 li:nth-child(3n+1),
	#content #tab1.tab10 li:nth-child(3n+1){clear:both}
	#content #tab1 li a{padding:10px 5px}

	#content.sub_intro2_3 .tbl1.intro2_3_02_2 .col1{width:25%}
	#content.sub_intro2_3 .tbl1.intro2_3_02_2 .col2{width:auto}
	#content.sub_intro2_3 .tbl1.intro2_3_02_2 .col3{width:25%}

	#content.sub_intro2_5 .intro2_5_01_4 .intro2_5_01_4_1li p{min-height:80px}
	#content.sub_intro2_5 .intro2_5_01_4 p br{display:none}
	#content.sub_intro2_5 .intro2_5_01_5 .intro2_5_01_5_1li_1 .intro2_5_01_5_2li{height:320px}

	#content.sub_intro4_2 .intro4_2_03 h4 em{display:block;padding-top:5px;padding-left:0;line-height:130%}
	#content.sub_intro4_2 .intro4_2_03 h4 span{width:20px;height:20px}


	#content #collegeLicense li{min-width:50%}

	#content.sub_life4 .life4_02 li{width:33.3333%}
	#content.sub_life4 .life4_02 li:nth-child(n+4){width:50%}
}
@media screen and (max-width:550px){
	#content h3{font-size:26px}
	#content .circleLst_02 li{width:110px;height:110px;margin:0 10px;padding-top:45px;font-size:15px}
	#content #collegeInfo{padding:30px 0 0}
	#content #collegeInfo .photo{display:block;float:none;width:100%}
	#content #collegeInfo .photo img{width:180px;height:180px}
	#content #collegeInfo .text{display:block;float:none;width:100%;margin-top:30px;padding:30px;border-top:1px solid #efefef;background-color:rgba(200,200,200,.1)}
	#content #collegeInfo .text .info strong{min-width:90px}


	#content.sub_site2 .site2_01 li{width:50%}
}
@media screen and (max-width:480px){
	#content,body, button, input, table, textarea{font-size:13px;line-height:1.6}
	select{font-size:13px;line-height:1.4}
	#content th{padding:10px 5px;font-size:13px;line-height:1.6}
	#content td{padding:7px 5px;font-size:13px;line-height:1.6}
	#content h3{margin-bottom:30px;font-size:24px}
	#content h4{margin:40px 0 15px;font-size:19px;text-align:left}
	#content h4:before{display:block;width:40px;height:3px;margin:0 0 10px;content:""}
	#content h4 em{font-size:14px;text-align:left}
	#content h5{margin:30px 0 10px;font-size:15px}
	#content h6{margin:20px 0 5px;background-size:12px;background-position:left 3px;font-size:14px;font-weight:400}
	#content .circleLst_01 dl dt{float:none;width:100%;margin-bottom:10px;font-size:18px;text-align:center}
	#content .circleLst_01 dl dt em{padding-top:5px}
	#content .circleLst_01 dl dd{float:none;width:100%}
	#content .circleLst_02 ul{margin:0 -5px}
	#content .circleLst_02 li{width:90px;height:90px;margin:0 4px;padding-top:35px;font-size:14px}
	#content .tbl1{border-top:1px solid #333;width:100%}

	#content #tab1 li a{padding:8px 5px}

	#content.sub_intro2_3 .tbl1.intro2_3_02_2 .col1{width:30%}
	#content.sub_intro2_3 .intro2_3_02_2{margin-top:20px}
	#content.sub_intro2_4 .intro2_4_06 .col1{width:15%}
	#content.sub_intro2_4 .intro2_4_06 .col2{width:20%}
	#content.sub_intro2_4 .intro2_4_06 .col3{width:25%}
	#content.sub_intro2_4 .intro2_4_06 .col4{width:auto}

	#content.sub_intro2_5 .intro2_5_01_4 h5{width:120px;height:120px}

	.history-wrap > .bar{top:8px;bottom:0;left:0}
	.history-item{margin-bottom:20px}
	.history-item:before{top:8px;left:0;width:11px;height:11px;margin-left:-6px}
	.history-item > label{margin-bottom:0;font-size:18px}


}

@media screen and (max-width:360px){
	#content,body, button, input, table, textarea{font-size:13px;line-height:1.5}
	#content h3{font-size:19px}
	#content h4{font-size:16px}
	#content h4 em{font-size:13px}
	#content h5{font-size:14px}
	#content .dotLst_01 li:before{top:8px}
	#content p.dotLst_01:before{top:8px}
	#content .dotLst_02 li:before{top:8px}
	#content p.dotLst_02:before{top:8px}
	#content .dotLst_03 li:before{top:7px}
	#content .dotLst_03 li li:before{top:8px}
	#content .dotLst_03_2 li:before{top:7px}
	#content .circleLst_02 li{float:left;width:50%;height:60px;margin:0 -1px -1px 0;padding-top:22px;border:1px solid #d8d8d8;border-radius:0}
	#content #tab1.tab5 li,
	#content #tab1.tab6 li,
	#content #tab1.tab7 li,
	#content #tab1.tab8 li,
	#content #tab1.tab9 li,
	#content #tab1.tab10 li{width:50%}
	#content #tab1.tab5 li:nth-child(n+3),
	#content #tab1.tab6 li:nth-child(n+3),
	#content #tab1.tab7 li:nth-child(n+3),
	#content #tab1.tab8 li:nth-child(n+3),
	#content #tab1.tab9 li:nth-child(n+3),
	#content #tab1.tab10 li:nth-child(n+3){margin-top:-1px}
	#content #tab1.tab5 li:nth-child(3n+1),
	#content #tab1.tab6 li:nth-child(3n+1),
	#content #tab1.tab7 li:nth-child(3n+1),
	#content #tab1.tab8 li:nth-child(3n+1),
	#content #tab1.tab9 li:nth-child(3n+1),
	#content #tab1.tab10 li:nth-child(3n+1){clear:none}
	#content #tab1.tab5 li:nth-child(2n+1),
	#content #tab1.tab6 li:nth-child(2n+1),
	#content #tab1.tab7 li:nth-child(2n+1),
	#content #tab1.tab8 li:nth-child(2n+1),
	#content #tab1.tab9 li:nth-child(2n+1),
	#content #tab1.tab10 li:nth-child(3n+1){clear:both}
	#content #tab1 li a{padding:6px 5px}

	.flowchart li dl dd ul li:before{top:8px}

	#content #collegeInfo{padding:20px 0 0}
	#content #collegeInfo .text{margin-top:20px;padding:20px}
	#content #collegeInfo .text .info strong{display:block;padding-top:10px}
	#content #collegeLicense li{width:100%}

	#content.sub_intro2_5 .intro2_5_01_4 h5{width:100px;height:100px}

	#content.sub_intro6_2 .intro6_2_btn a{width:100%}

	#content.sub_life6 .life6_photo li{width:100%;margin-right:0}

	#content.sub_site2 .site2_01 li:before{top:7px}
}
@media screen and (max-width:320px){
	#content .circleLst_01 dl{padding:20px 10px;border-radius:10px}
	#content #tab1 li a{padding:5px 5px}
} */

/**	board skin css **/

.label{display:inline;padding:.2em .4em .1em;border-radius:.25em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;vertical-align:baseline;white-space:nowrap}
.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}
.label:empty{display:none}
.btn .label{position:relative;top:-1px}
.label-default{background-color:#999}
.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}
.label-primary{background-color:#428bca}
.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}
.label-success{background-color:#5cb85c}
.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}
.label-info{background-color:#5bc0de}
.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}
.label-warning{background-color:#f0ad4e;}
.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}
.label-danger{background-color:#d9534f}
.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}

#board_lst{font-weight:400}
#board_lst .searchbox input[type=text]{margin:0;padding:8px 25px 7px 5px;border:1px solid #ccc;border-width:1px 1px 1px 0}
#board_lst .searchbox .btn{margin-left:-4px;height:35px}
#board_lst .table{table-layout:fixed;width:100%;border-top:2px solid #000}
#board_lst .table tr th,#board_lst .table tr td{border:none;color:#555}
#content #board_lst .table thead tr th:last-child,#content #board_lst .table tbody tr td:last-child{border-right:none}
#board_lst .table tr{border-bottom:1px solid #d9d9d9}
#board_lst .table tbody tr:last-child{border-bottom:none}
#board_lst .table tbody tr:hover{background-color:#fafafa}
#board_lst .table tr td a{color:#555;text-decoration:none}
#board_lst .table th, #board_lst .table td{padding:1.2% 1.2%}
#board_lst .table thead th, #board_lst .table thead td{padding:1.5% 1.2%}
#board_lst .table thead th{font-size:16px;font-weight:bold;text-align:center}
#board_lst .table .col1{width:50px}
#board_lst .table .col2{width:75px}/*번호*/
#board_lst .table .col3{width:auto}/*제목*/
#board_lst .table .col4{width:140px}/*글쓴이*/
#board_lst .table .col5{width:120px}/*날짜*/
#board_lst .table .col6{width:100px}/*조회*/
#board_lst .table tbody .col{font-size:15px;text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#board_lst .table tbody .apply-col{font-size:15px;text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 35px;}
#board_lst .table tbody .col3{font-size:16px;font-weight:400;color:#111;text-align:left}
#board_lst .table tbody .col3 a{overflow:hidden;display:inline-block;color:#111;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
#board_lst .table tbody .col4 span{overflow:hidden;display:block;text-align:center;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}/*글쓴이*/
#board_lst .label{margin-right:5px;padding:.3em .4em .1em;vertical-align:middle}

#board_gLst{}
#board_gLst .searchbox input[type=text]{margin:0;padding:8px 25px 7px 5px;border:1px solid #ccc;border-width:1px 1px 1px 0}
#board_gLst .searchbox .btn{margin-left:-4px;height:35px}
#board_gLst .table-image{overflow:hidden;border-top:2px solid #000}
#board_gLst .table-image ul{margin:0 -1.725%;padding-top:3%}
#board_gLst .table-image_chk{max-width:360px;width:100%;margin:0 auto}
#board_gLst .table-image_img{max-width:360px;width:100%;margin:0 auto}
#board_gLst .thumbnail{margin-bottom:0;padding:0;border-radius:0;line-height:0}
#board_gLst .table-image_tit{max-width:360px;width:100%;padding-top:5%;margin:0 auto;font-weight:400;color:#111;line-height:1.3}
#board_gLst .table-image_tit a{color:#111}
#board_gLst .table-image_info{max-width:360px;width:100%;padding-top:10px;margin:0 auto;font-size:14px;color:#888}
#board_gLst .table-image_info span{padding-left:10px}
#board_gLst .table-image_info span:before{display:inline-block;top:50%;left:0;width:1px;height:12px;margin-right:10px;background-color:#ddd;vertical-align:middle;content:""}
#board_gLst .gallery-box{width:33.333%;padding-bottom:3%}
#board_gLst .gallery-box:nth-child(3n+1){clear:both}
#board_gLst .border_button{margin-top:0;padding-top:3%;border-top:1px solid #ccc}

#content #board_vew h3{font-size:30px}
#board_vew .information{margin-bottom:3%}
#content #board_vew p{padding:0}
#board_vew .contents-view{border-top:1px solid #000}
#board_vew .border_button{margin-top:0;padding-top:3%;border-top:1px solid #ccc}
#viewcomment{padding:0;border-top:1px solid #111}
#viewcomment .media{margin:0}
#viewcomment .media:hover{background-color:#fafafa}
#viewcomment .media-body{padding:0 10px 10px}
#viewcomment .media-body .media-heading{margin:0 -10px 10px;padding:10px;border-top:1px solid #f0f0f0;font-weight:bold}

#board_write .writeform{border-top:2px solid #000}
#board_write .writeform table{width:100%}
#board_write .writeform tr{border-bottom:1px solid #d9d9d9}
#board_write .writeform th{padding:1.2% 1.2%;border-right:1px solid #ddd;background:#fbfbfb;font-weight:400;word-wrap:break-word;word-break:break-all;text-align:center}
#board_write .writeform td{word-wrap:break-word;word-break:break-all}
#board_write .writeform thead th,#board_write .writeform thead td{padding:1.5% 1.2%;background:#fbfbfb}
#board_write .writeform tbody th,#board_write .writeform tbody td{padding:1.2% 1.2%}
#board_write .writeform .col1{width:100px}
#board_write .writeform .col2{width:auto;width:calc(100% - 100px)}
#board_write .writeform .map_btn{float:right;width:100px;margin-left:10px}
#board_write .table-bottom{margin-top:0;padding-top:3%}

.board .border_button{overflow:hidden}
.board .comment-count a{padding-left:10px;color:#348fe2}
.board .info{overflow:hidden}
.board .info li{float:left;padding-right:20px}
.board .contents-view{clear:both;padding:30px 0}
.board .contents-view-img img{display:block;max-width:100%;height:auto;margin:0 auto 15px;border:0}
.board #post-content{word-wrap:break-word}
.board #post-content img{max-width:100%}

.board .fa-user{color:#626262}
.board .fa-comments{color:#626262}
.board .fa-eye{color:#626262}
.board .fa-thumbs-up{color:#626262}
.board .fa-thumbs-down{color:#626262}
.board .fa-clock-o{color:#626262}
.board .fa-reply{color:#626262}
.board .gallery .thumbnail{margin-bottom:10px}
.board .recommand{margin-bottom:20px;text-align:center}
.board .recommand img{padding-top:7px}
.board .recommand a:hover{background:#348fe2;color:#fff;text-decoration:none}
.board .recommand .good{display:inline-block;width:50px;height:50px;margin:0 10px;padding:8px;border-radius:50px;background:#e9e9e9}
.board .recommand .bad{display:inline-block;width:50px;height:50px;margin:0 10px;padding:6px;border-radius:50px;background:#e9e9e9}
.board .passcord{text-align:center}
.board .passcord{clear:both;padding-top:20px;text-align:center}
.board .passcord img{vertical-align:middle}

.board .like{padding-top:20px}
.board .like a{text-decoration:none}
.board .time{padding-left:10px;font-size:12px}
.board .tags a{padding-left:5px;font-size:12px}
.board .reply{float:right;font-size:12px}
.board .reply a{padding-left:5px}
.board .ip{padding-left:10px;font-size:12px}
.board .tags li{float:left;padding-right:10px}
.board .sns_button div{float:left;padding-right:5px}
.board .information{overflow:hidden}
.board .information li{float:left;padding-right:20px}
.board .border_button{overflow:hidden}
.board .well{overflow:hidden;padding:20px;background:#f5f5f5}
.board .well img{vertical-align:middle}
.board .btn-point-info{padding-top:3px;font-size:16px;color:#BBB}

.board .view_full_image{cursor:pointer}
.board .btn-admin-manage-layer{display:none;position:absolute;z-index:99999;border:1px solid #ddd;background-color:#fff}
.board .btn-admin-manage-layer div.item{height:23px;padding-left:2px;padding-right:10px;border-bottom:1px solid #ddd;cursor:pointer}
.board .btn-admin-manage-layer div.item{font:normal 11px 'dotum';line-height:23px}
.board .btn-admin-manage-layer div.item i{width:20px;text-align:center}

.board .autowrap{margin:0 auto 15px}
.board .autosize{overflow:hidden;position:relative;height:0;margin:0;padding-bottom:56.25%}
.board .autosize iframe,.autosize object,.autosize embed{position:absolute;top:0;left:0;width:100%;height:100%}

.board .table-top{padding-bottom:10px}
.board .table-top input{margin-bottom:0;margin-top:0}
.board .table-top li{float:left;padding-right:5px;text-align:center}
.board .progress{overflow:hidden;height:20px;margin-bottom:20px;border-radius:4px;background-color:#f5f5f5;background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);background-repeat:repeat-x;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0)}
.board .progress-bar{float:left;width:0;height:100%;background-color:#428bca;background-image:-webkit-linear-gradient(top,#428bca 0,#3071a9 100%);background-image:linear-gradient(to bottom,#428bca 0,#3071a9 100%);background-repeat:repeat-x;font-size:12px;line-height:20px;color:#fff;text-align:center;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0)}
.board .sr-only{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0)}
.board .poll-result{padding-bottom:10px}
.board th{text-align:left}

.board .lucky{font-size:11px}
.board .lucky .luckypoint{color:#E71A41}

.board .searchbox{display:none}

.board .copy_post_url{cursor:pointer}

.board .commenttextarea{width:100%}
textarea.post_content{width:100%;height:350px;margin:0 20px}
.board .poll_item_area{padding-left:228px}
.board .poll_item_area input{width:400px}

.board .confirm_password li{display:block;clear:both;margin:0;margin-bottom:15px}
.board .confirm_password li>span{float:left;width:25%;margin-top:5px;padding-right:20px;font-weight:bold;color:#000;text-align:right}

.board .table-image{overflow:hidden;clear:both;border-top:1px solid #ddd}
.board .table-image ul{overflow:hidden;margin-bottom:10px}
.board .table-image .gallery-box{float:left}

.board .point-info{position:relative}
.board .point-info-content{display:none;position:absolute;top:0;right:30px;z-index:9999;width:300px}
.board .chk_comment_all_wrapper{padding:10px}
.board .comment_write_box_inner{margin-top:20px;padding:20px}
.board .form-inline{display:inline-block}
.board .form-inline .form-group{display:inline-block}
.board .comment_write_button_area{overflow:hidden}

.board .url-qrcode{position:relative;cursor:pointer}
.board .url-qrcode i{margin:3px 0 0 5px}
.board #qrcode-content{display:none;position:absolute;width:240px;padding:10px;border:2px solid #ddd;background-color:#FFF}
.board #qrcode-content .qrcode_code{float:left;border:5px solid #479BE3}
.board #qrcode-content .qrcode_code img{width:100px;height:100px}
.board #qrcode-content .qrcode_info{float:left;width:90px;margin:0 0 0 10px;font-size:12px;line-height:18px;color:#555}

.pd10{padding:10px}
.pd15{padding:15px}
.pd20{padding:20px}
.pd30{padding:30px}
.pd40{padding:40px}
.pd50{padding:50px}
.pd100{padding:100px}

.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pb100{padding-bottom:100px}

.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt100{padding-top:100px}

.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}
.pr50{padding-right:50px}
.pr100{padding-right:100px}

.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}
.pl50{padding-left:50px}
.pl100{padding-left:100px}

.mg10{margin:10px}
.mg15{margin:15px}
.mg20{margin:20px}
.mg30{margin:30px}
.mg40{margin:40px}
.mg50{margin:50px}
.mg100{margin:100px}

.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb100{margin-bottom:100px}

.mt0{margin-top:0 !important}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}

.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mr100{margin-right:100px}

.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}

.per5{width:5%}
.per10{width:10%}
.per15{width:15%}
.per20{width:20%}
.per25{width:25%}
.per30{width:30%}
.per35{width:35%}
.per40{width:40%}
.per45{width:45%}
.per50{width:50%}
.per55{width:55%}
.per60{width:60%}
.per65{width:65%}
.per70{width:70%}
.per75{width:75%}
.per80{width:80%}
.per85{width:85%}
.per90{width:90%}
.per95{width:95%}
.per100{width:100%}

.px10{width:10px}
.px20{width:20px}
.px30{width:30px}
.px40{width:40px}
.px50{width:50px}
.px60{width:60px}
.px70{width:70px}
.px80{width:80px}
.px90{width:90px}
.px100{width:100px}
.px150{width:150px}
.px200{width:200px}
.px250{width:250px}
.px300{width:300px}
.px350{width:350px}
.px400{width:400px}
.px450{width:450px}
.px500{width:500px}
.px550{width:550px}
.px600{width:600px}
.px650{width:650px}
.px700{width:700px}

.pull-left{float:left}
.pull-right{float:right !important}


/*페이징*/
.table-bottom{overflow:hidden}
.pagination{margin:15px auto;text-align:center}
.pagination li{display:inline-block;margin:0 2px;;border:1px solid #ddd;background-color:#fff;font-size:12px;line-height:0}
.pagination a{display:block;min-width:20px;padding:0 7px;font-size:12px;line-height:22px;text-align:center}
.pagination li:hover,.pagination .active{display:inline-block;margin:0 2px;border:1px solid #428bca;background-color:#428bca}
.pagination li:hover a,.pagination .active a{font-weight:bold;color:#fff}
.table-answer{padding:20px}

.nav{clear:both;position:relative;overflow:hidden;margin-bottom:4%;background:#f7f8f8;border-left:1px solid #cfd7d7;border-top:1px solid #cfd7d7}
.nav{clear:both;display:block;content:""}
.nav li{float:left;width:25%}
.nav li a{display:block;text-align:center;padding:15px 0 12px 0;border-right:1px solid #cfd7d7;border-bottom:1px solid #cfd7d7;border-top:0;background:#fff;color:#555;line-height:1;text-decoration:none}
.nav li a:hover,.nav li a:focus{background-color:#eee;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:underline}
.nav li.active>a{border-right:1px solid #006cb6;border-bottom:1px solid #006cb6;background-color:#006cb6;color:#fff;font-weight:700}

/*버튼 등*/
.error{color:red}
.bold{font-weight:bold}
.text-center{text-align:center !important}

.btn{display:inline-block;min-height:35px;margin-bottom:0;padding:9px 12px 6px;border:1px solid #888;background-image:none;background-color:transparent;font-weight:400;color:#444;line-height:1.3;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;text-decoration:none}
.btn:hover,.btn:focus{background-color:#f7f7f7;text-decoration:underline}
.btn:active,.btn.active{background-image:none}

.btn-primary{border-color:#348fe2;background-color:#348fe2;background-image:none;color:#fff;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{border-color:#2670b7;background-color:#2670b7;color:#fff}
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{border-color:#348fe2;background-color:#348fe2}
.btn-primary .badge{background-color:#fff;color:#348fe2}


/*서브페이지 네비게이터*/
#subTitle{background: url('../../images/common/subTitleImg1.jpg');height:  270px;background-position: left top;background-size:cover; background-attachment:  fixed;background-repeat:  no-repeat; transition: all 0.5s ease-in-out;}
#subTitle2{background: url('../../images/common/subTitleImg2.jpg');height:  270px;background-position: left bottom;background-size:cover; background-attachment:  fixed;background-repeat:  no-repeat; transition: all 0.5s ease-in-out;}
#subTitle3{background: url('../../images/common/subTitleImg3.jpg');height:  270px;background-position: left top;background-size:cover; background-attachment:  fixed;background-repeat:  no-repeat; transition: all 0.5s ease-in-out;}
#subTitle4{background: url('../../images/common/subTitleImg4.jpg');height:  270px;background-position: left bottom;background-size:cover; background-attachment:  fixed;background-repeat:  no-repeat; transition: all 0.5s ease-in-out;}
#subTitle5{background: url('../../images/common/subTitleImg5.jpg');height:  270px;background-position: left bottom;background-size:cover; background-attachment:  fixed;background-repeat:  no-repeat; transition: all 0.5s ease-in-out;}
#subHead{height:100%; background: rgba(0,0,0,0.3);}
#subHead h3{text-align: center; padding-top: 70px;}
.titcont{font-size: 34px; color: #333; font-weight: 500; line-height: 1em;  margin-bottom: 30px;}
.subNav{position: relative;}
.subNavMain{background: rgba(0, 0, 0, .55); height: 60px; position: absolute; bottom: -78px; width: 100%; text-align: center;}
.subNavCont{margin: 0 auto; width: 1200px;}
.subNavContHome{height: 60px; width: 60px; float: left; background: #014099; cursor: pointer;}
.subNavContHome a {line-height: 60px; color: #FFF; font-size: 15px; display: block;}
.subNavContEtc{height: 60px; width: 150px; border-right: 1px solid #757575; float: left; line-height: 60px; color: #FFF; display: block;}
.subNavContProg{height: 60px; width: 150px; border-right: 1px solid #757575; float: left; overflow: hidden;}
.subNavContProg a{line-height: 60px; color: #FFF; font-size: 15px; display: block; cursor: pointer;}
.subNavRight{height: 60px; width: 60px; float: right; border-right: 1px solid #757575; border-left: 1px solid #757575;}
.subNavContPrint{width: 30px; cursor: pointer; background: url(../images/common/print.png); height: 30px; background-repeat: no-repeat; position: relative; top: 18px; left: 18px;}
.comt{margin: 0 auto; font-weight: normal; font-size: 34px; padding-bottom: 39px; color: #FFF; text-align: center;}
.underline{width: 100px; height: 1px; background: #FFF; margin: 10px auto;}
#main_title{color: #FFF; font-size: 28px; font-weight: 500;}

/**
	login skin css
*/

#content .access{max-width:750px;width:100%;margin:5% auto;border-top:3px solid #014099}
#content .access .table-box{padding:6% 7%;border-width:0 1px 1px}
#content .access h1{float:left;width:50%;margin:0;padding:0;padding-right:5%;text-align:center}
#content .access #flogin{float:left;width:50%;;text-align:center}
#content .access fieldset{margin:0;padding:0}
#content .access .loginform li{display:block;clear:both;margin:10px 0}
#content .access p{padding-top:10px;font-size:90%;font-weight:400;letter-spacing:-.05em}
input[type=text], input[type=password], input[type=number]{max-width:300px;width:100%;height:38px;margin:0 auto;padding:10px;border:1px solid #ccc;line-height:18px}

@media screen and (max-width:620px){
	#content .access h1{float:none;width:100%;padding-right:0;padding:3%}
	#content .access h1 img{width:40%}
	#content .access #flogin{float:none;width:100%}
	input[type=text], input[type=password], input[type=number]{margin-bottom:0}
}
.table-box{overflow:hidden;margin-bottom:20px;margin:0 auto 20px;border:1px solid #ddd;background-color:#fff}
.table-box .table-heading{position:relative;padding:10px 15px;border-top-right-radius:3px;border-top-left-radius:3px;background-color:#f5f5f5;font-size:14px;color:#333}
.table-body textarea{width:95%;margin-top:10px;padding:15px;background-color:#f7f7f7;font-size:12px}
.table{width:100%;border-collapse:collapse;border-spacing:0}
.table-body{width:100%;border-collapse:collapse;border-spacing:0}
.table-body .msg_content{padding:30px;border-top:1px solid #ddd}
.table-footer{overflow:hidden;padding:10px 15px;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:#f5f5f5}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td{padding:8px;border-top:1px solid #ddd;line-height:1.42857143;vertical-align:top}
.table-body>thead>tr>th,
.table-body>tbody>tr>th,
.table-body>tfoot>tr>th,
.table-body>thead>tr>td,
.table-body>tbody>tr>td,
.table-body>tfoot>tr>td{padding:8px;border-top:1px solid #ddd;line-height:1.42857143;vertical-align:top}

.view-all{float:right;position:absolute;top:10px;right:0;width:75px}
.table>tbody:last-child{border-bottom:1px solid #ccc}
.table>thead{border-top:2px solid #000}

table td *{	vertical-align:middle;}
table.table_01{width:100%; text-align:center; clear:both; border-top-color:#004aa7; border-right-color:#d9d9d9; border-bottom-color:#8aacd7; border-width:2px 1px 1px 0; border-style:solid; table-layout:fixed;}
table.table_01 th{padding:1.2% 1.2%;border-top-color:#d9d9d9; border-left-color:#d9d9d9 !important; border-top-width:1px; border-left-width:1px !important; border-top-style:solid; border-left-style:solid !important;}
table.table_01 td{padding:1.2% 1.2%;border-top-color:#d9d9d9; border-left-color:#d9d9d9 !important; border-top-width:1px; border-left-width:1px !important; border-top-style:solid; border-left-style:solid !important; vertical-align:middle;}
table.table_01 thead th,table.table_01 thead td{padding:1.5% 1.2%;text-align:center !important; color:#003981; border-bottom:1px solid #92a4b5;border-top:none;}
table.table_01 tbody th{background:#f5fbff; color:#004aa7; font-weight:normal;}
table.table_01 .left{text-align:left;}
table.table_01 .right{text-align:right;}
table.table_01 .border-top-2-004aa7{border-top:2px solid #004aa7 !important}

table.table_02{width:100%; text-align:center; clear:both; border-top-color:#004aa7; border-right-color:#d9d9d9; border-bottom-color:#8aacd7; border-width:2px 1px 1px 0; border-style:solid; table-layout:fixed;}
table.table_02 th{padding:5px 4px 5px 4px;  border-top-color:#d9d9d9; border-left-color:#d9d9d9 !important; border-top-width:1px; border-left-width:1px !important; border-top-style:solid; border-left-style:solid !important;}
table.table_02 td{padding:5px 4px 5px 4px; border-top-color:#d9d9d9; border-left-color:#d9d9d9 !important; border-top-width:1px; border-left-width:1px !important; border-top-style:solid; border-left-style:solid !important;}
table.table_02 thead th{background:url("/images/common/table_a_th.gif") repeat-x left bottom; padding:5px 0 5px 0; text-align:center !important; color:#003981; border-bottom:1px solid #92a4b5;border-top:none;}
table.table_02 tbody th{background:#f5fbff; color:#004aa7; font-weight:normal;}
table.table_02 .left{	padding-right:10px; padding-left:15px; text-align:left;}
table.table_02 .right{	padding-right:10px; padding-left:15px; text-align:right;}

.thumbnail{display:block;margin-bottom:10px;padding:4px;border-radius:4px;background-color:#fff;line-height:1.42857143;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.thumbnail>img,.thumbnail a>img{display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto}

.register{width:700px;margin:0 auto}
.group{overflow:hidden}
.checkbox{padding-top:5px}

.modal{position:relative;width:600px;margin:30px auto;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;background-color:#fff;background-clip:padding-box;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}
.modal-header{min-height:16.42857143px;padding:15px;border-bottom:1px solid #e5e5e5}
.modal-body{position:relative;padding:20px}
.modal-body li{display:inline-block}
.modal-body form li{display:block}
.modal-footer{margin-top:15px;padding:19px 20px 20px;border-top:1px solid #e5e5e5;text-align:right}
.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}
.modal-title{margin:0;line-height:1.42857143}
.modal .modal-body .profile-info{overflow:hidden}

.board_search{margin-bottom: 10px;}
.attach_list{margin-bottom: 30px;}
.attach_list ul li a{padding-left: 30px; cursor: pointer;}
.attach_list ul li{line-height: 35px;}
.attach_list ul li:before{ content:""; background-image: url('../images/common/attachment.png'); background-repeat: no-repeat; height: 16px; width: 16px; position: absolute; margin-top: 9px;}
/*
* 메인화면
*/
#mainBanner{background: url(../images/main_visual0.jpg) center center; height: 350px; width: 1920px; background-size: cover; background-repeat: no-repeat; margin: 0 auto;}
.main_container {position:relative; margin:0 auto; padding-top:30px; padding-bottom:30px; overflow:hidden}
.main_container > span {width:260px; padding:25px 30px 25px 80px; float:left; margin-right:20px;}
.main_container > span.span_bn2 {width:235px; padding:25px 30px 25px 80px; float:left; margin-right:10px;}
.main_container > span.span_bn3 {width:235px; padding:25px 30px 25px 80px; float:left; margin-right:0;}
.main_container > span a {color:#fff; font-size:16.5px; font-weight:400;}

.research_bg1 {background:#00457c url('../images/index/microscope.png') no-repeat 120px 150px ; }
.research_bg2 {background:#005a7c url('../images/index/team.png') no-repeat 120px 150px ; }
.research_bg3 {background:#566084 url('../kor/images/main/m_con_bg3.png') no-repeat 150px 150px ; }

.main_container .research {float:left; width:260px; margin-left:20px; height:300px;}
.main_container .research:first-child {float:left; width:260px; margin-left:0; height:300px;}
.research h2 {color:#fff; font-weight:200; font-size:21.5px; position:relative; padding:25px 25px 20px 25px}
.research h2 .more {position:absolute; right:25px}

.m_cont {height:222px; display:block; cursor:pointer;}
.m_cont p {line-height:23px; font-size:14px; color:#fff; font-weight:300; padding:0 25px;}
.m_cont .m_cont_list {display:none;}
.m_cont .m_cont_list li{padding: 10px 0;}
.m_cont .m_cont_list li a:before{content: "·"; text-indent: 20px;}
.m_cont:hover p {display: none;}
.m_cont:hover .m_cont_list {height:230px; display: block; overflow:hidden; padding:15px 25px;}
.m_cont_list li a {color:#fff; font-weight:300;}
.m_cont_list li .more {position:absolute; right:0; top:6px}
.m_cont_bg1 {background:#005aa2; }
.m_cont_bg2 {background:#006c93; }
#board_box2 {float:left; width:640px; height:300px; margin-left:20px; padding:25px; background:#fff; border: 1px solid #dddddd;}
#board_box2 > .tabs3 {position:relative; display:block; padding-bottom:10px; padding-top: 3px; overflow:hidden}
#board_box2 > .tabs3 > li {float:left; cursor:pointer; border-left:1px solid #c9c9c9; padding:0 10px 0 20px; font-size:21.5px; font-weight:300; color:#959595; background:#fff !important; width:45%;}
#board_box2 > .tabs3 > li:first-child {float:left; cursor:pointer; border-left:0px solid #c9c9c9; padding:0 10px 0 0; font-size:21.5px; font-weight:300; color:#959595; background:#fff !important; width:18%;}
#board_box2 > .tabs3 > li.active {color:#313131;}
.tab_container .tab_content {position:relative;}
.tab_container .tab_content ul { width:100%; padding-top:10px;}
.tab_container .tab_content ul li {position:relative; padding:15px 0 15px 0px; font-size:14.5px; font-weight:300; color:#606060;}
.tab_container .tab_content ul li a:before{content: "·"}
.tab_container .tab_content ul li .date {position:absolute; right:0; top:15px; color:#959595}
.tab_container .tab_content ul li a {overflow:hidden; width:78%; display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.tab_container .tab_content span.more {position:absolute; right: 7px; top: -33px;}

.sub_container {position:relative; }
.sub_wrap {overflow:hidden; color:#606060; font-weight:300; font-size:13.5px}
.sub_layer_box {width:1100px; margin:0 auto; margin-top:46px; overflow:hidden; border-top:0; border-bottom:0; }
.sub_layer_box .left_box {float:left; width:210px; background:#fff;;}
.sub_layer_box .right_box {float:left; width:800px; background:#fff; border-bottom:0; padding-left:65px;}
.sub_layer_box:after {display:block; content:''; clear:both; }
.left_box .onedepth_title{width:210px; height:200px; background:url('../kor/images/sub/sm_title_bg.png') no-repeat; padding:0 30px}
.left_box .onedepth_title h2 {font-size:22px; font-weight:600; color:#3a3a3a; display:table-cell; width:210px; height:200px; vertical-align:middle; text-align:center;}
.left_box .smenu { margin-top:20px; border-top:1px solid #e2e2e2;}
.left_box .smenu li > a {display:block; color:#707070; letter-spacing:-0.5px; padding:12px 35px 12px 20px; background:url('../kor/images/sub/sm.png') no-repeat 180px 50%; font-size:13.5px; font-weight:400; border:1px solid #e2e2e2; border-top:0}

.left_box .smenu .ssmenu {padding:10px 15px 10px !important; display:block; background:#f9f8f8; border:1px solid #e2e2e2;}
.left_box .smenu .ssmenu li {border:0 !important;}
.left_box .smenu .ssmenu li > a {display:block; padding:5px 0 5px 10px !important; font-size:12.5px; border:0; background:url('../kor/images/main/dot.png') no-repeat 0 14px;}
.left_box .smenu .ssmenu li > a:hover, .left_box .smenu .ssmenu li > a.on, .left_box .smenu .ssmenu li.active { color:#4671bd; font-weight:600; border:0; background:url('../kor/images/main/dot.png') no-repeat 0 14px;}

.right_box .page_info {border-bottom:4px double #dadada; position:relative; padding:27px 0 10px 0;}
.right_box .page_info > div {overflow:hidden; }
.right_box .page_info h3 {float:left; font-size:29.5px; font-weight:400; color:#4a4a4a; display:block; letter-spacing:-0.5px;}
.right_box .page_info h3 > span {width:7px; height:11px; display:block;}
.right_box .page_info .page_position {position:absolute; right:0; top:0; color:#535353; overflow:hidden; font-size:13.5px; } 
.right_box .page_info .page_position li {float:left; vertical-align:middle; background:url('../kor/images/sub/hi_arrow.png') no-repeat 0 5px; padding:0 15px 0 15px; font-weight:400;}
.right_box .page_info .page_position li:first-child {float:left; vertical-align:middle; background:none; padding:0 15px 0 15px;}
.right_box .page_info .page_position li.onn {color:#4a5c8a;}
.right_box .content_box {padding:50px 0 50px 0; min-height:700px; overflow:hidden}
.right_box .content_box h2.h2_title {background:url('../kor/images/sub/blt1.png') no-repeat 0 2px; padding-left:30px; font-size:18px; font-weight:600; color:#1b1b1b; display:block; padding-bottom:10px;}
.right_box .content_box h2.h2_title2 {background:url('../kor/images/sub/blt2.png') no-repeat 0 2px; padding-left:30px; font-size:18px; font-weight:600; color:#1b1b1b; display:block; padding-bottom:10px;}

/* 댓글 */
#board_commont_bt{background: #435461; width: 100px; height: 25px; float: right; margin: 5px 0; cursor: pointer;}
#txt_comment{margin: 0; padding-top: 10px; padding-bottom: 10px; border: 0; background: #FFF;}
#txt_comment_write{margin: 0; padding-top: 10px; padding-bottom: 10px; border: 1px solid #bbb; resize: none; width: 99%; height: 80px; outline: none;}
#comment_list li{border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; margin-top: -1px; width: 100%; padding: 20px 0; font-size: 14px;}
.board_commont{margin: 5px;}
#commentDiv{margin-top: 50px;}

/* computer */
@media only screen 
and (min-width : 1025px) {  

}

/* tablet */
@media only screen
and (min-width : 768px)  
and (max-width : 1024px){
	#navRight li:not(:first-child){display: none;}
	.research{width: 40%;}
	.main_container .research:first-child{width: 50%;}
	.main_container .research {float:left; width:50%; margin-left:0px; height:300px;}
	#board_box2{display: block; width: 100%; margin: 0; margin-top: 25px;}
	#main_title{color: #FFF; font-size: 28px; font-weight: 500;}
	.subNavRight{display: none;}
}

/* mobile */
@media only screen
and (max-width: 768px) {
	#navRight li:not(:first-child){display: none;}
	/* #logo img{width: 150px!important;} */
	#slider > div{width:100% !important; height: 250px !important; background-position: -85px 0 !important;}
	#content{padding: 3%;}
	#content h5{font-size: 13px;}
	.main_container .research {float:left; width:100% !important; margin-left:0px; height:222px;}
	.main_container .research:first-child{height: 200px;}
	.research_bg1{background:#00457c url(../images/index/microscope.png) no-repeat 260px 60px}
	.research_bg2 {background: #005a7c url(../images/index/team.png) no-repeat 260px 60px}
	.m_cont .m_cont_list li{    padding: 5px 0;}
	#board_box2{display: block; width: 100%; margin: 0; margin-top: 25px;}
	#main_title{font-size: 17px;}
	#subHead h3{padding-top: 30px;}
	.comt {font-size: 20px; padding-bottom: 28px;}
	#subTitle{height: 170px;}
	#subTitle2{height: 170px;}
	#subTitle3{height: 170px;}
	#subTitle4{height: 170px;}
	#subTitle5{height: 170px;}
	.subNavMain{bottom: -54px;}
	.subNavRight{display: none;}
	#board_box2 > .tabs3 > li:first-child{width: 50%;}
	
	#search_key{width: 50%;}
	
    #board_lst .table{display:block}
	#board_lst .table tbody{display:block}
	#board_lst .table tbody .col{width:auto;padding:10px 15px 30px;font-size:13px;line-height:1.3}
	#board_lst .table thead{display:none}
	#board_lst .table tbody tr{clear:both;display:block;}
	#board_lst .table tbody tr:after{clear:both;display:block;content:""}
	#board_lst .table tbody th,#board_lst .table tbody td{display:block;float:left;position:relative;border:none}
	#board_lst .table tbody .col1{float:none;width:100%;margin-bottom:-30px;padding:8px;background-color:transparent;text-align:right}
	#board_lst .table tbody .col3{overflow:hidden;float:none;display:block;clear:both;width:100%;padding:30px 5px 10px;font-size:16px;;line-height:1.7}
	#board_lst .table tbody .col3 a{overflow:none;display:block;max-width:100%;white-space:normal;text-overflow:normal;vertical-align:middle}
	#board_lst .table tbody .col3 a:after{clear:both;display:block;content:""}
	#board_lst .table .col2{display:none}
	#board_lst .table tbody .col4{clear:both;width:auto}
	#board_lst .table tbody .col4:after,
	#board_lst .table tbody .col5:after{position:absolute;display:block;top:50%;right:0;width:1px;height:12px;margin:-17px 0 0 10px;background-color:#ddd;content:""}
	#content #board_vew h3{font-size:24px}
	
	#info3_tbl th{border: none;}
	#info3_tbl tr{border-bottom: 1px solid #e2e2e2;}
	#info3_tbl th, #info3_tbl td{display: block!important; border: none!important;}
	
	
	#family5_tbl th{border: none;}
	#family5_tbl th, #family5_tbl td{display: block;}
/* 	#board_write .writeform th{border: none;}
	#board_write .writeform th, td{display: block;} */
	input[type=text]{max-width: 768px;}
	.btn{width: 100%;}
}