@charset "UTF-8";
@import url('NanumGothic.css');
@import url('NotoSansKR.css');

/*#codeigniter_profiler { display:none; }*/

/* CSS Document */
* { margin:0; padding:0; word-break:keep-all; }
a > * { line-height:0; }
img { border:medium none; }
html { font-size:14px; line-height:14px; }
body { font-family: 'notokr',sans-serif !important; font-weight: 500; line-height: inherit; }
a { color:#000; text-decoration:none; -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }
a:hover { color: #0c9fb9; text-decoration:none; -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }
a:focus { outline:none; }
a:focus, a:active { text-decoration:none; }
:hover { -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }
p, ol, ul { padding:0; margin:0; }
.clear,
.clear:after { content:""; display:block; clear:both; }
label { font-weight:normal; }
@media (max-width:768px) {
	html { font-size:13px; }
	.container { width:100% !important; }
}

h1, h2, h3, h4, h5, h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { margin:0; }
li{list-style:none; }

.clearfix {clear:both; }
.clear:after { content:""; display:block; clear:both; }
.bold {font-weight:bold; }

.txt_center { text-align:center !important; }
.txt_left { text-align:left !important; }
.txt_right { text-align:rigsht !important; }

.left { float:left; }
.right { float:right; }

.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; }

.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; }

.btn-default { color:#666; background-color:#f9f9f9; border:1px #ddd solid !important; background-image:none; text-shadow:none; }
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default { color:#666; background-color:#f5f5f5 !important; border-color:#ccc !important; }
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active { background-color:#333; border-color:#333; color:#fff; }
.btn-default .badge { color:#333; background-color:#fff; }


.btn-primary { color:#fff; background-color:#f98310; border-color:#f98310; background-image:none; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { color:#fff; background-color:#d06302 !important; border-color:#d06302 !important; }
.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 { background-color:#608068; border-color:#608068; }
.btn-primary .badge { color:#608068; background-color:#fff; }

.btn-danger { color:#fff; background-color:#ff5c57; border-color:#ff5c57; background-image:none; }
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger { color:#fff; background-color:#ce4741 !important; border-color:#ce4741 !important; }
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active { background-color:#ff5c57; border-color:#ff5c57; }
.btn-danger .badge { color:#ff5c57; background-color:#fff; }

.btn-turquoise { color:#fff; background-color:#00acac; border-color:#00acac; background-image:none; }
.btn-turquoise:hover,
.btn-turquoise:focus,
.btn-turquoise:active,
.btn-turquoise.active,
.open .dropdown-toggle.btn-turquoise { color:#fff; background-color:#008a8c !important; border-color:#008a8c !important; }
.btn-turquoise.disabled,
.btn-turquoise[disabled],
fieldset[disabled] .btn-turquoise,
.btn-turquoise.disabled:hover,
.btn-turquoise[disabled]:hover,
fieldset[disabled] .btn-turquoise:hover,
.btn-turquoise.disabled:focus,
.btn-turquoise[disabled]:focus,
fieldset[disabled] .btn-turquoise:focus,
.btn-turquoise.disabled:active,
.btn-turquoise[disabled]:active,
fieldset[disabled] .btn-turquoise:active,
.btn-turquoise.disabled.active,
.btn-turquoise[disabled].active,
fieldset[disabled] .btn-turquoise.active { background-color:#00acac; border-color:#00acac; }
.btn-turquoise .badge { color:#00acac; background-color:#fff; }

.btn-royalblue { color:#fff; background-color:#717bb6; border-color:#717bb6; background-image:none; }
.btn-royalblue:hover,
.btn-royalblue:focus,
.btn-royalblue:active,
.btn-royalblue.active,
.open .dropdown-toggle.btn-royalblue { color:#fff; background-color:#464a6f !important; border-color:#464a6f !important; }
.btn-royalblue.disabled,
.btn-royalblue[disabled],
fieldset[disabled] .btn-royalblue,
.btn-royalblue.disabled:hover,
.btn-royalblue[disabled]:hover,
fieldset[disabled] .btn-royalblue:hover,
.btn-royalblue.disabled:focus,
.btn-royalblue[disabled]:focus,
fieldset[disabled] .btn-royalblue:focus,
.btn-royalblue.disabled:active,
.btn-royalblue[disabled]:active,
fieldset[disabled] .btn-royalblue:active,
.btn-royalblue.disabled.active,
.btn-royalblue[disabled].active,
fieldset[disabled] .btn-royalblue.active { background-color:#717bb6; border-color:#717bb6; }
.btn-royalblue .badge { color:#717bb6; background-color:#fff; }

.btn-warning { color:#fff; background-color:#f49b1b; border-color:#f49b1b; background-image:none; }
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning { color:#fff; background-color:#c57e00 !important; border-color:#c57e00 !important; }
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active { background-color:#f49b1b; border-color:#f49b1b; }
.btn-warning .badge { color:#f49b1b; background-color:#fff; }

.btn-info { color:#fff; background-color:#ad987e; border-color:#ad987e; background-image:none; }
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info { color:#fff; background-color:#947a59 !important; border-color:#3492ac !important; }
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active { background-color:#947a59; border-color:#947a59; }
.btn-info .badge { color:#947a59; background-color:#fff; }

.btn-success { color:#fff; background-color:#f27903 !important; border-color:#f27903 !important; background-image:none; }
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success { color:#fff; background-color:#d66a01 !important; border-color:#d66a01 !important; }
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active { background-color:#d66a01 !important; border-color:#d66a01; }
.btn-success .badge { color:#6f1a1c; background-color:#fff; }


.btn-silver { color:#fff; background-color:#b7c2c8; border-color:#b7c2c8; background-image:none; }
.btn-silver:hover,
.btn-silver:focus,
.btn-silver:active,
.btn-silver.active,
.open .dropdown-toggle.btn-silver { color:#fff; background-color:#929ba2 !important; border-color:#929ba2 !important; }
.btn-silver.disabled,
.btn-silver[disabled],
fieldset[disabled] .btn-silver,
.btn-silver.disabled:hover,
.btn-silver[disabled]:hover,
fieldset[disabled] .btn-silver:hover,
.btn-silver.disabled:focus,
.btn-silver[disabled]:focus,
fieldset[disabled] .btn-silver:focus,
.btn-silver.disabled:active,
.btn-silver[disabled]:active,
fieldset[disabled] .btn-silver:active,
.btn-silver.disabled.active,
.btn-silver[disabled].active,
fieldset[disabled] .btn-silver.active { background-color:#b7c2c8; border-color:#b7c2c8; }
.btn-silver .badge { color:#b7c2c8; background-color:#fff; }

.btn-black { color:#fff; background-color:#2c353c; border-color:#2c353c; background-image:none; }
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black { color:#fff; background-color:#000 !important; border-color:#000 !important; }
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,black
fieldset[disabled] .btn-black.active { background-color:#2c353c; border-color:#2c353c; }
.btn-black .badge { color:#2c353c; background-color:#fff; }


/* lang */
.lang { text-align: right; font-size: 12px; line-height: 30px; float:right;}
.lang a { color:#666;}

/* navbar */
.navbar { background:#fff; border:0 none; border-radius:0; box-shadow:0 5px 20px rgba(0, 0, 0, 0.05); z-index:99999; margin-bottom:0;  }
.navbar-default .navbar-brand { background:url(../images/logo.png) no-repeat left; width:205px; height:73px; padding:0; font-size:0; display:inline-block; outline:0; margin-top:15px;}
.navbar-brand, .navbar-nav>li>a { text-shadow:none; }
.navbar-header { height:100px; }
.navbar-default .container { position:relative; }
.navbar-default .navbar-nav>li>a { color:#222; font-size:17px; padding: 0 25px 5px; line-height: 70px; font-weight: 600; letter-spacing: -0.5px; }
.navbar-default .navbar-nav>li>a:hover { color:#0c9fb9; }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus { color:#0c9fb9; box-shadow:none; background-image:none; }
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus { color:#0c9fb9; box-shadow:none; background:none; }

@media (max-width:1024px) {	
	.navbar-default .navbar-nav>li>a { padding:0 15px 0; }
}
@media (min-width:768px) {
	.navbar-brand { padding-left:80px; margin-left:0 !important; }	
	.navbar-header { float:inherit; display:none; }	
}
@media (max-width:768px) {
	.navbar-default .navbar-brand { margin-top:15px; width:160px; height:30px; background-size:contain; background-position:20px; }
	.navbar-header { height:inherit !important; margin:0 !important; display:block; position:relative; }	
	.navbar-header .lang { position:absolute; right:65px; top:15px;}
	.navbar { min-height:60px; }
	.navbar-default .navbar-nav>li>a { line-height:50px; font-size:16px; }	
}
@media (max-width:500px) {
	.navbar-default .navbar-brand { width:200px; background-position:15px; }	
	.navbar-header .lang { right:55px; }
}

.nav.navbar-nav.navbar-right { margin-top: -5px;}
.navbar_menu { width:100%; border-top:1px #d6d6d6 solid; background-color:#fff; }
.navbar_menu_inner { height: 100px;}
.navbar_menu .container,
.navbar .dropdown { position:inherit; }
.navbar .dropdown-menu { padding:10px 0; margin:0 0 0 5px; border:none; border-radius:0; background-color:rgba(0,0,0,0.7); box-shadow:rgba(0,0,0,0.1) 9px 5px 13px; min-width:inherit; top:inherit; }
.navbar .dropdown-menu li a { padding:0 30px 0 25px; font-size:15px; line-height:40px; color:#fff; font-weight: 600;
                             -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { background:none !important; color:#e7f416; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a { -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }

@media (max-width:768px) {
	.navbar_menu { display:none; }	
	.navbar .dropdown-menu li a { line-height:40px; font-size:14px; padding:0 15px; }
}

/* nav-search */
.navbar-form { background-color: #f5f5f5; border: 1px #ddd solid; border-radius: 50px; padding: 0 10px; margin: 15px 0 0 10px;}
.navbar-form .form-control { border: 0 !important; background-color:rgba(255,255,255,0) !Important;}
.navbar-form .form-control:focus { box-shadow: none;}
.navbar-form .btn { padding: 5px 5px 5px 10px; font-size: 18px;}
.navbar-form .btn,
.navbar-form .btn:focus { background: none; border: 0; outline: 0; box-shadow: none;}


/* all Menu */
button.navbar-allmenu { display:none !important; }

/* navbar - m */
.navbar-default .navbar-toggle { border:0; /* background-color:#55c7c8 !important; */ margin:0; padding:0; width:60px; height:60px; border-radius:0; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background:none; }
.navbar-default .navbar-toggle .icon-bar { width:20px; height:2px; background-color:#111; margin:0 auto; }
.navbar-default .navbar-toggle .icon-bar:not(:nth-child(1)) { margin-top:6px; }


/* side_menu - m */
#side_menu { display:block; position:fixed; top:0; right:0; width:100%; height:100%; overflow:hidden; z-index:9999; margin:0; background-color:rgba( 0, 0, 0, 0.5 ); display:none }
#side_menu .side_wr { width:250px; background:#fff; opacity:1; position:absolute; top:0; right:0; box-shadow:0 0 10px #000; overflow-x:hidden; height:100%; overflow-y:auto }
#side_menu .side_wr.add_side_wr { }
#side_menu .side_wr .side_inner_rel { position:relative; height:100%; display:block; overflow:auto; }
#side_menu .side_wr .side_inner_abs { position:absolute; width:100%; display:block; -webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none }
#side_menu .side_wr { /*webkit-overflow-scrolling:touch */}

#side_menu .m_menu li { display:block; line-height:3.571rem; position:relative; border-bottom:1px #e7e7e7 solid; }
#side_menu .m_menu li a.text_link { display:inline-block; width:85%; white-space:nowrap; padding-left:20px; color:#333; font-size:1.143rem; }
#side_menu .m_menu li a.text_link:hover { color:#319e9f !important; }
#side_menu .m_menu li a.subopen { color:#666; }
#side_menu .m_menu span { position:absolute; right:20px; top:15px; } 

#side_menu li, #side_menu li>a, #side_menu li.active>a, #side_menu li>a:hover, #side_menu li>a:focus {  text-decoration:none; }
#side_menu .dropdown-custom-menu { background:#f9f9f9; overflow:hidden; width:100%; display:none; border-top:1px #eee solid; }
#side_menu .dropdown-custom-menu li { border-bottom:1px #eee solid !important; background:none; }
#side_menu .dropdown-custom-menu li:last-child { border-bottom:0 !important; }
#side_menu .dropdown-custom-menu li a { color:#333; padding-left:25px; display:block; width:100%; line-height:2.857rem; }
#side_menu .dropdown-custom-menu li a:hover { color:#333; background-color:#f5f5f5; }

#side_menu .dropdown-custom-menu ul { padding:10px 0; background-color:#fff; border-bottom:1px #eee solid; }
#side_menu .dropdown-custom-menu ul li { border-bottom:0 !important; }
#side_menu .dropdown-custom-menu ul li a { color:#888; line-height:1.857rem; font-size:1rem; padding-left:30px; }
#side_menu .dropdown-custom-menu ul li a:hover { color:#333; background:none; }
#side_menu .dropdown-custom-menu ul li a:before { content:"-"; display:inline-block; }


#side_menu .m_login { text-align:center; margin:10px; }
#side_menu .m_login span { padding:0 5px; }
#side_menu .m_board { background:#000; clear:both; margin:0; }
#side_menu .m_board li { display:block; line-height:2.857rem; position:relative; padding-left:35px; }
#side_menu .m_board li a:hover { color:#7080b1; }
#side_menu .m_board span { position:absolute; top:13px; left:10px; padding-right:10px; }
#side_menu .m_search { margin:0 auto; padding:20px 0 0; width:100%; text-align:center; }

#side_menu .m_menu_top { height:60px; background-color:#f98310; position:relative; }
#side_menu .m_menu_top .m_close { margin:0; cursor:pointer; font-size:0; width:20px; height:20px; border:1px}
#side_menu .m_menu_top .m_close:before,
#side_menu .m_menu_top .m_close:after { content:""; display:block; background-color:#fff; width:22px; height:2px; position:absolute; top:45%; right:20px; }
#side_menu .m_menu_top .m_close:before { transform:rotate(45deg); }
#side_menu .m_menu_top .m_close:after { transform:rotate(-45deg); }


/* common */
.wrapper { margin:0 auto; overflow:hidden; width:100%; }
.view-all { float:right;width:75px;position:absolute;top:10px;right:0; }
.form-control { background-color:#fff; background-image:none; border:1px solid #e5e6e7; border-radius:0; color:inherit; display:inline-block; padding:6px;
                font-size:1rem; vertical-align:middle; box-shadow:none; }
.control-label { color:#333; }

.panel-heading { font-size:1rem; }

.btn { font-size:1.143rem; text-shadow:none; box-shadow:none; padding:8px 20px; font-weight: 500; }
.btn-xs { font-size:1rem; padding:0 15px; line-height:2.429rem; border-radius:0; }

.btn_center { text-align:center; padding:30px 0; }

@media (max-width:500px) {
	.btn { font-size:1rem !important; padding:5px 15px; }
	.btn-xs { padding:0 10px; }
}

.checkbox-inline, .radio-inline { font-weight:inherit; }


/* header */
header { background:#222; color:#fff; clear:both; width:100%; }
header .header-top-menu { float:right; height:30px;line-height:30px; }
header .header-top-menu .fa { color:#ccc; }
header .header-top-menu li { float:left; padding:0 10px; color:#ccc; font-size:0.857rem; }
header .header-top-menu li a { color:#ccc; font-size:0.857rem; }
header .fa { padding-right:5px; }
header .badge { margin-left:5px; font-size:0.714rem; }

.header_line {background:#082a47; height:3px; line-height:3px;clear:both; width:100%; display:none; }

.notifications{position:relative;cursor:pointer; }
.notifications-list {color:#060606;border-bottom:1px solid #ededed;display:block;overflow:hidden;line-height:1.786rem; }
.notifications-list a:link{color:#060606; }
.notifications-list a:active,
.notifications-list a:hover {color:#2773ae; }
.notifications-menu{position:absolute; top:100%; left:0; z-index:9999; display:none; width:330px; background-color:#f5f5f6; -webkit-border-radius:0 0 3px 3px; -webkit-background-clip:padding-box; -moz-border-radius:0 0 3px 3px; -moz-background-clip:padding; border-radius:0 0 3px 3px; background-clip:padding-box; -moz-box-shadow:0 1px 0px rgba(0,0,0,.05); -webkit-box-shadow:0 1px 0px rgba(0,0,0,.05); box-shadow:0 1px 0px rgba(0,0,0,.05); border:1px solid #f8f8f8; padding:5px 15px; }
.notifications-menu .external { background-color:#FFF; display:block; }
.notifications-menu .external a { background-color:#fff; color:#e9423f; }
.notifications-list .point{ color:#ec5956 !important; text-align:center; }
.notifications-list span{ padding-top:10px; font-size:0.786rem; }

.m_nav { padding:8px 10px 0 0; }
nav , .pagination{text-align:center; }

body.over_hidden{overflow:hidden} 


/* 구글 CSE 검색 광고 숨기기 2021-04-29 ktj*/
.gsc-adBlock{display:none !important}


/* footer */
footer { background-color:#575757; font-size:14px; line-height: 18px; }
footer .see_mobile { clear:both; margin:0 auto; text-align:center; display:none; } /****** 모바일 버젼으로 보기 숨김처리 **********/
footer .copyright { clear:both; padding:40px 0; color:rgba(255,255,255,0.5); background:url(../images/logo_footer.png) no-repeat right center; }
footer .copyright a { color:rgba(255,255,255,0.5); }
footer .copyright a:hover { color:rgba(255,255,255,0.8); }
footer .copyright b { font-weight:normal; }
footer .copyright span { padding-right:7px; }

@media (max-width:768px) {		
	footer { font-size:12px; }
	footer .container,
	footer .copyright { background: none; text-align:center; }
}
@media (max-width:500px) {	
	footer { font-size:10px; }
	footer .copyright { padding: 20px 0;}
}

.media{clear:both; }
.media-body,
.media-left,
.media-right {display:table-cell; vertical-align:top; }
.media-left,
.media>.pull-left { padding-right:10px; }
.media-right,
.media>.pull-right { padding-left:10px; }
.media-heading { font-size:1rem; overflow:hidden; }
.media-body .media-info { font-size:0.786rem; color:#666; }
.media-body .media-info span { padding-right:10px; }


/* sidebar */
.sidebar { border:1px solid #e5e5e5; padding:20px; }
.sidebar .headline { border-bottom:1px dotted #ccc; display:block; margin-bottom:15px; }
.sidebar .headline h3 { border-bottom:2px solid #3498db; display:inline-block; margin:0 0 -2px; padding-bottom:5px; font-size:1.071rem; }
.sidebar .loginbox { overflow:hidden; }
.sidebar .loginbox .text { padding-top:7px; }
.sidebar .loginbox .text li { float:left; padding-right:7px; }
.sidebar .welcome { overflow:hidden; }
.sidebar .welcome ul { overflow:hidden; }
.sidebar .welcome li { float:left; padding-right:5px; padding-bottom:5px; }
.sidebar .sidebar_latest li { padding-bottom:10px; }

.sidebar .tag-clouds{overflow:hidden; }
.sidebar .tag-clouds ul li{float:left; padding-right:10px; }


/* modal */
.modal .modal-body .number { padding-bottom:10px; }
.modal .modal-body .profile-info{overflow:hidden; }


.help-inline { display:inline-block;color:#737373;margin-left:10px; padding-top:7px;vertical-align:middle; }
.nopost {text-align:center; padding:120px 0 !important; }

textarea.dhtmleditor  { width:100%;height:350px; }

.latest_comment_count { font-size:0.786rem; color:#FF7700; margin-left:5px;font-weight:bold; }
.highlight { font-weight:bold; color:#7519FF; }


/* Sideview */
#nameContextMenu { background:#000; color:#fff; padding:4px 8px 6px;z-index:10000; }
#nameContextMenu a { color:#fff; font-size:0.857rem; line-height:1.429rem; display:block; }
#nameContextMenu a:hover { color:#ff0000; }
#nameContextMenu td { border:0px !important; }


/* main */
@media (min-width: 1200px) {
	.container { width: 1280px;}
}
.main .navbar-form { margin-top:0; margin-bottom:0; padding:0; }
.main_index .sub_title_img { display:none; }


.main,
.main_index .container { width:100%; clear:both; }
.main_visual .container,
.main_con .container,
.main_con_bg .container,
.main_link .container,
.main_bottom .container { width:1280px; margin:0 auto; }
@media (max-width:1024px) {
	.container,
	.main,
	.main_index .container,
	.main_con .container,
	.main_con_bg .container { width:100%; }	
}


/* bxslider */
.bx-wrapper { margin-bottom:inherit; border:0; box-shadow:none; background: none; }
.bx-wrapper .bx-pager { padding:0; text-align: right; width: 1250px; top:30px; left: 50%; margin-left: -625px; }
/*.bx-viewport { height:inherit !important; } */
.bx-wrapper .bx-pager.bx-default-pager a { background:rgba(255,255,255,0.5); border-radius: 0; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #fff;}

.bx-wrapper .bx-controls-direction { display: none;}
.bx-wrapper .bx-controls-direction a { width:70px; height:70px; margin-top:-35px; opacity:0.4; filter:alpha(opacity=40); border-radius:50%; }
.bx-wrapper .bx-controls-direction a:hover { opacity:0.8; filter:alpha(opacity=80); }

.bx-wrapper .bx-prev { left:5%; background:url(../images/controls_l.png) no-repeat center 45% #000; }
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus { background:url(../images/controls_l.png) no-repeat center 45% #000; }

.bx-wrapper .bx-next { right:5%; background:url(../images/controls_r.png) no-repeat center 45% #000; }
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus { background:url(../images/controls_r.png) no-repeat center 45% #000; }

@media (max-width:768px) {
	.bx-wrapper .bx-pager { bottom:20px; }	
}
@media (max-width:500px) {
	.bx-wrapper .bx-pager.bx-default-pager a { display:none; }	
}

/*
.main_visual .bxslider li:nth-child(1) { background-image:url(../images/main_visual_03.jpg); }
.main_visual .bxslider li:nth-child(2) { background-image:url(../images/main_visual_01.jpg); }
.main_visual .bxslider li:nth-child(3) { background-image:url(../images/main_visual_02.jpg); }
.main_visual .bxslider li:nth-child(4) { background-image:url(../images/main_visual_03.jpg); }
.main_visual .bxslider li:nth-child(5) { background-image:url(../images/main_visual_01.jpg); }
*/

/* main_visual */
.main_visual { width:100%; position:relative; background-color:#0e8bbe; }
.main_visual:before { content: ""; width: 50%; background-color: #1cb2cc; height: 100%; position: absolute; left: 0; }
.main_visual .bxslider li { position: relative; }
.main_visual .bxslider:after { content:""; display:block; clear:both; }

.main_visual .img_box,
.main_visual .txt_box { width: 50%; float: left;}
.main_visual .img_box .img { width: 600px; height: 320px; margin: 25px 0; overflow: hidden; }
.main_visual .img_box .img img { width: 100%;}
.main_visual .txt_box { padding: 7% 4% 0 5%; color: #fff; }
.main_visual .txt_box p { overflow: hidden; }
.main_visual .txt_box .title { font-size: 30px; line-height: 40px; height: 120px; margin-bottom: 30px;}
.main_visual .txt_box .txt { font-size: 14px; line-height: 24px; height: 96px;}

@media (max-width:1024px) {	
	.bx-controls-direction { display:none; }
	.main_visual .container { height:inherit; }
	.main_visual .img_box { padding: 3% 3% 3% 1%; }
	.main_visual .img_box .img { width: 100%; height: 250px; margin: 0; }
	.main_visual .img_box .img img { width: 100%; }
	.main_visual .txt_box { padding: 4% 4% 1% 3%; }
}
@media (max-width:768px) {
	.main_visual .img_box .img /* ,
	.bx-viewport*/ { height: auto !important; }
	.main_visual .txt_box { padding: 5% 4% 1% 3%; }
	.main_visual .txt_box .title { font-size: 18px; line-height: 26px; height: 84px; margin-bottom: 10px;}
	.main_visual .txt_box .txt { font-size: 12px; line-height: 20px; height: 80px;}
}
@media (max-width:500px) {	
	.main_visual .container { padding: 0; }
	.main_visual:before { background: none;}
	.main_visual .img_box,
	.main_visual .txt_box { width: 100%; float: inherit; padding: 20px;}	
	.main_visual .img_box { background: #1cb2cc;}
	.main_visual .txt_box .title { font-size: 16px; line-height: 20px; height: 60px;}
	.main_visual .txt_box .txt { line-height:16px; height:48px; font-weight: 400;}
}


/* main_con */
.main_con, .main_con_bg { padding:50px 0;}
.main_con_bg { background-color: #f0f0f0;}
.main_title { font-size: 26px; color: #333; line-height: 30px; font-weight: 600; padding-bottom: 20px;}
.more { float: right; width: 30px; height: 30px; background: url(../images/more.png) no-repeat center rgba(0,0,0,0.2); display: inline-block; font-size: 0;}
.more:hover { background-color: rgba(0,0,0,0.5);}

.arrow { width: 30px; height: 30px; line-height: 27px;  border: 1px #ddd solid; background-color: #fff; float: right; margin-right: 3px; text-align: center; font-size: 22px; color: #666; }
.arrow:hover { background-color: #f5f5f5;}

@media (max-width:768px) {
	.main_title { font-size: 18px; padding-bottom: 10px;}
	.main_con, .main_con_bg { padding:20px 0;}
	.more, .arrow { width: 25px; height: 25px; background-size: 50%; line-height: 22px;}
}
@media (max-width:500px) {	
	.main_con, .main_con_bg { padding:10px 0;}
}


/* main_list */
.main_list { float: left;}
.main_list li { cursor: pointer; }
.main_list img { width:100%;}
.main_list_title { font-size: 18px; color: #333; font-weight: 600; line-height: 24px; height:48px; margin: 25px 0 5px; overflow:hidden;}
.main_list_txt { font-size: 14px; color: #666; line-height: 20px; height: 80px; overflow: hidden;}
.main_list_img { border:1px #ddd solid; background-color: #eceeec;}

.main_resource .main_list_img img,
.main_multimedia .main_list_img { height: 220px;}

.main_etcresource .main_list_img img { width:165px; }


@media (max-width:1024px) {
	.main_resource .main_list_img img,
	.main_etcresource .main_list_img img,
	.main_multimedia .main_list_img { height: 220px;}
    
}
@media (max-width:768px) {
	.main_list_title { font-size: 16px; line-height: 18px; height:36px; margin: 15px 0 5px !important;}
	.main_list_txt { font-size: 12px; line-height: 14px; height: 42px;}
	
	.main_resource .main_list_img img,
	.main_etcresource .main_list_img img { width:100%; }
	.main_resource .main_list_img img,
	.main_etcresource .main_list_img img,
	.main_multimedia .main_list_img { height:135px; }
    
    .main_onlinecampus {}
}
@media (max-width:500px) {
	.main_notice, .main_multimedia,
	.main_news, .main_resource, .main_etcresource, .main_onlinecampus { width: 100% !important; }
    .main_resource {height:330px;}
	.main_news .main_title,
	.main_etcresource .main_title,
	.main_resource .main_title { padding: 0 5px 10px !important;}
	
	.main_list_title { font-size: 12px; line-height: 14px; margin: 10px 0 5px;}
	.main_list_txt { font-size: 10px; line-height: 12px; height: 36px;}
	
	
	.main_etcresource .main_list_img img,
	.main_multimedia .main_list_img { height:180px; }
    
    .main_resource .main_list_img img {height:auto/*180px*/}
	
}

/* main_notice */
.main_notice { width: 30%; }
.main_notice .main_title { border-bottom: 2px #333 solid; }
.main_notice li { border-bottom: 1px #ddd solid; padding: 15px 5px; font-size: 14px; min-height: 88px; }
.main_notice li a { font-size:14px; color: #333; line-height: 18px;}
.main_notice li a:hover { color: #0c9fb9; text-decoration: underline;}
.main_notice .date { color: #999; padding-top: 5px;}
@media (max-width:1024px) {
}
@media (max-width:768px) {
	.main_notice li { min-height: inherit;}
	.main_notice li:last-child { display: none;}
	.main_notice li a { font-size:12px; line-height: 16px; height: 32px; overflow: hidden; display: block; }
}
@media (max-width:500px) {
	.main_notice { margin-bottom: 10px;}
}

/* main_news */
.main_list.main_news { width: 70%; }
.main_news ul { width: 100%;} 
.main_news ul li {width: 50%; float: left; padding-right: 40px; }
.main_news ul li:hover .main_list_title { color: #0c9fb9; }
.main_news .main_title { padding-right: 40px;}
@media (max-width:500px) {
	.main_news { margin-bottom: 10px;}
	.main_news ul li {padding: 0 5px; }
}

/* news_bxslider */
.news_bxslider ul { margin-bottom: 30px; }
.news_bxslider img { width:inherit !important; height: 230px; margin: 0px auto !important;}

@media (max-width:768px) {
	.news_bxslider img { height:150px; }
	.main_news .main_list_title { font-size:14px; line-height:16px; height:32px; }
}
@media (max-width:500px) {
	.news_bxslider img {}
}


/* main_resource */
.main_resource, .main_multimedia, .main_onlinecampus { width: 33.3%; }
.main_resource .main_title { padding-right: 40px;}
.main_resource ul {float:left; width:100%;  height:350px; overflow: hidden}
.main_resource ul li { width: 50%; float: left; padding-right: 40px;}
.main_resource .main_list_title { font-size: 14px; color: #1cb2cc; font-weight: 600; margin: 20px 0 10px; height:auto; }
.main_resource ul li:hover .main_list_txt { color: #000; text-decoration: underline; }
.main_resource .bx-viewport { height:320px !important; }
@media (max-width:1024px) {
}
@media (max-width:768px) {
	.main_resource .bx-viewport { height:220px !important; }
}
@media (max-width:500px) {
	.main_resource .bx-viewport { height:260px !important; }
    .main_resource ul {width:100%; height:auto;}
    .main_resource ul li { width: 50%; padding: 0 5px 20px;}
	.main_resource .main_list_title { margin: 10px 0 5px;}
}


/* main_multimedia */
.main_multimedia { padding:0 0 0 2%; }
.main_multimedia .main_list_txt { margin-top: 20px;}
.main_multimedia .main_list_img { border:1px #ddd solid; background: url(../images/no_multimedia.png) no-repeat center #eceeec; }

@media (max-width:500px) {
	.main_multimedia .main_list_txt { font-size: 12px; margin-top: 10px;}
}


/* main_etcresource */
.main_etcresource .main_title { height: 46px; }
.main_etcresource ul { margin-bottom: 30px; }
.main_etcresource ul li { width: 90%; float: left; padding-right: 40px;}
.main_etcresource .main_list_title { font-size: 14px; color: #1cb2cc; font-weight: 600; margin: 20px 0 10px; height:auto; }
.main_etcresource ul li:hover .main_list_txt { color: #000; text-decoration: underline; }
.main_etcresource img { width:inherit !important; height: 230px; margin: 0px auto !important;}
@media (max-width:768px) {
	.etcresource_bxslider img { height:150px; }
	.main_etcresource .main_list_title { font-size:14px; line-height:16px; height:32px; }
}
@media (max-width:500px) {
	.etcresource_bxslider img {}
}

/* main_clearhousing -> onlinecampus로 변경됨 2020-12-29  */
.main_onlinecampus a { display:block; height:290px; background:url("../images/banner_gcedonlinecampus.png") center no-repeat; text-align:center; margin-left:10%;}
.main_onlinecampus .title {font-size:0; }
.main_onlinecampus .txt {font-size:16px; line-height:22px;color:#000; text-align: center; padding-top:15%;}
@media (max-width:1024px) {
	.main_onlinecampus a { background-size:100%; }
}
@media (max-width:768px) {
}
@media (max-width:500px) {
	.main_onlinecampus a { height:230px; margin:50px 0 0 0; padding-top:40px; }
	.main_onlinecampus .txt {font-size:12px; line-height:14px; }
}

.loginpage .col-login { background:url(login_box_bg.png) no-repeat right top rgba(3,23,101,0.9); }


/* main_link */
.main_link { background-color: #1cb2cc; }
.main_link ul { border-left: 1px rgba(255,255,255,0.5) solid; }
.main_link li { width: 25%; float: left; height: 130px; display: table; border-right: 1px rgba(255,255,255,0.5) solid;}
.main_link li div, .main_link li div a { display: table-cell; vertical-align: middle; cursor: pointer;}
.main_link li div:hover .icon { background-color: #f5f5f5; }
.main_link li p { float: left;}
.main_link .txt { font-size: 18px; line-height: 24px; color: #fff; padding: 15px 0 0 50px; width: 60%;}
.main_link .icon { width: 80px; height: 80px; border-radius: 50%; background-color: #fff; background-position: center; background-repeat: no-repeat;}

.main_link li:nth-child(1) .txt { padding-top: 28px; padding-right:100px;}
.main_link li:nth-child(3) .txt { padding-left: 30px;}
.main_link li:nth-child(1) .icon { background-image: url(/assets/images/banner_icon05.png);}
.main_link li:nth-child(2) .icon { background-image: url(/assets/images/banner_icon01.png);}
.main_link li:nth-child(3) .icon { background-image: url(/assets/images/banner_icon02.png);}
.main_link li:nth-child(4) .icon { background-image: url(/assets/images/banner_icon03.png);}

@media (max-width:1024px) and (min-width:768px) {
	.main_link .txt { font-size: 14px; line-height: 20px; padding-top: 10px; }
}
@media (max-width:1024px) {
	.main_link li { height: 100px; }
	.main_link .icon { width: 60px; height: 60px; background-size: 50%;}
}
@media (max-width:768px) {
	.main_link li { width: 50%; border-bottom: 1px rgba(255,255,255,0.5) solid;}
	.main_link .txt { padding: 15px 0 0 50px !important;}
}
@media (max-width:500px) {
	.main_link li { height: 60px; }
	.main_link .txt { font-size: 10px; line-height: 12px; padding: 0 0 0 10px  !important; width: 65%; }
	.main_link li:nth-child(1) .txt { padding-top: 28px; padding-right:30px  !important; }
    .main_link li:nth-child(2) .txt br { display: none;}    
	.main_link .icon { width: 30px; height: 30px; background-size: 50%;}
}


/* main_banner */
.main_banner { margin: 0 -10px;}
.main_banner li { width: 25%; float: left; padding: 0 10px; }
.main_banner div { border: 1px #ddd solid; background-color: #fff; font-size: 14px; color: #666; line-height: 24px; cursor: pointer;
                   background-repeat: no-repeat; background-position: center 50% !important; height: 120px;}
.main_banner div:hover { border-color: #ccc; color: #0c9fb9; text-decoration: underline;}

.main_banner li div p.title {display: none}
.main_banner li div p.txt {display: none}

.main_banner li:nth-child(1) div { background-image: url(/assets/images/banner_img01.png); background-position: center 20%; }
.main_banner li:nth-child(2) div { background-image: url(/assets/images/banner_img02.png); background-position: center 15%; }
.main_banner li:nth-child(3) div { background-image: url(/assets/images/banner_img03.png); }
.main_banner li:nth-child(4) div.en { background-image: url(/assets/images/banner_img04_en.png); }
.main_banner li:nth-child(4) div.ko { background-image: url(/assets/images/banner_img04_ko.png); }

.main_banner .txt:before { content: ""; display: block; width: 15%; height: 3px; margin-bottom: 10px;}
.main_banner li:nth-child(1) .txt:before { background-color: #f7ab00; }
.main_banner li:nth-child(2) .txt:before { background-color: #6a519a; }
.main_banner li:nth-child(3) .txt:before { background-color: #2e7fdb; }
.main_banner li:nth-child(4) .txt:before { background-color: #1cb2cc; }

@media (max-width:1024px) {
	.main_banner div { background-size: 80%; height:100px; }
	.main_banner .txt { line-height: 20px; }
}
@media (max-width:768px) {
	.main_banner li { width: 50%; padding: 10px; }
	.main_banner div { background-size: 60%; }
	.main_banner .txt { font-size: 12px; line-height: 14px; }
}
@media (max-width:500px) {	
	.main_banner li { padding: 5px;}
	.main_banner div { background-size: 75%; height:50px; }
	.main_banner .txt { font-size: 10px; line-height: 12px; }
}


/* main_bottom */
.main_bottom { background: url(/assets/images/bottom_bg.jpg) no-repeat center top; background-size: cover; min-height: 480px;}
.main_bottom_box { width: 45%; background-color: rgba(14,139,190,0.9); color: #fff; padding: 3%; margin-top: 60px;}
.main_bottom_box .title { font-size: 30px; line-height: 32px;}
.main_bottom_box .txt { font-size: 16px; line-height: 18px; padding: 5px 0 25px;}
.main_bottom_box li { font-size: 16px; color: #fff; line-height: 36px; cursor: pointer;}
.main_bottom_box li:hover { color: #000;}
.main_bottom_box li span { padding-left: 20px;}

@media (max-width:1024px) {
	.main_bottom { min-height: 440px;}
	.main_bottom_box { margin-top: 40px;}
}
@media (max-width:768px) {
	.main_bottom { min-height: 360px;}
	.main_bottom_box .title { font-size: 24px;}
	.main_bottom_box .txt { font-size: 12px; line-height: 16px;}
	.main_bottom_box li { font-size: 14px; line-height: 24px;}
}
@media (max-width:500px) {	
	.main_bottom { min-height: 290px;}
	.main_bottom_box { width: 100%; margin-top: 20px; padding: 5%; }
	.main_bottom_box .title { font-size: 16px;}
	.main_bottom_box .txt { font-size: 10px; line-height: 12px; padding: 0 0 15px;}
	.main_bottom_box li { font-size: 12px; line-height: 18px;}
}


/* news_letter */
.news_letter { background-color: #fcb414; padding: 0 3%; min-height: 100px; margin-top: -100px; }
.news_letter div { width: 50%; float: left;}
.news_letter .txt { color: #fff; font-size: 16px; line-height: 93px; }
.news_letter .txt span { font-size: 30px; margin-right: 5px;}
.news_letter .txt br { display: none;}
.news_letter .input { text-align: right; padding-top: 30px;}
.news_letter .input select,
.news_letter .input input { border: 0; background-color: #fff; height: 40px; vertical-align: top; margin-left: 1px; padding: 0 10px; width: 20%; outline: 0;}
.news_letter .input input[type=text] { width: 55%;}
.news_letter .input input[type=email] { width: 55%;}
.news_letter .input input.btns { background-color: #1cb2cc; color: #fff; width:20%; margin-left: 0;}
.news_letter .input input.btns:hover { background-color: #0e8bbe;}

@media (max-width:1024px) {
	.news_letter { min-height: 80px; margin-top: -80px;}
	.news_letter .txt { font-size: 12px; line-height: 75px;}
	.news_letter .txt span { font-size: 22px;}
	.news_letter .input { padding-top: 20px;}
}
@media (max-width:768px) {
	.news_letter .txt br { display: block;}
	.news_letter .txt { line-height: 18px; padding-top: 20px;}
}
@media (max-width:500px) {	
	.news_letter { min-height: 100px; margin-top: -100px;}
	.news_letter div { width: 100%; float: none;}
	.news_letter .txt { font-size: 10px; padding-top: 10px;}
	.news_letter .txt span { font-size: 14px;}

	.news_letter .input { padding-top: 10px; text-align: center;}
	.news_letter .input input.btns,
	.news_letter .input select, .news_letter .input input { font-size: 10px;}
	.news_letter .input select, .news_letter .input input { height: 30px;}
	.news_letter .input select { width: 30% !important;}
	.news_letter .input input[type=text] { width: 49% !important;}
	.news_letter .input input[type=email] { width: 48% !important;}
}

/* bottom_box */
.bottom_box { background-color: #333; padding: 0 3%;}
.bottom_box li { float: left;}

.bottom_box .link { float: left;}
.bottom_box .link li a { font-size: 16px; color:rgba(255,255,255,0.7); line-height: 80px; margin-right: 40px; display: none; }
.bottom_box .link li a:hover { color:#fff; }

.bottom_box .link li:last-child { display:none; }

.bottom_box .sns { float: right; }
.bottom_box .sns li a { display: block; width: 42px; height: 42px; background: center no-repeat; background-size:cover; font-size: 0; margin:15px 0 15px 15px; }

.bottom_box .sns li:nth-child(1) a { background-image: url(/assets/images/sns_facebook.png);}
.bottom_box .sns li:nth-child(2) a { background-image: url(/assets/images/sns_insta.png);}
.bottom_box .sns li:nth-child(3) a { background-image: url(/assets/images/sns_youtube.png);}

@media (max-width:1024px) {
}
@media (max-width:768px) {
	.bottom_box .link li a { font-size: 14px; line-height: 50px;}
	.bottom_box .sns li a { width:30px; height:30px; margin:10px 0 10px 10px; }
}
@media (max-width:500px) {	
	.bottom_box .link li a { font-size: 10px; line-height: 30px; margin-right: 10px;}
	.bottom_box .sns li a { width:20px; height:20px; margin:5px 0 5px 5px; }
}

/* sitemap */
.sitemap { color: #fff; margin: 40px 0 20px;}
.sitemap>ul { float: left; width: 20%; border-left: 1px rgba(255,255,255,0.15) solid; padding-left: 3%;}
.sitemap h3 { font-size: 18px; padding-bottom: 20px;}
.sitemap li { color: rgba(255,255,255,0.6); }
.sitemap a { font-size: 16px; line-height: 30px; color: rgba(255,255,255,0.6); }
.sitemap a:hover { color: #fff;}

.sitemap>ul>li>ul { padding: 2% 0 5% 10%;}
.sitemap>ul>li>ul>li>a { font-size: 13px; line-height: 26px; color: rgba(255,255,255,0.5); }

@media (max-width:1024px) {
	.sitemap { margin: 20px 0 0;}
}
@media (max-width:768px) {
	.sitemap { display: none;}
}
@media (max-width:500px) {	
}




/***************************************************************************************************************************************
 sub_layout :common */

 /* sub_title_img */
.sub_title_img { background:url(../images/sub_title_img.jpg) no-repeat top center; height:240px; text-align:center; background-size:cover; display:table; width:100%; }
.sub_title_img p { font-size:30px; color:#fff; text-shadow:3px 3px 5px rgba(0,0,0,0.3); display:table-cell; vertical-align:middle; font-weight: 600; padding-bottom: 50px; }

.sub_title_img1 { background-image:url(../images/sub_title_img1.jpg); }
.sub_title_img2 { background-image:url(../images/sub_title_img2.jpg); }
.sub_title_img3 { background-image:url(../images/sub_title_img3.jpg); }
.sub_title_img4 { background-image:url(../images/sub_title_img4.jpg); }
.sub_title_img5 { background-image:url(../images/sub_title_img5.jpg); }

@media (max-width:1024px) {
	.sub_title_img p { padding-bottom: 0; }
}
@media (max-width:768px) {
	.sub_title_img { height:140px; width:100%; display:table; }
	.sub_title_img p { font-size:26px; }
}
@media (max-width:500px) {
	.sub_title_img { height:120px; background-position:65%; }
	.sub_title_img p { font-size:20px; }
}

/* sub_menu */
.sub_menu_bar { width:100%; background-color:rgba(17,17,17,0.7); margin-top: -50px; height:50px; }
.sub_menu { text-align:center; }
.sub_menu li { display:inline-block; border-left: 1px rgba(255,255,255,0.2) solid; }
.sub_menu li:last-child { border-right: 1px rgba(255,255,255,0.2) solid; }
.sub_menu li a { font-size:16px; line-height:50px; color:#fff; padding:0 50px;}
.sub_menu li a:hover,
.sub_menu li a.on { text-decoration:none; color:#ffea00; }

.sub_menu_depth02 { display: none;}

@media (max-width:768px) {
	.sub_menu_bar { margin-top:0; height:0; }
}

/* sub_con */
.sub_con { padding:25px 15px 100px; color:#555; font-size:16px; line-height:20px; min-height:700px; }
.sub_con:after,
.sub_con_title:after { content:""; display:block; clear:both; }

.sub_con_title { margin-bottom:30px; }
.sub_con_title h3 { float:left; font-size:28px; line-height: 38px !important; color:#111; line-height:inherit; font-weight: 600; letter-spacing: -0.5px;}
.sub_con_title .location { float:right; font-size:1rem; color:#999; margin:20px 0 0 0; }
.sub_con_title .location span { background:url(../images/location_arrow.png) no-repeat left center; padding-left:10px; margin-left:5px; }
.sub_con_title .location .home { font-size:0; background:url(../images/home.png) no-repeat center; width:19px; height:16px; display:inline-block; vertical-align:middle; margin-top:-2px; }
.sub_con_title .location a { color:#999; }
.sub_con_title .location a:hover { color:#000; }

@media (max-width:768px) {	
	.sub_con { padding:15px 15px 100px; }
	.sub_con_title { margin-bottom:20px; }
	.sub_con_title h3 { font-size:24px; }	
}
@media (max-width:500px) {
	.sub_con { padding:15px 15px 120px; }
	.sub_title_img p { font-size:26px; }
	.sub_con_title h3 { font-size:16px; line-height: 26px !important; }
	.sub_con_title .location { font-size:10px; margin:5px 0 0 0; }
	.sub_con_title .location .home { width:14px; height:12px; background-size:cover; }
}


.admin_btn { margin-top:100px; text-align:right; }

#viewcomment .sub_con { min-height:inherit; padding:0; }


/* ready :컨텐츠준비중 */
.ready { width:100%; height:500px; display:table; background-color:#f9f9f9; border:1px #ddd solid; }
.ready_txt_box { display:table-cell; vertical-align:middle; text-align:center; }
.ready_txt01:before { content:"!"; display:block; margin:0 auto 15px; font-size:50px; color:#ccc; border:4px #ddd solid; width:80px; height:80px; line-height:70px; border-radius:50%; }
.ready_txt01 { font-size:20px; color:#0c9fb9; line-height:40px; }
.ready_txt02 { font-size:14px; color:#999; }

@media (max-width:500px) {
	.ready { height:300px; }
}


/***************************************************************************************************************************************
 contents :common */
.con_box { color:#888; padding:15px; }
.con_title_tbl:before { content:"ㆍ"; display:inline-block; color: #1cb2cc; }
.con_title { color:#000; font-size:24px; line-height: 30px; font-weight: 600; letter-spacing: -0.5px; margin-bottom: 15px; }
.con_txt { font-size:16px; line-height:24px; }

@media (max-width:768px) {
	.con_box { padding:10px; }		
}
@media (max-width:500px) { 
	.con_title { font-size:14px; }
	.con_txt { font-size:12px; line-height:16px; }
}


.con_list { padding:50px 0 25px 30px; border-bottom: 1px #ccc solid; }
.con_list:after { content: ""; display: block; clear: both;}
.con_list .con_title, .con_list ul { float:left; }
.con_list .con_title { width:25%; }
.con_list ul { width:75%; }
.con_list li { font-size:16px; line-height:24px; position:relative; padding:0 0 25px 15px }
.con_list li:before { content:"ㆍ"; display:inline-block; color: #1cb2cc; position:absolute; left:0; }

ul.con_list { margin:0; padding:0; text-align: left; }
ul.con_list:after { display:none; }

@media (max-width:768px) {
	.con_list .con_title { margin:15px 0 15px; }		
}
@media (max-width:500px) { 
	.con_list { padding:10px; }
	.con_list .con_title { font-size:16px; margin-bottom:10px; }
	.con_list li { font-size:12px; line-height:16px !important; padding-bottom:10px; }
	.con_list .con_title, .con_list ul { float:inherit; width:inherit !important; }
}

.con_tip { font-size:14px; color:#888; padding:5px 0; }

@media (max-width:500px) { 
	.con_tip { font-size:11px; }
}

/* con_tbl */
.con_tbl { font-size:15px; width:100%; border-top:1px #ddd solid; border-bottom:1px #ccc solid; border-left:1px #ddd solid; margin-bottom: 30px; }
.con_tbl th, .con_tbl td { padding:15px; border-bottom:1px #ddd solid; border-right:1px #ddd solid; line-height: 20px; }
.con_tbl th { background-color:#f4f6f9; text-align:center; color: #1092c0; }
.con_tbl .link { text-decoration:underline; cursor:pointer; }
.con_tbl .th_bg, .con_tbl.th_bg th, .con_tbl.th_bg td { background-color:#fffff4; color:#444; }

.con_tbl .th_bg02 { background-color: #fafbfd !important;}

/*btn */
.con_btn {margin:20px auto; width:250px; }
.con_btn a {width:100%; padding:10px; display:inline-block; background:#aac322; border-radius: 5px;font-size:16px; color:#fff; font-weight: 600; text-align: center;}
.con_btn a:hover { background: #a2bf06;}

@media (max-width:768px) {
	.con_tbl { font-size:12px; }
	.con_tbl th, .con_tbl td { padding:10px;}
}
@media (max-width:500px) {
	.con_tbl { font-size:11px; }
	.con_tbl th, .con_tbl td { padding:10px; line-height: 16px; }
    .con_btn { width:100%}
    .con_btn a {padding:10px 0; font-size: 12px; }
}

/* tabs */
.tabs { border-bottom: 1px #ccc solid; margin-bottom: 30px;}
.tabs li { float:left; text-align: center; padding: 0 1.5%; display: table; height: 50px; border-bottom:3px rgba(255,255,255,0) solid; margin-bottom: -2px;}
.tabs li:after { display:block; content:""; clear:both; }
.tabs li a { display:table-cell; vertical-align: middle; font-size:18px; line-height:24px; color:#999; text-align:center;
	         letter-spacing: -0.5px; }
.tabs li a:hover { color:#000; }
.tabs li a br { display: none;}
.tabs li.selected { border-bottom:3px #fcb414 solid; }
.tabs li.selected a { color:#000;}
.Programmes .tabs li a br { display: block;}

.tabs_05 li { width: 25%; padding: 0; }


.Offices .tabs_05 li:last-child,
.Offices_en .tabs_05 li:last-child,
.NationalCommissions .tabs_05 li:last-child,
.NationalCommissions_en .tabs_05 li:last-child { display: none;}


.Programmes .tabs_05 li,
.Programmes_en .tabs_05 li { width: 20%;}

.Programmes_en .tabs li { height: 70px; }

.show { display:block;}
.hide { display:none; }

@media (max-width:768px) {
	.tabs li { height: 40px;}
	.tabs li a { font-size: 14px; }

	.tabs_05 { margin-bottom: 15px;}
	.tabs_05 li { float:left; padding:0 !important;}	
	.tabs_05 li a { line-height:18px; }
	.tabs_05 li a br { display: block; }
}
@media (max-width:500px) {
	.tabs { margin-bottom: 15px;}
	.tabs li { float:left; padding: 0 3%;}	
	.tabs li a { font-size:12px; line-height:14px; }
	.tabs li a br { display: block; }

	.tabs_05 li a { font-size:10px; line-height: 12px; }
	
	.Programmes_en .tabs li { height: 65px;}
}
@media (max-width:320px) {
	.tabs_05 li a { word-break: break-all;}
}

/* privacy */
.agree_info { height:300px; padding:3%; background-color:#fff; border:1px #ddd solid; overflow:auto; }
.agree_info .con_bg_box { background-color:#f4f6f9; }



/***********************************************************************************************************************************
contents */

/* greetings */
.greetings .top_box { position: relative; background: url(/assets/images/greetings.png) no-repeat 98% 17px;}
.greetings .top_box .txt { font-size: 60px; line-height: 70px; font-weight: 700; color: #19abc9;}
.greetings .top_box:after { content: ""; width: 67%; height: 3px; background-color: #fcb414; position: absolute; right: 0; bottom: 12px;}
.greetings .txt_box { border-bottom: 1px #ddd solid; padding: 5% 0;}
.greetings .txt_box .con_title { font-size: 30px; line-height: 36px; color: #000; font-weight: 700; padding-bottom: 30px;}
.greetings .txt_box .con_txt { line-height: 28px;}
.greetings .txt_box .name { float: right; font-size: 18px; color: #000; font-weight: 600; margin-top: 50px;}

@media (max-width:1024px) {	
}
@media (max-width:768px) {	
	.greetings .top_box { background-position: 98% 84%; background-size: 50%;}
	.greetings .top_box:after { width: 55%; bottom: 7px;}
	.greetings .top_box .txt { font-size: 48px; line-height: 50px;}
}
@media (max-width:500px) {
	.greetings .top_box { background-position: 98% 60%;}
	.greetings .top_box:after { width: 65%; height: 2px;}
	.greetings .top_box .txt { font-size: 18px; line-height: 22px; padding-bottom: 5px;}
	.greetings .txt_box .con_title { font-size: 16px; line-height: 20px; padding-bottom: 10px; }
	.greetings .txt_box .con_txt { line-height: 18px;}
	.greetings .txt_box .name { font-size: 12px;}
}


/* Mission & Mandate */
.mission_mandate .top_box,
.Programmes .top_box .txt_box { color: #fff; padding: 5%; border-radius: 5px;
	background:url(/assets/images/Mission&Mandate.png) no-repeat 100% 120% #0e8bbe; /* Old browsers */
	background:url(/assets/images/Mission&Mandate.png) no-repeat 100% 120%, -moz-linear-gradient(-15deg,  #0e8bbe 0%, #1cb2cc 100%); /* FF3.6-15 */
	background:url(/assets/images/Mission&Mandate.png) no-repeat 100% 120%, -webkit-linear-gradient(-15deg,  #0e8bbe 0%,#1cb2cc 100%); /* Chrome10-25,Safari5.1-6 */
	background:url(/assets/images/Mission&Mandate.png) no-repeat 100% 120%, linear-gradient(165deg,  #0e8bbe 0%,#1cb2cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8bbe', endColorstr='#1cb2cc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  }

.mission_mandate .top_box p { float: left;}
.Programmes .top_box .con_title,
.mission_mandate .top_box .con_title { width: 25%; color: #fff; line-height: 32px; }
.mission_mandate .top_box .con_title:after,
.Programmes .top_box .con_title:after { content: ""; display: block; width: 40px; height: 2px; background-color: #fcb414; margin-top: 20px; }
.mission_mandate .top_box .con_txt,
.Programmes .top_box .con_txt { width: 75%; line-height: 30px; }
.mission_mandate .con_list .con_txt { padding:0 0 25px 15px;}

.mission_mandate .con_list .con_title span { font-size: 16px; color: #666; padding-left: 5px; }

.mission_mandate_ko {}

@media (max-width:768px) {	
	.mission_mandate .top_box p { float: none; width: 100% !important;}
	.mission_mandate .top_box .con_title { margin-bottom: 20px;}
}
@media (max-width:500px) {
	.mission_mandate .top_box .con_title { margin-bottom: 10px; line-height: 20px;}
	.mission_mandate .top_box .con_title:after { margin-top: 10px;}
	.mission_mandate .top_box .con_txt { line-height: 16px;}
}


/* Chronology */
.Chronology { background: url(/assets/images/Chronology.png) no-repeat center; border-top: 2px #333 solid; }
.Chronology .list>li:after { content: ""; display: block; clear: both;}
.Chronology .list>li { padding: 2%; border-bottom: 1px #ddd dashed; }
.Chronology .list .year,
.Chronology .list .txt_box  { float: left;}
.Chronology .list .year { font-size: 28px; line-height: 36px; font-weight: 700; color: #1cb2cc; text-align: right; padding-right: 5%; }
.Chronology .list .txt_box { line-height: 20px;}
.Chronology .list .txt_box li { display: flex; padding: 10px 0; }
.Chronology .list .txt_box .month { font-size: 20px; font-weight: 600; color: #fcb414; }
.Chronology .list .txt_box .txt { font-size: 16px;}

.Chronology .list .year { width: 10%;}
.Chronology .list .txt_box { width: 90%;}

.Chronology .list .txt_box .month { width: 15%; }
.Chronology .list .txt_box .txt { width: 85%;}

.Chronology_ko .list .year { width: 15%;}
.Chronology_ko .list .txt_box { width: 85%;}

.Chronology_ko .list .txt_box .month { width: 5%; }
.Chronology_ko .list .txt_box .txt { width: 95%; }

@media (max-width:768px) {
	.Chronology { background-size: 80%;}
	.Chronology .list .year { font-size: 22px; }
	.Chronology .list .txt_box .month { font-size: 16px; }
	.Chronology .list .txt_box .txt { font-size: 14px;}
}

@media (max-width:500px) {
	.Chronology .list .year,
	.Chronology .list .txt_box { float: none; width: 100%; text-align: inherit;}
	.Chronology .list .year { font-size: 20px; }
	.Chronology .list .txt_box li { padding: 5px 0;}
	.Chronology .list .txt_box .month { width: 30%; font-size: 14px; }
	.Chronology .list .txt_box .txt { width: 70%; font-size: 12px; line-height: 16px;}

	.Chronology_ko .list .txt_box .month { width: 10%; }
	.Chronology_ko .list .txt_box .txt { width: 90%; }
}


/* Organization */
.Organization .top_box { text-align: center; padding: 3% 0; background: url(/assets/images/Organization_bg.png) no-repeat center #f4f6f9; border: 1px #ddd solid; margin-bottom: 5%; }
.Organization .tab_con .con_title { font-size: 20px; }
.Organization .tab_con .con_txt { font-size: 15px; padding-left: 3%;}
.Organization .tab_con .con_tbl th { text-align: left; }

@media (max-width:768px) {
	.Organization .top_box { background-size: 50%; padding: 3%;}
	.Organization .tab_con .con_title { font-size: 16px;}
	.Organization .tab_con .con_txt { font-size: 12px; }
}
@media (max-width:500px) {
	.Organization .tab_con .con_tbl { margin-bottom: 15px;}
	.Organization .tab_con .con_title { font-size: 14px; margin-bottom: 0;}
	.Organization strong { display: block;}
}


/* ContactUs */
.ContactUs .map_box { min-height: 400px; border: 10px #f4f6f9 solid;}
.ContactUs .root_daum_roughmap { width: 100% !important;}

.ContactUs_en .map_box { min-height:inherit; border:0; }


/* Programmes */
.Programmes .tabs { margin-bottom: 3%;}
.Programmes .top_box div,
.Programmes .list li { width: 50%; float: left; }
.Programmes .con_title,
.Programmes .con_txt { width: 100% !important; float: none !important; }

.Programmes .top_box div { height: 480px; }
.Programmes .top_box img { height: 100%;}
.Programmes .top_box .txt_box { border-radius: 0; padding: 3% 3% 3% 4%; background-position: 100% 110%;}
.Programmes .top_box .con_title {  color: #fff; line-height: 32px; }
.Programmes .top_box .con_title:after { width: 10%; height: 2px; margin-top: 20px; }
.Programmes .top_box .con_txt { line-height: 24px; color: rgba(255,255,255,0.8); }

.Programmes .list { margin: 3% -1%;}
.Programmes .list li { padding: 0 1%; }
.Programmes .list .box { height: 650px; }
.Programmes .list .con_title { font-size: 22px; margin: 3% 0 1.5%;}

.Programmes_03 .list .box { height:750px; }

.Programmes_03 .list li:nth-child(1) .box, .Programmes_03 .list li:nth-child(2) .box { height:800px; }

@media (max-width:1024px) {
}
@media (max-width:768px) {
	.Programmes .top_box .con_title { font-size:18px; line-height: 24px; }
	.Programmes .top_box .con_txt { font-size: 14px; line-height: 18px; }

	.Programmes .list .box { height: 480px;}
	.Programmes .list .con_title { font-size: 18px; line-height: 22px; }
	.Programmes .list .con_txt { font-size: 12px; line-height: 16px; }
	
	.Programmes_ko .top_box div { height: 410px; }
	
}
@media (max-width:500px) {
	.Programmes .top_box div,
	.Programmes .list li { width: 100%; float: none; }
	.Programmes .top_box div,
	.Programmes .list .box { height: inherit !important;}

	.Programmes .top_box .img_box { overflow: hidden;}
	.Programmes .top_box img { height: auto; max-width: 100%;} 
	.Programmes .top_box .txt_box { padding: 5%; }
	
	.Programmes .top_box .con_title { font-size:16px; line-height: 20px; }
	.Programmes .top_box .con_title:after { margin-top:15px; }
	.Programmes .top_box .con_txt { font-size: 12px; line-height: 16px; }
	
	.Programmes .list .box { margin-bottom: 10%;}
}


/* NationalCommissions */
.NationalCommissions .top_box { border: 1px #ddd solid;}
.NationalCommissions .top_box img { max-width: none !important;}
.NationalCommissions .flag_list ul { margin: 3% -15px 0;}
.NationalCommissions .flag_list li { float: left; width: 16.666%; text-align: center; padding-bottom: 2%;}
.NationalCommissions .flag_list p { font-size: 14px; font-weight: 600; line-height: 16px; color: #333; height:32px; margin-top:5%;}

@media (max-width:1024px) {
	.NationalCommissions .flag_list li { width: 20%; }
}
@media (max-width:768px) {
	.NationalCommissions .flag_list li { width: 25%; padding: 0 2%; }
}
@media (max-width:500px) {
	.NationalCommissions .flag_list ul { margin: 5% -10px 0;}
	.NationalCommissions .flag_list li { width: 33.333%; padding: 0 3.5%; }
	.NationalCommissions .flag_list p { font-size: 10px; line-height: 12px; height: 30px; }
}



/* Calendar : 2021-03-09 pink */
.Calendar {}
.Calendar.c1, .Calendar.c2 {display:inline-table; width:48%; vertical-align: top;}
.Calendar.c2 {margin-left:2%; margin-top: 10px;}

.Calendar.c2  h3{font-size:20px; font-weight:600; color:#008fc7; margin:10px 0 }
.Calendar .year {width:100%;height:445px; overflow-y: auto;border-top:2px solid #555; border-bottom:2px solid #555; }
.Calendar .year table {width:100%; border:none; }
.Calendar .year table th, .Calendar.year table td {padding:5px 2px; line-height: 1.2em; vertical-align: top; min-height:20px; border:none;  border-bottom:1px solid #ccc;font-size:14px}
.Calendar .year table th {width:80px; color:#333;text-align: right; font-weight: 600; border-right:1px solid #ccc;  background:#f9f9f9;} 
.Calendar .year table td {text-align: left; padding:5px 5px 0 5px;}
.Calendar .year table td p {margin-bottom:5px; font-size:14px;}
.Calendar .year table td p:before {content: "- "}



@media (max-width:1024px) {
	
}
@media (max-width:768px) {
    
    .Calendar.c1, .Calendar.c2 {display:block; width:100%; vertical-align: top;}
    .Calendar.c2 {margin-left:0; margin-top: 10px;}
    .Calendar .year {height:auto; overflow-y: visible;}
    .Calendar .year table th {width:20%; }
    
}
@media (max-width:500px) {

}




/* privacy */
.privacy { background-color:#f9f9f9; border:1px #ddd solid; padding:3%; height:700px; overflow:scroll; }


/********************************************************************************************************************************
 admin*/
 
/* login */
.access { margin:0; float:inherit; width:100%; }
.access .panel { border-radius:0; box-shadow:none; width:60%; margin:10% auto 15% auto; }
.access .panel-heading { font-size:18px; background-color:#f4f6f9; background-image:none; text-align:center; }
.access #autologin { margin-left:15px; }
.admin_btn { margin:50px 0; text-align:right; }



@media (min-width:768px) {		
	.navbar-right .dropdown-menu { right:inherit; }
	.container>.navbar-collapse { padding-right:0; padding-left:0; margin-top:30px; }		
}











    