@charset "UTF-8";
@import url('NanumGothic.css');
@import url('NotoSansKR.css');
@import url('Jalnan.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; overflow-x: hidden !important; }
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; }
}

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:#ddd; 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:#d5a23c !important; border-color:#d5a23c !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:#3c7b44 !important; border-color:#3c7b44 !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:#3c7b44 !important; border-color:#3c7b44; }
.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; }



/* video */
.video {background:#cb412c;  height:100px; width:100px; float: right; text-align:center;}
.video li a {font-size: 18px; line-height: 25px; color:#fff; font-weight:500; display: block}
.video li a i {background: url("../images/icon_play.png") 0 0 no-repeat; height:25px; width:25px; margin-top:25px; font-size:0;display:inline-block}
    html:lang(en) .video li a {font-size: 16px; line-height: 20px; }
    html:lang(en) .video li a i {margin-top:20px; }

.video li ul {display:none; list-style:none;margin:0;padding:0;}
.video li:hover ul{display:block;}
.video li a:hover, .video ul li:hover a{ background: #cb412c;color:#FFFFFF;text-decoration:none;}
.video li ul{background: #cb412c; padding-top:20px; height:auto;border:0px;position:absolute;width:100px;z-index:200;/*top:1em;/*left:0;*/}
.video li li {background: #cb412c;display:block;float:none;margin:0px;padding:0px;width:100px; border-top:#ddd}
.video li:hover li a{background:none;}
.video li ul a{display:block;height:35px;font-size:16px;margin:0px;padding:0px 10px 0px 15px;text-align:center;line-height:35px;}
.video li ul a:hover, .video li ul li:hover a{background: rgb(171,171,171);border:0px;color:#ffffff;text-decoration:none;}


/* navbar */
.navbar { background:rgba(0, 0, 0, .3); border: 0; border-radius:0; box-shadow:none; z-index:9994; margin-bottom:0; position:fixed; width:100%; }
.navbar-default .navbar-brand { width: 160px; height:72px; padding:0; font-size:0; display:inline-block; outline:0; background:url(../images/logo_en.png) no-repeat; }

.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:#fff; font-size:18px; font-weight: 500; letter-spacing: .5px; padding: 30px; }
.navbar-default .navbar-nav>li>a:hover { color:#fff; }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus { color: #ebff46;}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus { color:#fff; box-shadow:none; background:none; }

/* navbar : fixed */
.navbar_box_fixed.navbar {background:rgba(0, 0, 0, .7); }
.header.header_fixed {display: none;}

@media (max-width:1920px) {	
	
}
@media (max-width:1024px) {	
	.navbar-default .navbar-nav>li>a { padding: 15px; }
}
@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; padding: 0 0 0 10px; }	
	.navbar-header .lang { position:absolute; right:65px; top: 0px; width: 60px;  height: 60px; line-height:60px;}
	.navbar-header .lang a {line-height:60px}
	.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; }
}

.navbar_menu { width:100%; }
.navbar_menu_inner { display: flex; align-items: center; justify-content: space-between; height: 100px; padding: 0 5%; }
#topmenu-navbar-collapse { margin-right: 5%;}
.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:#48ffe9; }
.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; }

/* lang */
.lang a { font-size: 18px; line-height: 22px; color:#fff; font-weight:500; display: block; background: url(../images/lang.png) no-repeat left center; padding-left: 34px; }

@media (max-width:1440px) {
}
@media (min-width:992px) and (max-width:1440px) and (max-width:1200px) { 
}
@media (max-width:1024px) {
}
@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:#fff; 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:99999; 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 .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 .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:#2564c4 !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:#2d3a6b; 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;border-radius:20px; }
.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:#272d3f; padding: 60px 0 80px; }
footer .copyright { background:url(../images/logo_footer.png) no-repeat left center; font-size: 16px; line-height: 22px; font-weight: 500; letter-spacing: .5px; padding: 60px 0 0 280px; color: rgba(255,255,255,0.6);  }
footer .copyright b { font-weight: 600;}
footer .sns_btns { display: flex; justify-content: flex-end; align-items: flex-end; gap: 8px; height: 100px; }
footer .sns_btns a { width: 32px; height: 32px; background: no-repeat center; font-size: 0;}
footer .sns_btns a:nth-of-type(1) { background-image: url(../images/footer_sns_insta.png);}
footer .sns_btns a:nth-of-type(2) { background-image: url(../images/footer_sns_fb.png);}
footer .sns_btns a:nth-of-type(3) { background-image: url(../images/footer_sns_twit.png);}
footer .sns_btns a:nth-of-type(4) { background-image: url(../images/footer_sns_yt.png);}
footer .sns_btns a:nth-of-type(5) { background-image: url(../images/footer_sns_mail.png);}

footer .see_mobile { clear:both; margin:0 auto; text-align:center; display:none; } /****** 모바일 버젼으로 보기 숨김처리 **********/

@media (max-width: 768px) {
	footer { padding: 40px 0 60px;}
	footer .copyright { font-size:12px; line-height: 20px; letter-spacing: 0; background-size: contain; padding: 30px 0 0 185px; }
	footer .sns_btns { height: 50px; justify-content: flex-start;}
}
@media (max-width: 425px) {
	footer .copyright { font-size: 11px; line-height: 18px; background-size: 40%; padding: 80px 0 0 0; background-position: left top;}
}

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

/* BtnC */
a.btnC {display: inline-block; width: auto; padding:0 30px;  height:38px;  line-height:38px; border-radius: 19px; font-weight:500; color:#fff; font-size:18px; }
a.btnC:after {content: '>'}
a.btnC.btnC_detail {border:2px solid #fff; margin-right:20px;}
a.btnC.btnC_down {background:#fd4834;}



/* main */
.container { width: 1280px; }
.main .navbar-form { margin-top:0; margin-bottom:0; padding:0; }
.main_index .sub_title_img { display:none; }
.main_index > .container { width:100%; padding: 0; }
@media (max-width:1440px) {
	body > .container { width: auto !important; padding: 0;}
	.container { width:100%; padding: 0; }
	.row { margin: 0;}
	.col-md-12 { padding: 0;}
}

/* bxslider */
.bx-wrapper { margin-bottom:inherit; border:0; box-shadow:none; background: none; }
.bx-wrapper .bx-pager {  display: none;padding:0; text-align: right; width: 1250px; top:30px; left: 50%; margin-left: -625px; }
.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 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 */
.main_visual { width:100%; position:relative; }
.main_visual .container { height: 960px; display: flex; align-items: center; }
.main_visual .bxslider li { position: relative;}
.main_visual .bxslider:after { content:""; display:block; clear:both; }

.main_visual .main_visual_box { background-size: cover; background-position: center top;}
.main_visual .txt_box { color: #fff; font-weight: 700; line-height: 1.2; width: 100%; padding-top: 40px;}
.main_visual .txt_box .line { height: 80px;}
.main_visual .txt_box .txt1,
.main_visual .txt_box .txt2 { font-size: 60px; }
.main_visual .txt_box .txt1 { background: linear-gradient(90deg, rgba(200,253,217,1) 0%, rgba(246,252,147,1) 100%);  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; clip-path: inset(1px); }
.main_visual .txt_box .txt3 { font-size: 30px; color: #c4fd48; font-weight: 200; margin-top: 20px; }
.main_visual .txt_box .txt4,
.main_visual .txt_box .txt5 { font-size: 36px; color: #ebff46;}
.main_visual .txt_box .txt4 { color: #48ffe9; }
.main_visual .txt_box .link { display: flex; align-items: center; justify-content: space-between; font-size: 18px; font-weight: 500; background-color: #4f6df5; color: #fff; margin-top: 40px; width: 250px; height: 70px; padding: 0 30px; border-radius: 8px; text-transform: uppercase;}
.main_visual .txt_box .link:hover { background-color: #2b47c9;}

.main_visual .txt_box .white {color:#fff !important; background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone;  -webkit-box-decoration-break: clone; clip-path: inset(1px); }

.link {position:relative}
.link i.arrow {background:url(../images/main_arrow_btn.png) no-repeat 0 0; position:absolute; right:25px; width:9px; height:14px;}


@media (max-width: 1024px) {	
	.bx-controls-direction { display:none; }
	.main_visual .container { height: 700px; padding: 0 5%;}
	.main_visual .txt_box { padding-top: 70px;}
	.main_visual .txt_box .line { height: 60px;}
	.main_visual .txt_box .txt1,
	.main_visual .txt_box .txt2 { font-size: 40px; }
	.main_visual .txt_box .txt3 { font-size: 24px;}
	.main_visual .txt_box .txt4,
	.main_visual .txt_box .txt5 { font-size: 34px;}
	.main_visual .txt_box .link { font-size: 16px; width: 200px; height: 60px; padding: 0 24px;}
}
@media (max-width: 768px) {
	.main_visual .container { height: 500px;}
	.main_visual .txt_box { padding-top: 40px;}
	.main_visual .txt_box .line { height: 50px;}
	.main_visual .txt_box .txt1,
	.main_visual .txt_box .txt2 { font-size: 34px; }
	.main_visual .txt_box .txt3 { font-size: 20px; margin-top: 10px;}
	.main_visual .txt_box .txt4,
	.main_visual .txt_box .txt5 { font-size: 28px;}
	.main_visual .txt_box .link { font-size: 14px; width: 180px; height: 50px; padding: 0 20px; margin-top: 30px;}
}
@media (max-width: 425px) {
	.main_visual .main_visual_box { background-size: 240%; background-position: 38% -57px;}
	.main_visual .container { height: 400px;}
	.main_visual .txt_box { padding-top: 50px;}
	.main_visual .txt_box .line { height: 40px;}
	.main_visual .txt_box .txt1,
	.main_visual .txt_box .txt2 { font-size: 18px; }
	.main_visual .txt_box .txt3 { font-size: 12px; margin-top: 10px;}
	.main_visual .txt_box .txt4,
	.main_visual .txt_box .txt5 { font-size: 16px;}
	.main_visual .txt_box .link { font-size: 12px; width: 150px; height: 40px; padding: 0 14px; margin-top: 30px;}
	.link i.arrow {width:9px; height:16px; right:15px; }

}
@media (max-width: 375px) {
	.main_visual .main_visual_box { background-size: 270%; }
}


/* 메인 visual 영역 스크롤다운 */
.main_visual .icon-scroll {position:absolute;bottom:17%;left:50px; z-index:1;transform:rotate(-90deg);font-size:18px;font-weight:400; color:rgba(255, 255, 255, 0.6);}

.main_visual .icon-scroll span{
	display:inline-block;
	width: 11px;
	height: 11px;
	border-left: 1px solid rgba(255, 255, 255, 0.6);
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	-webkit-transform: rotate(-315deg);
	transform: rotate(-315deg);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
	margin-top:6px;
}
.main_visual .icon-scroll span:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	margin-right:-5px;
}
.main_visual .icon-scroll span:nth-of-type(2) {
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
	margin-right:15px;
}
	@-webkit-keyframes sdb {
		0% {
			opacity: 0;
		}
		50% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
	@keyframes sdb {
		0% {
			opacity: 0;
		}
		50% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}

@media (max-width: 1600px) {
	.main_visual .icon-scroll {left:auto; right:-40px;padding-bottom:15px;}
	.main_visual .icon-scroll div {display:none;}
	.main_visual .icon-scroll:after {margin:0;}
}

@media (max-width: 425px) {
	.main_visual .icon-scroll {font-size:16px;}
}

/* main_theme */
.main_theme { margin-top: 100px; display: flex; }
.main_theme .main_theme_img {width: 50%; text-align: right; }
.main_theme .main_theme_txt {width: 50%; overflow: hidden;}
.main_theme .main_theme_txt .main_theme_title {width:100%; font-size: 32px; font-weight: 600; color: #3a4b72; text-align: center; margin-top:30px; line-height:40px;}
.main_theme .main_theme_img img {max-width: 960px; width:100%;}
.main_theme .main_theme_txt { color: #222; font-size: 20px; line-height: 1;}
.main_theme .main_theme_txt ul { border-top: 1px rgba(0,0,0,.2) solid; width: 90%; margin:2% 5%;}
.main_theme .main_theme_txt ul li { display: flex; align-items: center; border-bottom: 1px rgba(0,0,0,.2) solid; }
.main_theme .main_theme_txt ul li p { padding: 18px 24px; }
.main_theme .main_theme_txt ul li p.title_box { font-weight:600; line-height:1.3em }
.main_theme .main_theme_txt ul li p.txt_box { font-size:20px; line-height:1.2em;font-weight:400 }
.main_theme .main_theme_txt ul li p:first-of-type { width: 25%; text-align: right; padding-left: 0; }
.main_theme .main_theme_txt ul li p:last-of-type { width: 75%; padding-right: 0; min-height:100px; border-left: 1px rgba(0,0,0,.2) solid; }

.main_theme .main_theme_txt ul li:nth-child(1) p:last-of-type, 
.main_theme .main_theme_txt ul li:nth-child(2) p:last-of-type { min-height:40px;}

.main_theme .main_theme_txt ul li p.title_box { font-weight:600; line-height:1.3em }

.main_theme .main_theme_txt ul li p a { font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: space-around; margin-top: 20px; width: 180px; height: 40px; border-radius: 8px; border: 1px solid #3a4b72; background-color: #3a4b72; ;}
.main_theme .main_theme_txt ul li .img_box { display: flex; align-items: center; gap: 10%;}

@media (max-width: 1440px) {
	.main_theme .main_theme_txt .title_box { font-size: 16px; }
	.main_theme .main_theme_txt .main_theme_title {font-size:24px; line-height: 1.2; text-align: center;}
	.main_theme .main_theme_img {position:relative;}
	.main_theme .main_theme_img img {position:absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);text-align: center ;}
}
@media (max-width: 1024px) {
	.main_theme { display: block;width:92%; margin:45px auto; }
	.main_theme .main_theme_img,
	.main_theme .main_theme_img img {position:inherit;top:auto; left:auto;}
	.main_theme .main_theme_img, 
	.main_theme .main_theme_txt { width: 100%; }
	.main_theme .main_theme_img img { width: 100%; height: auto; transform:none}
}
@media (max-width: 768px) {
	.main_theme {width:90%; margin:45px auto; }
	.main_theme .main_theme_txt { padding: 1%;} 
	.main_theme .main_theme_txt ul {width:100%; margin:0 auto 30px;}
	.main_theme .main_theme_txt .main_theme_title {width:95%; margin:15px auto;  text-align: center; font-size: 26px;}
	.main_theme .main_theme_txt .title_box { font-size: 16px; }
	.main_theme .main_theme_txt .txt_box { font-size: 18px; /*min-height: 70px;*/}
	.main_theme .main_theme_txt .main_theme_btn { font-size: 14px; margin-top: 10px; width: 150px; height: 40px; border-radius: 4px; padding: 0 10px;}
}
@media (max-width: 425px) {
	.main_theme { margin:25px auto;}
	.main_theme .main_theme_txt {padding:1%}
	.main_theme .main_theme_txt ul li { margin:0 auto; }
	.main_theme .main_theme_img {text-align: center;}
	.main_theme .main_theme_img img { width: 100%; height: auto; margin:0 auto;}
	.main_theme .main_theme_txt .main_theme_title {font-size:20px; line-height: 1.2;}
	.main_theme .main_theme_txt ul li p.title_box { font-size: 14px; }
	.main_theme .main_theme_txt ul li p:first-of-type {padding:10px;}
	.main_theme .main_theme_txt ul {margin-bottom:30px; }
	.main_theme .main_theme_txt ul li p.txt_box { font-size: 14px; }
	.main_theme .main_theme_txt .img_box img { max-width: 70px; max-height: 50px;}
	.main_theme .main_theme_txt ul li p br {display: none;}
	.main_theme .main_theme_txt .main_theme_btn {margin-top:10px;height:30px}

	
	:lang(en) .main_theme .main_theme_txt .title_box {width:25%; font-size: 12px; text-align: center; padding:0; font-weight:500 }
	:lang(en) .main_theme .main_theme_txt .txt_box, :lang(en) .main_theme .main_theme_txt .img_box  {width:70%;}
}

/* main_title */
.main_title_box { text-align: center; margin: 160px 0 80px; text-align: center;}
.main_title { font-size: 40px; line-height: 1; font-weight: 800; color: #000; margin-bottom: 30px; }
.main_title_s { font-size: 20px; line-height: 30px; font-weight: 500; color: #666;}

@media (max-width: 1024px) {
	.main_title_box { margin: 100px 0 40px !important; }
	.main_title { font-size: 34px; margin-bottom: 20px; }
	.main_title_s { font-size: 18px; line-height: 24px;}
}
@media (max-width: 768px) {
	.main_title_box { margin: 60px 0 20px !important; }
	.main_title { font-size: 28px; }
	.main_title_s { font-size: 14px; line-height: 18px;}
}
@media (max-width: 425px) {
	.main_title_box { margin: 40px 0 15px !important; }
	.main_title { font-size: 20px; margin-bottom: 10px; }
	.main_title_s { font-size: 12px; line-height: 16px;}
	.main_title_s br { display: none;}
}


/* main_intro_about */
.main_intro_about_inner { display: flex; justify-content: space-between;}
.main_intro_about_box { cursor: pointer;}

/* main_intro */
.main_intro .main_intro_about_box { width: 31%; height: 450px; text-align: center; color: #fff; display: flex; align-items: flex-end; justify-content: center; background: no-repeat center; background-size: cover; }
.main_intro .main_intro_about_inner .main_intro_about_box:nth-of-type(1) { background-image: url(../images/main_intro_img1.png); }
.main_intro .main_intro_about_inner .main_intro_about_box:nth-of-type(2) { background-image: url(../images/main_intro_img2.png); }
.main_intro .main_intro_about_inner .main_intro_about_box:nth-of-type(3) { background-image: url(../images/main_intro_img3.png); }

.main_intro .main_intro_about_txt { font-size: 30px; line-height: 140px; font-weight: 600; width: 75%; text-align: center; transition: all .3s; }
.main_intro .main_intro_about_inner .main_intro_about_box:nth-of-type(1) .main_intro_about_txt { background-color: rgba(180, 48, 129, .85);}
.main_intro .main_intro_about_inner .main_intro_about_box:nth-of-type(2) .main_intro_about_txt { background-color: rgba(245, 227, 19, .85);}
.main_intro .main_intro_about_inner .main_intro_about_box:nth-of-type(3) .main_intro_about_txt { background-color: rgba(58, 188, 221, .85);}

.main_intro .main_intro_about_box:hover .main_intro_about_txt { line-height: 150px; transition: all .3s;}

/* main_about */
.main_about .main_intro_about_inner { justify-content: space-evenly; }
.main_about .main_intro_about_box { width: 280px; height: 280px; border-radius: 50%; border: 1px #e5e5e5 solid; background: #f9f9f9 no-repeat center 33%; transition: all .3s; }
.main_about .main_intro_about_box:hover { border-color: #ddd; box-shadow: 0px 0px 20px rgba(79,109,245,.2);}
.main_about .main_intro_about_box span { display: block; font-size: 28px; font-weight: 700; color: #000; line-height: 1; padding-top: 65%; text-align: center; }
.main_about .main_intro_about_inner .main_intro_about_box:nth-of-type(1) { background-image: url(../images/main_about_icon1.png);}
.main_about .main_intro_about_inner .main_intro_about_box:nth-of-type(2) { background-image: url(../images/main_about_icon2.png);}
.main_about .main_intro_about_inner .main_intro_about_box:nth-of-type(3) { background-image: url(../images/main_about_icon3.png);}

:lang(ko) .main_about .main_intro_about_box span { font-size: 24px; line-height: 1.2; width: 70%; margin: 0 auto; }

@media (max-width: 1024px) {
	.main_intro .main_intro_about_box { height: 360px; }
}
@media (max-width: 768px) {
	.main_intro_about { margin: 0 5%; }
	.main_intro .main_intro_about_box { height: 280px;}
	.main_intro .main_intro_about_txt { font-size: 20px; line-height: 80px;}

	.main_about .main_intro_about_box { width: 180px; height: 180px; background-size: 30%; }
	.main_about .main_intro_about_box span { font-size: 18px; }
}
@media (max-width: 425px) {
	.main_intro_about { margin: 0 5%; }
	.main_about .main_intro_about_inner { justify-content: space-between;}
	.main_intro .main_intro_about_box { height: 150px;}
	.main_intro .main_intro_about_txt { font-size: 12px; line-height: 40px; width: 100%;}

	.main_about .main_intro_about_box { width: 100px; height: 100px; background-size: 30%; }
	.main_about .main_intro_about_box span { font-size: 10px; }
	:lang(ko) .main_about .main_intro_about_box span { font-size: 12px; }

}

/* main_vod */
.main_vod { padding: 160px 0;}
.main_vod_title { font-size: 24px; font-weight: 700; line-height: 1; height: 50px; margin-bottom: 40px; text-align: center; }

@media (max-width: 1024px) {
	.main_vod_title { font-size: 18px; margin-bottom: 20px; height: 36px;}
}
@media (max-width: 768px) {
	.main_vod { padding: 40px 0 80px;}
	.main_vod_title { margin-top: 40px; height: auto;}
}
@media (max-width: 425px) {
	.main_vod { padding: 0 5% 40px}
	.main_vod_title { font-size: 14px; margin-bottom: 20px; }
}

/* main_history */
.main_history { background-color: #f4f6f9; margin-top: 160px; padding-bottom: 120px; }
.main_history .main_title_box { margin: 140px 0 60px;}
.main_history ul { display: flex; justify-content: space-between; }
.main_history ul li { width: 31%; cursor: pointer; transition: all .3s;}
.main_history ul li:hover .main_history_title { color: #3d84d4; transition: all .3s;}
.main_history ul li img { width: 100%; height: 260px; object-fit: cover; border: 1px #ddd solid; }
.main_history_title { font-size: 24px; color: #000; font-weight: 700; line-height: 1.1; padding: 20px 10px 0; transition: all .3s; }
.main_history_btn_box { margin-top: 80px; }
.main_history_btn_box .btn_more { display: flex; justify-content: space-around; align-items: center; margin: 0 auto; width: 240px; line-height: 70px; font-size: 20px; font-weight: 600; color: #000; background-color: #fff; border: 1px #ddd solid; border-radius: 50px; }
.main_history_btn_box .btn_more:hover { border-color: #ccc;}

@media (max-width:1024px) {
	.main_history { margin-top: 120px; padding-bottom: 100px; }
	.main_history ul li img { height: 210px;}
	.main_history_title { font-size: 18px; }
}
@media (max-width: 768px) {
	.main_history { margin-top: 60px; padding-bottom: 60px; }
	.main_history ul { padding: 0 5%; }
	.main_history ul li img { height: 160px;}
	.main_history_title { font-size: 14px; }
	.main_history_btn_box { margin-top: 40px;}
	.main_history_btn_box .btn_more { width: 180px; line-height: 50px; font-size: 16px;}
}
@media (max-width: 425px) {
	.main_history { margin-top: 60px; padding-bottom: 60px; }
	.main_history ul li img { height: 70px;}
	.main_history_title { font-size: 12px; font-weight: 600; padding: 10px 5px 0; }
	.main_history_btn_box { margin-top: 20px;}
	.main_history_btn_box .btn_more { width: 120px; line-height: 38px; font-size: 14px; padding: 0 10px;}
}


/***************************************************************************************************************************************
 sub_layout :common */

 /* sub_title_img */
.sub_title_img { background: url(../images/sub_title_img.png) no-repeat center top; background-size: cover; height: 330px; padding-top: 190px;}
.sub_title_img h2 { text-align: center; font-size: 40px; font-weight: 700; color:#ebff46; }
.sub_title_img h3 {display: none;}
/* sub_menu */
.sub_menu { text-align:center; background: linear-gradient(90deg, rgba(235,255,70,1) 0%, rgba(32,83,144,1) 55%); }
.sub_menu ul { display: flex; justify-content: center; gap: 120px; }
.sub_menu ul li a { font-size: 20px; line-height:70px; color:#fff; font-weight: 600; }
.sub_menu ul li a:hover,
.sub_menu ul li a.on { text-decoration:none; color:#ebff46; }

.sub_menu_depth02 { display: none;}

@media (max-width:768px) {
	.sub_title_img { height: 200px; padding-top: 100px; }
	.sub_title_img h2 { font-size: 30px/*20px*/; font-weight: 700; }
	/*.sub_title_img h3 {display:block ; text-align: center; font-size: 34px; font-weight: 700; color: #ebff46; }*/
	.sub_menu ul li a { font-size: 16px; line-height: 50px;}
}
@media (max-width:500px) {
	.sub_title_img {  height: 170px; padding-top: 90px;}
	/*.sub_title_img h2 { font-size: 16px; }
	.sub_title_img h3 {font-size: 26px;}*/
	.sub_menu ul { gap: 5%; }
	.sub_menu ul li a {font-size: 14px; line-height: 40px;}
}


/* sub_con */
.sub_con { padding: 60px 0 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;position:relative }
.sub_con_title.board {min-height:230px;}


.sub_con_title h3 span.head_txt1 {font-size:20px; line-height:1.2em; font-family:'notokr'; font-weight:300; display: block }
.sub_con_title h3 span.head_txt2 {font-size:40px; line-height:1.5em; font-family:'notokr'; font-weight:100; display: block }
.sub_con_title h3 {font-size:3em; font-family: 'Jalnan'; line-height: 1.2em !important; color:#111; line-height:inherit; font-weight: 600; letter-spacing: -0.5px;}

.sub_con_title .txt1 {font-size:28px; line-height:50px; color:#000; font-weight:600; letter-spacing: -0.05em; margin-top:200px; }
.sub_con_title .txt2 {font-size:22px; line-height:1.2em; color:#000; font-weight:300; letter-spacing: -0.05em;}
.sub_con_title .txt3 {position:absolute; top:0; right:10px;}
.sub_con_title .txt4 {position:absolute; top:240px; right:380px; text-align: right; font-size:16px; line-height:22px; color:#000; font-weight:500; }
.sub_con_title .txt4 strong { font-size:22px;}
.sub_con_title .txt4 a {font-size:14px;}
.sub_con_title:after {display: block; clear:both;}


/*게시판용 타이틀영역 */
.overview .sub_con_title.board, .location .sub_con_title.board {min-height:300px;}
.sub_con_title.board .txt1 {margin-top:100px}
.sub_con_title.board .txt3 img {width:200px;}
.sub_con_title.board .txt4 {top:100px; right:210px;font-size:14px;  }
.sub_con_title.board .txt4 strong {font-size:18px;}

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

.sub_con_title:after {clear:both; display: block;}

@media (max-width:768px) {	
	.sub_con { padding:15px 15px 100px; }
	.sub_con_title { margin-bottom:20px; }
	.sub_con_title h3 { font-size:4em; }	
	
	.sub_con_title h3 span.head_txt1 {font-size:16px}
	.sub_con_title h3 span.head_txt2 {font-size:20px}
	
	.sub_con_title.board .txt3, 
	.sub_con_title.board .txt4 {display: none}
}

@media (max-width:500px) {	
	.sub_con_title.board {min-height:90px;}
	.overview .sub_con_title.board {min-height:90px;}
			
	.sub_con_title h3 span.head_txt1 {font-size:1.4rem}
	.sub_con_title h3 span.head_txt2 {font-size:2.2rem}
	.sub_con_title h3 { font-size:3rem;word-break: keep-all;}
	
	.sub_con_title.board .txt1 {margin-top:30px; line-height:1.2em; font-size:1.2rem} 
    .sub_con_title .txt2 {font-size:1.4rem} 
	.sub_con_title .location { font-size:10px; margin:5px 0 0 0; }
	.sub_con_title .location .home { width:14px; height:12px; background-size:cover; }
	
	.overview div iframe {width:100%; height:200px}
    
    .sub_con_title .txt1 {margin-top:1.4rem}
    .sub_con_title .txt3,
	.sub_con_title .txt4  {position:inherit; top:20px; right:auto; display: inline-table; width:48%; vertical-align: top}
	.sub_con_title .txt4 { padding-top:20px; text-align:left;}   
    
}


.admin_btn { margin-top:100px; text-align:right; }

#viewcomment .sub_con { min-height:inherit; padding:0; }

/* ready :컨텐츠준비중 */
.ready { width:100%; height:500px; background-color:#f9f9f9; border: 1px #eee solid; color:#999; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.ready_title:before { content:"!"; display:block; margin:0 auto 15px; font-size: 50px; color:#ccc; border: 4px #ddd solid; width: 100px; height: 100px; line-height: 90px; border-radius:50%; }
.ready_title { font-size: 28px; line-height: 2; font-weight: 700; }
.ready_txt { font-size: 20px; font-weight: 600; }

@media (max-width:425px) {
	.ready { min-height:300px; }
	.ready_title:before { font-size: 28px; width: 80px; height: 80px; line-height: 70px;}
	.ready_title { font-size: 20px; line-height: 1.4; }
	.ready_txt { font-size: 14px;}
}


/***************************************************************************************************************************************
 contents :common */
.con_box { color:#888; padding:15px;}


.con_box p { margin-bottom:30px;}
.con_box .con_title_tbl:before { content:"ㆍ"; display:inline-block; color: #1cb2cc; }
.con_box .con_title { color:#000; font-size:24px; line-height: 30px; font-weight: 600; letter-spacing: -0.5px; margin-bottom: 15px; }
.con_box .con_txt { font-size:18px; line-height:1.8;  color:#555;}

.con_box .con_txt.align_r {text-align:right;}




@media (min-width:769px) and (max-width:1024px)  {
	.con_box .col-md-4, .con_box .col-md-6  {float:left; }	
	.con_box .col-md-4 {width:33.333333%}	
	.con_box .col-md-6 {width:50%}	
}

@media (max-width:768px) {
	.con_box { padding:10px; }		
}
@media (max-width:500px) { 
	.con_box .con_title { font-size:22px; }
	.con_box .con_txt { font-size:18px; line-height:1.6;  }
}


.con_list { padding:50px 0 25px 30px;  margin:30px 0 50px 80px }
.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 * {display:table-cell}
.con_list li { font-size:18px; line-height:1.8; position:relative; padding:0 0 25px 15px }
.con_list li:before { display:table-cell; content:"■"; font-size:10px; color: #b2cf5b; padding-right:10px; padding-top:5px; vertical-align: top }
.con_list li strong {color:#205390}
.con_list li strong.con_name {width:180px; }
.con_list li span.date {width:260px; margin:0 0 0 10px; padding:0 0 0 10px; color:#000; font-size:16px; }
.con_list li span.txt {border-left:2px solid #dedede; padding:0 0 0 10px; font-size:16px; }
:lang(ko) .con_list li strong.con_name {width:300px; }
:lang(ko) .con_list li span.date {display: none;}


@media (max-width:768px) {
	.con_list {margin:30px 0; padding:10px 20px}
	.con_list .con_title { margin:15px 0 15px; }
	.sub1_1 .con_list li * {display:inline-table}
	.sub1_1 .con_list li:before { display:inline-table}
	.sub1_1 .con_list li span.txt {border-left: none; padding: 0 0 0 20px;}
}
@media (max-width:500px) { 
	.con_list {margin:10px 0; padding:10px 0; }
	.con_list .con_title { font-size:18px; margin-bottom:10px; }
	.con_list li { font-size:16px; line-height:1.6 !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 { margin-top: 60px; border-bottom: 1px #4f6df5 solid;  width:100%;}
.tabs ul { display: flex; align-items: center;}
.tabs ul li { width: 50%; }
.tabs li a { font-size: 20px; font-weight: 600; color: #666; text-align: center; background-color: #f4f6f9; line-height: 1; padding: 25px 0; display: block; }
.tabs li a:hover { color: #333;}
.tabs li.selected a { background:#4f6df5; border-color: #4f6df5; color: #fff; }

.show { display:block;}
.hide { display:none; }

@media (max-width:768px) {
	/*.tabs li { height: 40px;}
	.tabs li a { font-size: 14px; }*/
}
@media (max-width:525px) {
	.tabs { margin-top: 15px; margin-bottom: 15px;}
	.tabs ul { width:95%; margin:0 auto;}
	.tabs li { float:left;}	
	.tabs li a { font-size:14px; line-height:18px; padding: 15px;}
	.tabs li a br { display: block; }
	

	/*	.Programmes_en .tabs li { height: 65px;}*/
}
@media (max-width:320px) {
}


/* bootstrap  custom*/

@media (max-width:768px) {
	.col-md-4 {
		float: left;
        width: 33.33333333%;
    }
	
	.col-md-6 {
		float: left;
		width: 50%;
	}
}


@media (max-width:500px) {
	.col-md-4, .col-md-6  {
        width: 100%;
    }
}




/* 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 */



/* sub1_1 : GCED */
.ic_gced1, .ic_gced2, .ic_gced3 {min-width:210px; min-height:210px; }
.ic_gced1, .ic_gced2 {border-right:dotted 2px #ddd}
	.ic_gced1 {background:url(/assets/images/sub1_2_i_01.png) 50% 50% no-repeat}
	.ic_gced2 {background:url(/assets/images/sub1_2_i_02.png) 50% 50% no-repeat}
	.ic_gced3 {background:url(/assets/images/sub1_2_i_03.png) 50% 50% no-repeat}
.gced .con_title, .gced .con_txt {text-align:center;}
.gced .con_txt {font-size:16px; line-height: 1.5em; padding:0 30px;}

.sub1_2.con_box .con_txt.align_r {font-size:14px; color:#999}


@media (max-width:500px) {
	
	.ic_gced1, .ic_gced2 {border-right:none}
	.ic_gced2, .ic_gced3 {border-top:dotted 2px #ddd}
}


/* sub2_1 : OVERVIEW */
.sub2_1.con_box .con_list {padding:0}


/* sub2_2 : Programme */
.sub_con.m40, .sub_con.m42 {padding:0 0 60px}

table.programme  {width:100%;}
table.programme th {display: none;}
table.programme tr:last-child td {border-bottom:2px solid #516df5; }
table.programme td:first-child {width:25%;text-align: center; font-size:20px; color:#516df5; line-height: 1.2em; vertical-align: top;}
table.programme td:first-child::before {content:''; background:url(../images/clock_blue.png) 0 0 no-repeat; display: inline-block; width:17px; height:17px;margin-right:10px;}
table.programme tr:last-child td:first-child::before {background:none;}

/* 대회 이전일 */

table.programme td.preday:first-child {background:#eee; border-bottom:none; font-size:20px;text-align: left; border-radius: 50px; margin-top:30px; margin-bottom:10px;}
table.programme td:first-child::before { background:none; display: none; width:0; height:0;margin-right:0;}


table.programme td {border-bottom:1px solid #dedede;  padding:22px 30px;font-size:16px; line-height:1.5; font-weight:600; }
table.programme td:first-child .due {font-size:16px;font-weight:600}
table.programme td .due {font-size:14px;font-weight:600}
table.programme td .p_title {font-size:18px; color:#555;font-weight:600;}
table.programme td .p_title strong {color:#000; font-weight:700; border-bottom:1px solid #000; margin-right:10px; }
table.programme td .p_detail {font-size:16px; line-height:1.6; color:#777;font-weight:500; margin-top:30px;}
table.programme td .p_detail strong {color:#000;font-weight:600;}
table.programme td .p_detail strong.room {font-size:16px; padding:0 3px; margin-right:10px; color:#000;font-weight:600;border-bottom:1px solid #ddd; background:#f9f9f9}
table.programme td .p_detail.session  {color:#777; font-size:16px; }
table.programme td .p_detail.session strong {font-size:16px;margin-top:15px; display: inline-block;  position: relative; }
/* table.programme td .p_detail.session strong:before {content: '';  position: absolute;  left: 0;  bottom: 0;  width: 100%;  height: 40%;  background-color: #f4fbb4;  z-index: -1; } 형광펜 처리 숨김*/
table.programme td .dep2,
table.programme td > .p_detail   { margin-left:50px;}

table.programme td .dep2 .session    {font-size:14px;}
table.programme td .dep2 .session strong { font-size:16px;}


table.programme td div.dep2 {margin-top:50px;}


@media (max-width:1024px) {

}
@media (max-width:768px) {

}
@media (max-width:525px) {
	table.programme td {display: block; width:100%; padding: 10px 15px 22px;}
	table.programme td:first-child { width:100%; text-align: left; background:#f9f9f9; border-bottom:none;  padding: 22px 15px 10px;}
	table.programme td:first-child br {display: none;}
	table.programme td:last-child {border-bottom-width:2px; border-bottom-color: #555;} 
	table.programme td .dep2, table.programme td > .p_detail {margin-left: 20px; font-size:14px;}
	
	table.programme tr:last-child td:first-child {display: none;}
	table.programme td.preday:first-child {padding:10px; border-radius: 30px;}
	
}


/* sub2_3 : presenter modal popup */
.presenter_wrap{padding: 30px 20px 40px;}

.presenter_wrap h4.title {font-size:18px; color:#4f6df5; font-weight:700; margin-bottom:40px;
	background:url(/assets/images/icon_presenter.png) 0 50% no-repeat; padding-left:40px; min-height:40px;
	vertical-align: bottom; display:flex; align-items: center;
}
.presenter_wrap h5 {font-size:16px; color:#222;  margin-left: 40px; display:inline-block; background:#dce2fd; padding:5px 15px; border-radius: 10px;}
.presenter_wrap .p_list { display:flex; 
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
	border-bottom:#dddddd 1px solid; 
	margin:60px 0;
}
.presenter_wrap .p_list p {margin-bottom:0}
.presenter_wrap .p_list .person {width:20%; padding:0 3%; text-align: center;	min-height:300px; margin-bottom:50px}
.presenter_wrap .p_list .person .position {display:none; font-size:14px; line-height:1.2em;color:#666666;}
.presenter_wrap .p_list .person .position,
.presenter_wrap .p_list .person .role {display:none; }
.presenter_wrap .p_list .person .photo { min-height:230px; margin-bottom:20px;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}
.presenter_wrap .p_list .person .photo a {display: flex; position:relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
border-radius: 50px; overflow: hidden;  /*position:absolute; top:0; left:18.5%;*/ }
/*.presenter_wrap .p_list .person .photo::after {display: block; content: ''; clear: none;}*/

.presenter_wrap .p_list .person .photo .over {
	display:inline-block; background-color:rgba(79, 109, 245, 0); background-position: 50% 50%; background-repeat: no-repeat; 
	overflow: hidden; position:absolute; top:0; left:0;width:100%; height: 100%; }
.presenter_wrap .p_list .person .photo .over:hover {background-color:rgba(79, 109, 245, 0.7); background-image:url(/assets/images/photo_magni.png);}
.presenter_wrap .p_list .person .role { text-align: center ;}
.presenter_wrap .p_list .person .role span {display: inline-block;  background:#e5e5e5; color:#777; font-size:13px; line-height:1.2em; padding:0 5px; }

.presenter_wrap .p_list .person .name {font-size:20px; font-weight:600; color:#000; line-height:1.4em;}

/* 모달 팝업 */
.presenter_wrap .modal_box	{width: 680px; height: 560px; margin: 0 auto; padding:0; text-align: center;	background-color: #fff; position: fixed; top:50%; left: 50%; transform: translate(-50%, -50%);	z-index: 999;}
.presenter_wrap .modal_box p {margin-bottom:0}
.presenter_wrap .modal_box .modal_header {background:#4f6df5; width:100%; padding:30px 50px; color:#fff; display: flex; flex-direction: row; justify-content: space-evenly; align-items: center;}
.presenter_wrap .modal_box .modal_header p {width:50%;text-align: left; font-size:18px;}
.presenter_wrap .modal_box .modal_header p:last-child {text-align: right;}
.presenter_wrap .modal_box .modal_header .close_btn	{ 	width: 36px;	height: 36px;	border: none;	margin-top: 0;	align-self: center;	cursor: pointer; background:none; color:#fff; font-size:40px; font-weight:400}

.presenter_wrap .modal_box .modal_info { padding:30px 50px; display: flex; flex-direction: row; }
.presenter_wrap .modal_box .modal_info .info {display: flex;  flex-direction: column-reverse;   justify-content: space-between;}
.presenter_wrap .modal_box .modal_info .info .name {text-align: center; padding-top:20px;}


.presenter_wrap .modal_box .modal_info .info .name strong {font-size:24px; line-height: 1.2em; display: block; color:#000; }
.presenter_wrap .modal_box .modal_info .info .name span {font-size:14px; display: block; color:#999 }
.presenter_wrap .modal_box .modal_info .info .name:after {display: inline-block; content: ''; width:100%; height:1px;/* border-bottom:1px solid #999*/}
.presenter_wrap .modal_box .modal_info .info .photo {width:180px; height:auto; border-radius: 50px; overflow: hidden;}
.presenter_wrap .modal_box .modal_info .info .photo img {width:100%; height:100%;}

.presenter_wrap .modal_box .modal_info .bio {width:100%; margin-left:30px; max-height:360px; font-size:14px; font-weight:300; text-align: left; padding-right:30px;}

.presenter_wrap .modal_box .modal_info .bio.ScrollBox {overflow-y: scroll;}
.presenter_wrap .modal_box .modal_info .bio.ScrollBox::-webkit-scrollbar {width: 4px;	}
.presenter_wrap .modal_box .modal_info .bio.ScrollBox::-webkit-scrollbar-thumb {background-color: #a0a0a0;	}
.presenter_wrap .modal_box .modal_info .bio.ScrollBox::-webkit-scrollbar-track {background-color: #e5e5e5;	}

.presenter_wrap .modal_bg	{ position: fixed;	top: 0; left:0;	width: 100%;	height: 100%;	background-color: rgba(0,0,0,0.5);	z-index: 99;}
@media (max-width:768px) {
	.presenter_wrap .p_list .person {width:48%; padding:0 3%;}
}

@media (max-width:525px) {
	.presenter_wrap{padding: 15px 10px 20px;}

	.presenter_wrap h4.title {font-size:16px; font-weight:500; 	}
	.presenter_wrap h5 {margin-left: 0; font-size:14px;}

	.presenter_wrap .p_list { display:flex; 
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		border-bottom:#dddddd 1px solid; 
		margin:30px 0;
	}
	.presenter_wrap .p_list .person {width:96%;}
	.presenter_wrap .modal_box	{width: 90%; }
	.presenter_wrap .modal_box .modal_info,
	.presenter_wrap .modal_box .modal_header {padding: 10px 20px;	}
	.presenter_wrap .modal_box .modal_info .info {display: block;}

	.presenter_wrap .modal_box .modal_info .info .name {
		text-align: center;
	}
	.presenter_wrap .modal_box .modal_info .info .photo {
		width: 150px;
		height: 150px;
		margin:10px auto;
	}
	.presenter_wrap .p_list .person .photo a {left:10%}
	.presenter_wrap .modal_box .modal_header .close_btn {font-size:30px; width:16px; height:30px;}


}




/* sub3 : History */

.history_top {background:#f5f6fa; width:100%; box-sizing:border-box;  border:1px solid #dddddd; padding:30px; text-align: center;}
.history_top h4.title {font-weight:700; font-size:38px; line-height:1.8em; margin-bottom:10px;}
.history_top .theme:nth-child(2)  {font-weight:500; font-size:18px; line-height:1.8em;color:#516df5;}
.history_top .theme:nth-child(2)::after {content: ''; display:block; width:30px; height:3px; background:#ddd; margin:5px auto;}
.history_top .theme:nth-child(3)  {color:#656565; font-size:18px; line-height:1.8em;}

.btn_history_down {color:#fff;  text-align:right; }
.btn_history_down a {display:inline-block;margin:0; font-size:16x;  text-align:center;  width:200px; padding:10px 20px; transition: all 0.5s;
	background: #516df5;
	color:#ebff46;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}
.btn_history_down a:hover {
	color:#516df5; 
	background:#ebff46;
    transition: all 0.5s;
}


.history_content h5.day {font-weight: 800; font-size:32px; margin:50px 0 18px;}
.history_content table {width:100%;}
.history_content table th:first-child, .history_content table td:first-child {width:25%;}
.history_content table th {background:#516df5; color:#fff; font-weight:600; font-size:20px; padding:26px; text-align: center; }
.history_content table th:first-child::before {content:''; background:url(../images/clock.png) 0 0 no-repeat; display: inline-block; width:17px; height:17px;margin-right:10px;}
.history_content table td {border-bottom:1px solid #dedede;  padding:22px 30px;font-size:16px; line-height:1.5; font-weight:600; }
.history_content table td:first-child {border-right:1px solid #dedede; background:#f9f9f9;  text-align: center; font-size:20px;  letter-spacing: 0.08em; }
.history_content table td.part_txt {background:#ebebeb; font-size:18px;  letter-spacing: 0; }
.history_content table td .p_title {font-size:18px; color:#516df5;font-weight:600;}
.history_content table td .p_title strong {font-weight:700; border-bottom:1px solid #516df5; margin-right:10px; }
.history_content table td .p_detail {font-size:16px; line-height:1.6; color:#777;font-weight:500; margin-top:30px;}
.history_content table td .p_detail strong {color:#000;font-weight:600;}
.history_content table td .p_detail strong.room {font-size:16px; padding:0 3px; margin-right:10px; color:#000;font-weight:600;border-bottom:1px solid #ddd; background:#f9f9f9}

.history_content table td .dep2,
.history_content table td > .p_detail   { margin-left:50px;}


.history_content table td .dep2 .session    {font-size:14px;}
.history_content table td .dep2 .session strong { font-size:16px;}


.history_content table td div.dep2 {margin-top:50px;}

@media (max-width:500px) {
	.history_top h4.title {font-size:28px; line-height:1.5em;}
	.history_top .theme:nth-child(2)  {font-size:16px; line-height:1.5em;}
	.history_top .theme:nth-child(3)  {font-size:16px; line-height:1.5em;}
	
	.history_content h5.day {font-size:26px; margin:30px 0 10px;}
	.history_content table th:first-child, .history_content table td:first-child {width:20%;}
	.history_content table th {font-weight:500; font-size:18px; padding:10px;}
	.history_content table td { padding:8px 10px;font-size:14px; line-height:1.5; }
	.history_content table td:first-child {font-size:14px;letter-spacing: 0;  }
	.history_content table td p.detail {font-size:14px;  line-height:1.3; margin-top:10px; margin-left:0;  }

	.history_content table td>.p_detail   { margin-left:0;}
	.history_content table td .dep2, .history_content table td>.p_detail.session { margin-left:20px;}

}



/* registration */

.sub4_1.con_box .con_title span.date {font-size: 22px; color:#4f6df5}

:lang(ko) .sub4_1.con_box .col-md-6 .con_txt {min-height:130px;}
:lang(en) .sub4_1.con_box .col-md-6 .con_txt {max-height:280px;min-height:200px;}

.btn_regi {display: inline-block; /*align-items: center; justify-content: space-between;*/ font-size: 22px; font-weight: 500; background-color: #4f6df5; color: #fff; width: 100%; min-height: 50px; padding:15px 30px; border-radius: 8px; line-height:1.5em}
.btn_regi:focus, .btn_regi:visited {color:#fff;} 
.btn_regi:hover, .btn_regi:active {color:#ebff46;}

i.regi {background: url(/assets/images/icon_regi.png) 50% 50% no-repeat; width: 32px; height: 32px; display: inline-block; vertical-align: text-bottom;}
.btn_regi:hover i.regi, .btn_regi:active i.regi {background: url(/assets/images/icon_regi_over.png) 50% 50% no-repeat;}


.sub4_1.con_box .col-md-6 {width:46%}
.sub4_1.con_box .onsite {border-right:1px dotted #eee; padding:0 ; } 
.sub4_1.con_box .online { padding:0}

@media (max-width:500px) {

.btn_regi {padding:15px 10px; }
.sub4_1.con_box .col-md-6 {width:100%}
.sub4_1.con_box .onsite {border-right:none;border-bottom:1px dotted #eee; padding:0 0 10% 0; } 
.sub4_1.con_box .online { margin-left:0; margin-top:10%; padding:0}
}

.onsite .btn_regi{background-color: #d5a23c; min-width: 200px; width:400px;}
.online .btn_regi{background-color: #8cae69; min-width: 200px; width:400px;}






/* 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;border:none; }
.access .panel-heading { font-size:50px; font-weight:700; background-color:#fff; background-image:none; text-align:center; border:none; border-bottom:3px solid #222; line-height:60px; }
.access .panel-body {background:#f9f9f9; padding-top:30px;}
.access #autologin, .access label:last-child { display: none; }
.admin_btn { margin:50px 0; text-align:right; }

.access .panel .btn-primary {
	font-size: 1.2143rem;
    padding: 8px 70px;
    font-weight: 500;
    border-radius: 30px;
	background-color: #516df5;
	border-color: #516df5;
	margin:0 auto;
}

@media (max-width:525px) {	

	.access .panel {width:90%; }
	.access .panel .btn-primary {
		font-size: 1.6143rem;
		width:100%;
		padding: 8px 80px;
		font-weight: 500;
		border-radius: 30px;
		background-color: #516df5;
		border-color: #516df5;
	}

}
@media (min-width:768px) {		
	.navbar-right .dropdown-menu { right:inherit; }
	.container>.navbar-collapse { padding-right:0; padding-left:0; margin-top:30px; }		
}


/* main page youtube video start */
.youtube-video-container { display: flex; justify-content: center; }

.youtube-video-container iframe { max-width: 100%; max-height: 100%; }
@media (max-width: 425px) {
	.youtube-video-container iframe { height: 200px;}
}

/* main page youtube video end */'