@charset "utf-8";
/* Common */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select
{margin: 0;padding: 0; }
body, html {width: 100%;height: 100%; }

body, input, textarea, select, button, table
{font-family: '나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Arial, Helvetica, sans-serif; font-size: 12px; color:#35373a; line-height:24px; word-break: keep-all;}
body {background-color: #f5f6f8; overflow-y:scroll; overflow-x:hidden; }
img, fieldset, button {border: 0}
ul, ol, li {list-style: none}
em, address {font-style: normal}
a {color:#35373a; transition:all 0.2s ease-in;}
a:hover {color:#2abfef;}
a, a:hover, a:active, a:focus {text-decoration: none}

.blind {overflow: hidden;position: absolute;top: 0;left: 0;width: 1px;height: 1px;font-size: 0;line-height: 0}
.displaynone {display:none; }
.clear {clear: both}
.ani {transition:all 0.2s ease-in;}
.maxwidth {width:100%; max-width:1140px; margin:0 auto;}
.graybox {background:#f3f3f3;}
.whitebox {background:#f2f2f2;}
.strong {font-weight:bold;}
.colorm {color:#2155a4;}
.colorw {color:#FFF;}
.colormg {color:#7d7d7d;}
.colorlg {color:#b7b7b7;}
.colord {color:#35373a;}

.en100 {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:100;}
.en200 {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:200;}
.en300 {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:300;}
.en400 {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400;}
.en600 {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:600;}
.en700 {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:700;}

.nsl {font-family: 'NanumSquare', '나눔스퀘어', NanumSquare,'나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic'; font-weight: 300; }
.nsr {font-family: 'NanumSquare', '나눔스퀘어', NanumSquare,'나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic'; font-weight: normal; }
.nsb {font-family: 'NanumSquare', '나눔스퀘어', NanumSquare,'나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic'; font-weight: bold; }
.nseb {font-family: 'NanumSquare', '나눔스퀘어', NanumSquare,'나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic'; font-weight: 800; }
.ng700 {font-family: '나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum ; font-weight:normal;}

.fcd {color:#313131;}
.fcl {color:#7d7d7d;}

#wrapper {width:100%; height:100%; position:relative; }

/* Skip to content */
.skip {margin: 0}
.skip > a {display: block;overflow: hidden;height: 0;line-height: 28px;text-align: center}
.skip > a:focus {height: auto}

/* Header */
.header_wrap {position: relative; width:100%; height:110px; background:#FFF;}
.header {position: relative;}
.logo_wrap {clear:both;  width:100%; height:auto; overflow:hidden; padding:23px 0;}
.header_social {float:left; margin-top:7px;}
.header_social li {float:left; border:1px solid #e5e5e5; border-radius:30px; width:30px; height:30px; margin-left:14px; text-align:center; line-height:34px; font-size:14px;}
.header_menu {float:right; margin-top:7px;}
.header_menu li {float:left; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:500; font-size:9px; margin:0 10px; letter-spacing:1px; position:relative;  text-indent:22px;}
.header_menu li a {color:#929291; line-height:32px; }
.header_menu li a i {font-size:16px; color:#313131; position:absolute; top:8px; left:0; text-indent:0;}
.header_menu li a:hover {color:#2054a3}
.header_menu li a:hover i {color:#2054a3}
.header_menu li:nth-child(2) {display: none;}
a.sitemap_on {color:#2054a3 !important; }
a.sitemap_on i {color:#2054a3 !important;}
a.sitemap_on:after {position:absolute; top:0; right:0; content:"CLOSE"; background:#FFF; width:50px; text-indent:0 !important; text-align:right; }
.top_logo_m {display:none;  }
.top_logo {position:absolute;  display:table; text-align:center;  width:40%; margin-left:30%; vertical-align:middle; margin-top:-5px;}
.top_logo img {width:100%; min-width:300px;}
/* GNB */
.gnb {position:relative; clear:both; width:100%; height:45px; background:#2155a4; z-index:9999;}
.gnb > ul {display:table; width:100%; height:45px; table-layout:fixed;}
.gnb > ul > li {display:table-cell; text-align:center; vertical-align:middle; border-right:1px solid #174489; position:relative;}

.gnb > ul > li > a {color:#FFF; line-height:45px; font-size:14px; display:block; width:100%; height:45px;  }
.gnb > ul > li > a:hover {background:#183d78;}
.gnb > ul .depth2 {display: none;position: absolute;top: 100%;left: 0;z-index: 2; width:100%; background:rgba(33,85,164,0.5);}
.gnb > ul .depth2 > li {position: relative}
.gnb > ul .depth2 a {display: block;position: relative;min-width: 100px; line-height: 18px; padding:15px 0 14px 0;font-size: 12px;color: #FFF; opacity:0.7; border-bottom:1px solid rgba(0,0,0,0.3); }
.gnb > ul .depth2 a:hover,
.gnb > ul .depth2 a:active,
.gnb > ul .depth2 a:focus,
.gnb > ul .depth2 > li.on > a {color: #FFF; opacity:1.0; }
.gnb > ul .depth3 {display: none;position: absolute;top: -8px;left: 100%;z-index: 2;padding: 8px 0;background-color: #333}
.gnb > ul .depth2 > li.more > a:after {position: absolute;right: 20px;content: '>'}
.pc-gnb > ul > li.on a {background:#183d78;}
.mobile_menu {display:none; }
.mobile_gnb {display:none; }

#layer_sitemap {position:absolute; display:none; width:100%; height:auto; overflow:hidden; background:rgba(43,49,59,0.95); z-index:999;}
#layer_sitemap > ul {display:table;table-layout:fixed;width:100%; text-align:center; padding:10px 0;}
#layer_sitemap > ul > li {display:table-cell; border-right:1px solid #44484f; padding-bottom:20px;}

#layer_sitemap > ul > li > a { color:#FFF; font-size:13px; line-height:50px; margin-top:-20px;}
#layer_sitemap > ul > li > ul > li > a {color:#d5d6d8; font-size:11px; line-height:21px;}

/* Main */
.visual_wrap {width:100%; height:500px; overflow:hidden; background:#aad6eb url('../img/de1_visual.jpg') no-repeat center bottom;}
.visual1_text {padding-top:60px; height:500px; position:relative; overflow:hidden; }
.visual1_text > div {margin-left:5%; }
.visual1_text .visual_text {line-height:24px; color:#6e7e99; margin-top:10px; font-size:16px; }
.visual1_text .visual_logo {width:60%;}
.visual1_text .visual_logo img {width:80%; min-width:250px;}
.visual_eng {position:absolute; font-size:76px; color:#FFF; line-height:65px; letter-spacing:-5px; left:-10px; bottom:120px;}



.quicklink {width:100%; height:auto; background:#FFF; border-bottom:1px solid #dedfe1; margin-top:-45px; position:relative; z-index:99; overflow:hidden; }
.quicklink dl {width:100%; display:table; table-layout:fixed; }
.quicklink dl dt {display:table-cell; width:20%; text-align:center;  vertical-align:middle; background:#eaebef url("layouts/cau/img/quick_link_ar.png") no-repeat right center;}
.quicklink dl dd {display:table-cell; width:20%;  font-size:14px; line-height:12px; vertical-align:middle; padding:20px 25px 16px 25px; position:relative; border-right:1px solid #eaebef; }
.quicklink dl dd:last-child {border:none}

.quicklink dl dd img {width:34%; }
.quicklink dl dd span { position:absolute; right:10%; top:50%; margin-top:-3px;}
.quicklink dl dt span {width:auto; margin:0 auto; font-size:18px; display:block; height:15px;}
.quicklink dl dt span.en200 {color:#313131; line-height:16px;}
.quicklink dl dt span.en600 {line-height:16px;}
/*.e_counseling {width:20%; height:130px; display:table-cell; text-align:center; vertical-align:middle; background: url("layouts/cau/img/e_counseling_bg.jpg") no-repeat center center;}*/
.de_guide {clear:both; width:100%; height:280px; background: url("layouts/cau/img/m_de1_bg.jpg") no-repeat center center; margin-top:15px; border-bottom:1px solid #dedfe1;  position:relative; }
.de_guide_dt {width:40%; padding:30px 0 30px 50px; text-align:center; min-width:300px; max-width:700px;}
.de_guide_dt img {width:100%; }
.de_guide dl {margin-left:40px;}
.de_guide dl dd {display:table-cell; text-align:center; width:100px;}
.de_guide dl dd a {color:#FFF; font-size:12px;}
.de_guide dl dd a i {display:block;  border:0;  font-size:34px; line-height:86px; border-radius:75px; width:75px; height:75px; text-align:center; margin:0 auto;
background: rgb(50,146,140);
background: -moz-linear-gradient(45deg, rgba(79,156,64,1) 0%, rgba(107,171,79,1) 99%);
background: -webkit-linear-gradient(45deg, rgba(79,156,64,1) 0%,rgba(107,171,79,1) 99%);
background: linear-gradient(45deg, rgba(79,156,64,1) 0%,rgba(107,171,79,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32928c', endColorstr='#3ca6a1',GradientType=1 );
}
.de_description i {font-size:48px;}
.de_description {color:#FFF; position:absolute; width:30%; margin-left:35%; text-align:center;  top:50px; }
.de_description span {display:block; }
.de_description span.en700 {line-height:40px; font-size:20px;}
.de_description span.nseb {font-size:13px;padding-top:10px; line-height:20px; word-break: keep-all !important;}


.main_community {width:100%; height:220px; background:#FFF; margin-top:15px; border-bottom:1px solid #dedfe1;}
.mcomm1 {float:left; width:60%; height:220px;}
.mcomm1_tits {font-size:11px; color:#999999;}
.mcomm1_titl {font-size:16px;}


.mcomm1 dl {width:84%; height:70%;  margin:35px 8% 0 8%; position:relative; }
.mcomm1 dl dt {float:left; width:25%;}
.mcomm1 dl dt span {display:block; line-height:20px; }
.mcomm1 dl dt a {display:block; }
.m_more_bt {display:block; width:55px; border:1px solid #e5e5e5; height:10px; line-height:10px; font-size:10px;  padding:10px 12px 9px 12px; margin-top:80px;}
.m_more_bt i {float:right; color:#c9c9c9;}
.mcomm1 dl dd {float:right; width:70%; height:auto; margin-top:-8px;}

.newest a {display:block; border-bottom:1px solid #f2f2f2; padding:4px 0 4px 0; font-family: '나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Arial, Helvetica, sans-serif; font-weight:normal; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newest a:last-child {border:none;}
.newest a b {display:inline-block; width:70px; font-size:11px; color:#999999;}

.tab-content {width:88%; margin:20px auto 0 auto; }
.tab-content a {display:block; border-bottom:1px solid #d4d6dc; padding:4px 0 4px 0; font-family: '나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Arial, Helvetica, sans-serif; font-weight:normal; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.tab-content a:last-child {border:none;}
.tab-content a b {display:inline-block; width:70px; font-size:11px; color:#999999;}

.mcomm_iL {font-size:48px;}
.mcomm2 {float:left; width:34%; height:220px; background:#eaebef;}
.mcomm2 .tabs {width:100%; height:45px;}
.mcomm2 .tabs .tab-link {cursor:pointer; float:left; width:50%; height:45px; line-height:47px; background:#FFF; color:#999999; text-indent:20px; font-size:13px;}
.mcomm2 .tabs .tab-link i {float:right; line-height:48px; margin-right:15px;  color:#d2d2d2; }
.mcomm2 .tabs .tabcurrent {  background:#eaebef; color:#1b1b1b;}
.mcomm2 .tabs .tabcurrent i {color:#999999;}
.tab-content {display:none; }
.tab-content.tabcurrent {display: inherit;}
.mcomm_bt {float:left; width:20%; height:220px; text-align:center; font-size:13px; line-height:28px;}
.mcomm_bt a {color:#FFF; padding-top:65px; display:block; }
.color1 {background:#2f4459; }
.color2 {background:#00907f; }
.bottom_bt {clear:both; width:100%; height:100px; background:#FFF; margin-top:15px; border-bottom:1px solid #dedfe1; }
.bottom_bt ul {width:100%; display:table; border-collapse:collapse; table-layout:fixed;}
.bottom_bt ul li {display:table-cell; border-right:1px solid #dedfe1; width:21%; height:100px; text-align:right;  vertical-align:middle; padding:0 2%; font-size:11px; }
.bottom_bt ul li a {color:#999999;}
.bottom_bt ul li b {display:block; color:#313131; font-size:13px; line-height:28px;}
.bottom_bt ul li img {float:left; height:50%;}
footer {float:left; width:100%; height:100px; background:#2b313b; margin-top:60px; color:#8b8e93; padding:40px 0 60px 0;}
.copyright {clear:both; text-transform:uppercase; color:#565b63; letter-spacing:1px;}
.footer_left {width:100%; float:left; }
.footer_left dl dt {height:50px;}
.footer_left dl dt img {width:45%; min-width:200px;}
.footer_left dl dd {line-height:24px; font-size:12px;}
.footer_left dl dd i {float:left; font-size:16px; line-height:24px; margin-top:2px;}
.footer_left dl dd span {float:left;  padding:0 15px 0 5px; }
.footer_left .copyright {font-size:10px;}
.footer_left a { color: #8b8e93; font-size: 11px;}
.footer_right {float:right;}
.footer_menu { margin-top:5px;}
.footer_menu a {color:#565b63;font-size:11px; }
.footer_menu span {border-right:1px solid #565b63; margin:0 20px;}
.footer_familysite { margin-top:20px; }
.footer_familysite a {color:#8b8e93; text-transform:uppercase; font-size:11px; line-height:34px; text-indent:15px; border:1px solid #565b63; display:block; width:100%;}
.footer_familysite i {float:right; line-height:38px; margin-right:15px;}
.btn_ly_popup {font-size:32px; color:#FFF;}

/* Sub */
h1 {clear:both; display:block; font-size:26px; font-family: 'NanumSquare', '나눔스퀘어', NanumSquare,'나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic';
font-weight: 800; padding-bottom:50px; color:#2b313b; line-height:30px; padding-top:50px; }
h2 {clear:both; font-size:18px; font-family: 'NanumSquare', '나눔스퀘어', NanumSquare,'나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic';
font-weight: 800; color:#444952; line-height:20px; padding-bottom:40px; position:relative; padding-top:14px;}
.subvisual_wrap {width:100%; height:auto; background:#aad6eb; overflow:hidden; }
.subvisual_wrap .subvisual1 {width:100%; height:250px; background:url("layouts/cau/img/de1_subvisual.jpg") no-repeat center center; background-size:contain; }
.subvisual1_text {padding-top:50px; font-size:14px;}
.subvisual1_text > div {margin-left:8%; }
.subvisual_logo {width:40%; height:auto; }
.subvisual_logo img {width:80%; min-width:100px; max-width:300px;}
.subvisual1_text .subvisual_text {line-height:24px; color:#6e7e99; margin-top:5px; }
.sub_contents_wrap {width:100%; height:auto; word-break: keep-all ;}
.sub_side {float:left; width:20%; margin-top:-50px;}
.sub_side .lnb {width:100%; height:auto; overflow:hidden; background:#FFF; text-align:center; border-bottom:1px solid #dedfe1; padding:30px 0; }
.sub_side .lnb dl {margin:0 auto; width:70%;}
.sub_side .lnb dl dt span {display:block; }
.sub_side .lnb dl dt .side_titleen {color:#bfbfbf; font-size:10px; line-height:15px;}
.sub_side .lnb dl dt .side_titlekr {color:#313131; line-height:50px; font-size:18px;}
.sub_side .lnb dl dd a {display:block; line-height:32px; color:#7d7d7d;}
.sub_side .lnb dl dd {font-size:13px;}
.sub_side .lnb dl dd nav {border-top:1px solid #2155a4; padding:20px 0 10px 0; text-align:left;  margin-top:10px;}
.side_e_counseling {margin-top:10px; margin-bottom:10px; width:100%; height:100px; text-align:center; background: url("layouts/cau/img/e_counseling_bg.jpg") no-repeat center center; border-bottom:1px solid #dedfe1;}
.side_e_counseling img {margin-top:20px;}
.side_bt {text-align:right; line-height:35px; padding:20px 20px;}
.side_bt i {float:left; margin-top:5px; }
.side_bt a {color:#FFF; font-size:14px;}
.side_bt.color1 i {font-size:30px;}
.side_bt.color2 i {font-size:28px;}
.sub_contents {float:right; width:75%; margin-top:30px; height:auto; overflow:hidden; padding-bottom:100px;}
.sub_pagenb {float:right;  }
.sub_pagenb ul li {float:left; }
.sub_pagenb ul li:last-child a {font-weight:bold; color:#313131;}
.sub_pagenb i {padding:0 5px; color:#7d7d7d;}
.sub_pagenb>* {float:left;}
.sub_pagenb a {margin-top:1px; font-size:11px; color:#7d7d7d; line-height:11px;}
.sub_pagenb span {margin-top:1px; font-size:11px; line-height:11px;}
.pagenb_home i.cau-xeicon-2 {font-size:14px !important;}
.pagenb_home a {float:left; padding-top:5px;}
.sub_pagenb ul li i.cau-xeicon-12 {float:left; padding-top:5px; line-height:20px; }
.under_line {float:left; width:100%; border-bottom:1px solid #dcdcdc; margin-top:12px;}
.sub_body {width:100%; float:left; height:auto; }



.cau_square {border:2px solid #ff0000; display:inline-block; width:12px; height:12px; float:left; margin-right:10px;  }
.cau_square2 {position:absolute; top:0; left:0; border-top:3px solid #2155a4; width:13px;}
.page_subject {color:#2155a4; line-height:24px; padding-bottom:20px; font-size:14px;}
.sub_body_text {margin-bottom:60px; width:100%; height:auto; overflow:hidden; }
.sub_body_text p {font-size:13px; line-height:22px; margin-bottom:20px;}
.sub_body_text p:last-child {margin-bottom:0 !important;}
.greet_ending {float:right; padding-top:50px; font-size:14px; color:#7b7b7b;}
.greet_ending b {font-size:18px; font-weight:800; letter-spacing:10px; margin-left:20px; color:#313131;}
.sub_body_text .timeline {width:100%; height:500px; margin-left:30px; }
.timeline dt {clear:both; float:left; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; width:70px; height:70px;
border:0; border-radius:70px; color:#FFF;  text-align:center; line-height:70px; font-size:18px; margin:15px 0;}
.timeline dd {float:left; line-height:70px; font-size:14px; margin:15px 0 15px 20px;  }
.timeline dd span {float:left; border-bottom:1px solid #2155a4; display:inline-block; width:15px; margin-top:-15px;}
.bga1{background:rgba(32,84,163,1.0);}
.bga2{background:rgba(32,84,163,0.9);}
.bga3{background:rgba(32,84,163,0.8);}
.bga4{background:rgba(32,84,163,0.7);}
.bga5{background:rgba(32,84,163,0.6);}
.depart_call {display:inline-block; line-height:24px; background:rgba(32,84,163,0.05); padding:30px 40px 30px 30px; overflow:hidden; height:auto;}
.depart_call i {float:left; font-size:21px; margin-top:2px; padding-right:20px; color:#313131;}
.depart_call p {clear:both;  float:left; color:#7d7d7d; margin:3px 0;}
.depart_call .en600 {letter-spacing:1px;}


.sub_body_listbox {float:left; background:rgba(32,84,163,0.05); padding:30px 0; overflow:hidden; height:auto; width:100%;}
.sub_body_listbox li {padding:5px 0 5px 30px; color:#454c57; margin-left:30px; width:85%; line-height:18px;}
.sub_body_listbox li i {float:left; margin-left:-20px; font-size:10px; margin-top:3px;}
.sub_body_table .grade {width:15%; text-align:center; background:rgba(32,84,163,0.05); padding:12px 0 10px 0; border:1px solid #dbdee5; color:#454c57; vertical-align:middle;}
.sub_body_table td {width:83%; padding:10px 0; border:1px solid #dbdee5; color:#7d7d7d; padding-left:2%;}
.sub_body_text table {border-collapse:collapse; font-size:13px; }
.sub_body_text .grade {width:15%; text-align:center; background:rgba(32,84,163,0.05); padding:12px 0 10px 0; border:1px solid #dbdee5; color:#454c57; vertical-align:middle;}
.sub_body_text td {width:83%; padding:10px 0; border:1px solid #dbdee5; color:#7d7d7d; padding-left:2%;}
.lab_header { width:100%; height:auto; overflow:hidden; padding:20px 0; letter-spacing:0.5px;}
.lab_header dl {float:left; color:#7d7d7d;}
.lab_header dl dt {float:left; border:0; width:100px; height:100px; border-radius:100px; overflow:hidden; }
.lab_header dl dt img {width:100px;}
.lab_header dl dd {margin-left: 130px; display:block;}
.lab_header dl dd.profe_name {margin-top:30px;}
.profe_name b {padding-right:10px;  color:#454c57;}
.profe_name span {padding-left:5px;}
.profe_namekr {letter-spacing:5px; font-size:16px;}
.profe_nameen {font-size:12px;}
.profe_info {text-align:left; display:table-cell;  vertical-align:middle; font-size:13px;}
.profe_info span {position:relative; padding-left:20px;}
.profe_info i {position:absolute; top:0; left:0; font-size:14px; color:#454c57;}
.underline {border-bottom:1px double #7d7d7d; width:100%; height:2px;}
.profe_career {font-size:13px;}
.profe_career .td_title {width:25%; text-align:center; background:rgba(32,84,163,0.05); padding:8px 0 6px 0; border:1px solid #dbdee5; color:#454c57; vertical-align:middle;}
.profe_career td {line-height:20px;}
.profe_area dt {margin:15px 0 5px 30px; color:#454c57; font-size:14px;}
.profe_area dt:first-child {margin-top:0;}
.profe_area dd {color:#7d7d7d; line-height:20px; margin-left:40px;}
.profe_area dd.profe_area_dd {margin-left:0 !important; line-height:24px;}
.profe_area dt b {font-size:13px;float:left; display:block; width:23px; height:23px; background:#6e7e99; color:#FFF; margin-left:-30px; margin-right:15px; text-align:center; line-height:24px;
border:0; border-radius:23px; border:1px solid #6e7e99; }
.profe_thesis {font-size:13px;}
.profe_thesis .td_title {font-size:13px;width:15%; text-align:center; background:rgba(32,84,163,0.05); padding:8px 0 6px 0; border:1px solid #dbdee5; color:#454c57; vertical-align:middle;}
.profe_thesis	 td li {font-size:12px;width:95%; margin:10px 0; line-height:18px;}
.pro_list {width:90%; height:auto; overflow:hidden; background:rgba(32,84,163,0.05); padding:30px 5%; color:#7d7d7d; margin-bottom:20px;}
.pro_pic span {display:block; text-align:center; }
.pro_list .pro_pic_img { border:0; width:90px; height:90px; border-radius:90px; overflow:hidden; }
.pro_list .pro_pic_img img {width:90px;}
.pro_namekr {letter-spacing:5px; margin-top:15px; line-height:14px; font-size:16px;}
.pro_namene {font-size:11px;}
.pro_list li {float:left;}
.pro_list li dl {clear:both; padding-bottom:20px; width:100%; height:auto; overflow:hidden;  }
.pro_list li dl dt {clear:both; float:left; width:140px;}
.pro_list li dl dd {float:left; }
.pro_info {margin-left:40px; border-left:1px solid #dbdee5; padding-left:30px;}
.pro_info i {float:left; margin-top:5px; margin-right:6px;}
.pro_info span {float:left; margin-right:15px; }
.pro_info span i.cau-telephone {font-size:16px;}
.pro_info span i.cau-android-mail {font-size:14px;}
.pro_info span i.cau-android-desktop {font-size:14px;}
.pro_info dt {font-weight:800;}
.pad_tb_20 img {max-width:100%; width:auto;}
.pad_top_20 {padding-top:20px;}
.pad_top_20 img {max-width:100%; width:auto;}
.pad_bt_20 {padding-bottom:20px;}



/*
#dbdee5
*/

@media all and (max-width: 1537px){
.visual_wrap .visual1 {background-size:cover; }
}


@media all and (max-width: 880px){
body {overflow-x:hidden;}
.bodyopened {overflow:hidden; }
.mobile_gnb {display:block;width:75%; background:#2b313b; position:fixed; height:100%; z-index:999999999999; overflow-y:scroll; overflow-x:hidden; left:-700px;}
.header_gnb_mobile {clear:both; width:80%; margin:30px auto 60px auto;  }
.header_gnb_mobile > li > a { color:#FFF; font-size:14px; line-height:30px;}
.header_gnb_mobile > li {border-bottom:1px solid #555a62; padding:5px 0;}
/*.header_gnb_mobile > li:last-child {display:none; border:none;}*/
.header_gnb_mobile > li .depth2 {margin-left:15px; font-size:12px; padding-bottom:10px;}
.header_gnb_mobile > li > ul > li a {color:#d5d6d8;}
.header_menu_mobile {display:table; border-collapse:collapse; width:100%; text-align:center; table-layout:fixed;}
.header_menu_mobile li {display:table-cell; border:1px solid #555a62; padding:20px 0;}
.header_menu_mobile li a {color:#929291; line-height:20px; color:#FFF; font-size:11px;}
.header_menu_mobile li a i {font-size:24px;  }
.header_social_mobile {display:table; width:100%; text-align:center; table-layout:fixed; background:#555a62; margin-top:20px;}
.header_social_mobile li {display:table-cell; padding:25px 0 20px 0; font-size:18px;}
.header_social_mobile li a {color:#FFF;}

/* Header */
.header_social {display:none; }
.header_menu {display:none;}
.logo_wrap {display:table; padding:0; table-layout:fixed; position:relative; width:70%;height:110px; overflow:hidden; margin-left:5%; min-width:230px;}
.top_logo {position:relative; display:table-cell; text-align:left; vertical-align:middle; margin-left:0; display:none; }
.top_logo_m {position:relative; display:table-cell; text-align:left; vertical-align:middle; margin-left:0; display:block;  }
.top_logo_m img {width:100%; margin-top:27px; max-width:220px;  }
.gnb {display:none;}
.mobile_menu {display:block;  width:20%; height:100% }
.mobile_bt {position:absolute; top:30px; right:20px;  border:1px solid #2b313b; cursor:pointer; width:50px; height:50px; line-height:76px; text-align:center; }
.mobile_bt i {font-size:36px; color:#2b313b;}
.mobile_menu ul {display:none; }
.btn_opened .mobile_bt {background:#2b313b;}
.btn_opened .mobile_bt i {color:#FFF;}


/* Main */
.visual_wrap {height:350px;background-size:cover;  }
.visual1_text {padding-top:50px; height:300px;}
.visual1_text > div {margin-left:5%; }
.visual1_text .visual_logo img {width:100%; max-width:300px;  min-width:200px;}
.visual1_text .visual_text {width:70%; line-height:18px; margin-top:0; font-size:14px;}
.visual_eng {font-size:36px; line-height:36px; letter-spacing:0; left:0; bottom:30px;}
.visual_eng b {display:inline; }
.quicklink {width:100%; height:auto; margin-top:0; overflow:hidden; background:none; border:none; background:#FFF;}
.quicklink dl {float:left; width:100%; display:black; height:auto; border-collapse : collapse}
.quicklink dl dt {display:block; width:100%; background:#eaebef; padding:10px 0; background:#eaebef url("layouts/cau/img/quick_link_ar2.png") no-repeat center bottom;}
.quicklink dl dt span {display:inline-block; padding:0 3px;}
.quicklink dl dd {float:left; display:block; width:50%; padding:20px 0; margin-left:-1px; margin-top:-1px; border-right:1px solid #dbdee5; border-bottom:1px solid #dbdee5;}
.quicklink dl dd img {width:60px; float:none; margin-left:10%;}
.quicklink dl dd span {display:block; float:none;}
.e_counseling {clear:both; display:block; width:100%; background-size:cover;}
.e_counseling img {margin-top:30px;}
.de_guide {height:auto; overflow:hidden; margin-top:-1px; border-bottom:none;  position:relative ; z-index:9; text-align:center; padding-bottom:50px; background-size:cover;}
.de_guide_dt {padding:40px 0 0 0; margin:0 auto; text-align:center; }
.de_guide dl {padding:40px 0 0 0;width:50%; margin:0 auto; height:auto; min-width:300px;}
.de_guide dl dd {display:block; text-align:center; width:33%; float:left; }
.de_guide dl dd a {color:#FFF; font-size:12px;}
.de_guide dl dd a i {display:block;  border:0;  font-size:34px; line-height:86px; border-radius:75px; width:75px; height:75px; text-align:center; margin:0 auto;}
.de_description {clear:both; position:relative; width:80%;  margin:0 auto; top:0; padding-top:30px; }
.de_description i {display:none; }
.de_description span {display:block; }
.de_description span.en700 {line-height:24px; font-size:20px;}
.de_description span.nseb {font-size:13px;padding-top:10px; line-height:20px; word-break: keep-all !important;}
.de_description span br {display:none; }
.main_community {width:100%; height:auto; background:#FFF; margin:0; border-bottom:none; padding:30px 0 0 0; overflow:hidden; }
.mcomm1 {position:relative; float:none; width:100%; height:auto; overflow:hidden;  }
.mcomm1 dl {width:90%; margin:0 5%; position:relative; }
.mcomm1 dl dt {float:none; width:100%;}
.mcomm1 dl dt span {display:inline-block; line-height:30px; padding-right:5px; }
.mcomm1_tits {display:none; }
.m_more_bt {position:absolute; top:-80px; right:0;}
.mcomm1 dl dd {float:none; width:100%; padding:20px 0 35px 0; }
.mcomm2 {display:none;}
.mcomm_bt {float:left; width:50%; height:170px; text-align:center;}
.mcomm_bt a {padding-top:40px; }
.bottom_bt { height:auto; background:#FFF; margin-top:0; border-bottom:none; padding:30px 0;}
.bottom_bt ul {width:100%; display:table; border-collapse:collapse; table-layout:fixed;}
.bottom_bt ul li {line-height:16px; width:20%; height:auto; text-align:center;  vertical-align:top; padding:0 2.5%;}
.bottom_bt ul li:last-child {border-right:none;}
.bottom_bt ul li b {display:block; color:#313131; font-size:13px; line-height:18px; padding-top:15px;}
.bottom_bt ul li img {float:none; height:40px;}
footer {height:auto; overflow:hidden; margin-top:0; padding:5%; width:90%;}
.footer_left {width:90%; float:none; padding-top:10px;}
.footer_left dl dt {height:50px; }
.footer_left dl dd {display:block; clear:both; line-height:16px; font-size:12px; position:relative; margin-left:20px; padding-top:10px;}
.footer_left dl dd i {float:none; position:absolute; top:6px; left:-20px;}
.footer_left dl dd.copyright {margin-left:0 !important; padding-top:15px;}
.footer_right {float:none;}
.footer_familysite a {width:100%;}

/* Sub */
h1 {font-size:21px; padding-bottom:20px; line-height:30px; padding-top:30px; }
h2 {font-size:15px; line-height:21px; padding-bottom:20px; padding-top:14px;}
.subvisual_wrap .subvisual1 {height:auto; overflow:hidden; background-size:cover;  }
.subvisual1_text {padding:30px 0;}
.subvisual1_text > div {margin:0 8%; }
.subvisual_text br {display:none; }
.subvisual_logo {width:50%; height:auto; }
.subvisual_logo img {width:100%; min-width:100px;}
.subvisual1_text .subvisual_text {line-height:16px; margin-top:0; font-size:12px;}
.sub_contents_wrap {width:100%; height:auto; word-break: keep-all ;}
.sub_side {display:none; float:left; width:20%; margin-top:-50px;}
.sub_side .lnb {width:100%; height:auto; overflow:hidden; background:#FFF; text-align:center; border-bottom:1px solid #dedfe1; padding:30px 0; }
.sub_side .lnb dl {margin:0 auto; width:70%;}
.sub_side .lnb dl dt span {display:block; }
.sub_side .lnb dl dt .side_titleen {color:#bfbfbf; font-size:10px;}
.sub_side .lnb dl dt .side_titlekr {color:#313131; line-height:50px; font-size:18px;}
.sub_side .lnb dl dd a {display:block; line-height:32px; color:#7d7d7d;}
.sub_side .lnb dl dd {font-size:12px;}
.sub_side .lnb dl dd nav {border-top:1px solid #2155a4; padding:20px 0 10px 0; text-align:left;  margin-top:10px;}
.side_e_counseling {margin-top:10px; margin-bottom:10px; width:100%; height:100px; text-align:center; background: url("layouts/cau/img/e_counseling_bg.jpg") no-repeat center center; border-bottom:1px solid #dedfe1;}
.side_e_counseling img {margin-top:20px;}
.side_bt {text-align:right; line-height:35px; padding:20px 20px;}
.side_bt i {float:left; margin-top:5px; }
.side_bt a {color:#FFF; font-size:14px;}
.side_bt.color1 i {font-size:30px;}
.side_bt.color2 i {font-size:28px;}
.sub_contents {float:none; width:90%; margin:10px auto;  padding-bottom:70px; }
.page_subject {line-height:18px; font-size:13px;}
.sub_body_text {margin-bottom:40px;}
.sub_body_text p {line-height:18px;}
.sub_body_text br {display:none; }
.greet_ending {padding-top:0;}
.depart_call {line-height:18px; padding:20px;}
.depart_call i {margin-top:0; padding-right:15px; color:#313131;}


.sub_body_listbox li {padding:5px 0 5px 10px; margin-left:25px;}
.sub_body_listbox li i {margin-left:-12px; font-size:6px; margin-top:7px;}


.sub_body_text table {line-height:16px;}

.pro_list {padding:20px; line-height:16px;}
.pro_pic {position:relative; width:96%; border-bottom:1px solid #000; padding-bottom:20px; margin-bottom:20px;}
.pro_pic span {display:block; text-align:center; }
.pro_list .pro_pic_img {float:left; width:80px; height:80px; border-radius:80px;}
.pro_list .pro_pic_img img {width:80px;}


.pro_namekr {position:absolute; top:0; right:-5px;}
.pro_nameen {position:absolute; top:35px; right:0;}
.pro_list li dl dt {width:35%;}
.pro_list li dl dd {width:65%;}
.pro_info {margin-left:0; border-left:none; padding-left:0;}
.pro_info i {float:left; margin-top:1px; margin-right:6px;}



.pro_info span {float:left; margin-right:15px; }
.pro_info span i.cau-telephone {font-size:16px;}
.pro_info span i.cau-android-mail {font-size:14px;}
.pro_info span i.cau-android-desktop {font-size:14px;}
.pro_info dt {font-weight:800;}
.pad_tb_20 {padding:20px 0;}
.pad_top_20 {padding-top:20px;}
.pad_bt_20 {padding-bottom:20px;}

.lab_header { width:100%; height:auto; overflow:hidden; padding:20px 0; letter-spacing:0.5px;}
.lab_header dl {float:left; color:#7d7d7d;}
.lab_header dl dt {float:left; border:0; width:80px; height:80px; border-radius:80px; overflow:hidden; }
.lab_header dl dt img {width:80px;}
.lab_header dl dd {margin-left: 100px; display:block;}
.lab_header dl dd.profe_name {margin-top:10px;}
.profe_name b {padding-right:10px;  color:#454c57;}
.profe_name span {padding-left:5px;}
.profe_namekr {letter-spacing:5px; font-size:16px;}
.profe_nameen {display:none; }
.profe_info {text-align:left; display:table-cell;  vertical-align:middle; font-size:11px; letter-spacing:0px;}
.profe_info span {position:relative; padding-left:20px;}
.profe_info i {position:absolute; top:0; left:0; font-size:14px; color:#454c57;}
.underline {border-bottom:1px double #7d7d7d; width:100%; height:2px;}
.profe_career {font-size:12px;}
.profe_career .td_title {width:25%; text-align:center; background:rgba(32,84,163,0.05); padding:8px 0 6px 0; border:1px solid #dbdee5; color:#454c57; vertical-align:middle;}
.profe_career td {line-height:20px;}
.profe_area dt {margin:15px 0 5px 30px; color:#454c57; font-size:14px;}
.profe_area dt:first-child {margin-top:0;}
.profe_area dd {color:#7d7d7d; line-height:20px; margin-left:40px;}
.profe_area dd.profe_area_dd {margin-left:0 !important; line-height:24px;}
.profe_area dt b {font-size:12px;float:left; display:block; width:23px; height:23px; background:#6e7e99; color:#FFF; margin-left:-30px; margin-right:15px; text-align:center; line-height:24px;
border:0; border-radius:23px; border:1px solid #6e7e99; }
.profe_thesis {font-size:12px;}
.profe_thesis .td_title {font-size:12px;width:15%; text-align:center; background:rgba(32,84,163,0.05); padding:8px 0 6px 0; border:1px solid #dbdee5; color:#454c57; vertical-align:middle;}
.profe_thesis	 td li {font-size:11px;width:95%; margin:10px 0; line-height:18px;}

.sub_body_text .timeline {width:100%; height:auto; margin-left:0; }





}