@charset "UTF-8";
@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:1; }
body { font-family:'notokr-medium',sans-serif !important; letter-spacing:-0.5pt; }
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:#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:focus { outline:none; }
a:focus, a:active { text-decoration:none; }
p, ol, ul { padding:0; margin:0; }
.clear:after { content:""; display:block; clear:both; }
label { font-weight:normal; }

h1, h2, h3, h4, h5, h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { margin:0; }
li{list-style:none; }

.txt_center { text-align:center !important; }
.txt_left { text-align:left !important; }
.txt_right { text-align:right !important; }
.txt_b { font-family:'notokr-medium',sans-serif !important; }
.txt_l { font-family:'notokr-light',sans-serif !important; }

.clearfix {clear:both; }
.clear:after { content:""; display:block; clear:both; }
.bold {font-weight:bold; }

.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:#222; border-color:#222; background-image:none; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { color:#fff; background-color:#000 !important; border-color:#000 !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:#45b67e !important; border-color:#45b67e !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:#17199f !important; border-color:#17199f !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:#6f1a1c !important; border-color:#6f1a1c; }
.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; }


/* navbar */
.navbar-default .navbar-brand { background:url(../images/LogoWhite.png) no-repeat center; width:162px; height:84px; padding:0; font-size:0; display:inline-block; outline:0; margin-top:25px; }
.navbar-brand, .navbar-nav>li>a { text-shadow:none; }
.navbar-header { height:120px; }
.navbar { background:transparent; border:0 none; border-radius:0; box-shadow:none; position: absolute; top: 0; width: 100%; z-index: 99999; }
.navbar-nav {margin-top:25px;}
.navbar-default .container { position:relative; width:1400px;  }
.navbar-nav>li:nth-last-child(2) {padding:0 0 0 50px;}
.navbar-nav>li:nth-last-child(1) {padding:0;}

@media (min-width:768px) {	
	.navbar-header { float:inherit; display:none; }
	.navbar-brand { padding-left:80px; }	
	.navbar-nav>li {padding:0 50px; }
	.navbar-right { margin-right:0; }
	.navbar-right .dropdown-menu { right:inherit; }
	.container>.navbar-collapse { padding-right:0; padding-left:0; }		
}
@media (max-width: 768px) {		
	.navbar { min-height:60px; margin-bottom:0 }
	.navbar-header { height:inherit !important; margin:0 !important; display:block; position: relative; z-index: 999999; }
	.navbar-default .navbar-brand { width: 80px; height: 60px; background-size:100%; margin: 5px 0 0 15px;}
	.navbar_menu { display:none; }
}


/* 메뉴 폰트, 색상 */
.navbar-default .navbar-nav>li>a { color:rgba(255,255,255,.8); font-size:20px; text-transform:uppercase; padding:0; }
.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:#1416a1; 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:#1416a1; background:url(../images/top_ov_bg.png) no-repeat bottom center; box-shadow:none; }

.navbar_menu { width:1400px; margin:0 auto; /*border-top:1px #d6d6d6 solid; */}
.navbar_menu .navbar_menu_inner .container { display: flex; align-items: center; height: 160px; }
.navbar_menu .navbar_menu_inner .container>.navbar-collapse { margin-left: auto; }

@media (max-width: 1024px) {
	.navbar_menu .navbar_menu_inner .container { height: 100px;}
}

.navbar_menu .container,
.navbar .dropdown { position:inherit; }
.navbar .dropdown-menu { padding:0; margin:0; border:none; background:inherit; box-shadow:none; width:100%; }
.navbar .dropdown-menu li { float:left;}
.navbar .dropdown-menu li a { padding:0 10px; font-size:16px; line-height:60px; color:#fff;
                             -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; }

/* 2차메뉴 위치 */
.navbar li:nth-child(1) .dropdown-menu { margin-left:-160px; }
.navbar li:nth-child(2) .dropdown-menu { margin-left:-50px; }
.navbar li:nth-child(3) .dropdown-menu { margin-left:-100px; }
.navbar li:nth-child(4) .dropdown-menu { margin-left:-90px; }
.navbar li:nth-child(5) .dropdown-menu { margin-left:-110px}

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


/*2차메뉴 배경 */
.navbar-default .navbar-nav>.open> .dropdown-menu-bg { width:100%; position:absolute;
                                                       left:0; top:auto; z-index:100;/* box-shadow:0 0 8px rgba(0, 0, 0, .175); -webkit-box-shadow:0 0 8px rgba(0, 0, 0, .175);*/
													   -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; }
.navbar-default .navbar-nav>.open> .dropdown-menu-bg .box {
    width:1400px; height:60px; margin:0 auto; background-color:rgba(49,50,127,1); 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 .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; }

@media (max-width:768px) {
	.navbar-default .navbar-toggle { display: block !important;}
}


/* side_menu - m */
#side_menu { display:block; position:fixed; top:0; right:0; width:100%; height:100%; overflow:hidden; z-index:999999; 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:#17199f !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:#111; position:relative; display: flex; align-items: center; }
#side_menu .m_menu_top .m_close { cursor:pointer; font-size:0; width:20px; height:20px; border: 1px; position: relative; margin:0 20px 0 auto;}
#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%; }
#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%; background-color: #f7f7f7; }
.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:8px; 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:16px; text-shadow:none; box-shadow:none; padding:8px 20px; }
.btn-xs { font-size:1rem; padding:0 15px; line-height:2.429rem; border-radius:0; }

.btn_center { text-align:center; padding:30px 0; }

.checkbox-inline, .radio-inline { font-weight:inherit; }

.color_g { color:#45b67e; }


/* header */
header { background:#222; color:#fff; clear:both; width:100%; position: absolute; top: 0; z-index: 999999; }
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} 


/* footer */
footer { background-color: #333; font-size: 16px; color: rgba(255,255,255,.5); padding: 90px 0; font-family: 'notokr-regular',sans-serif !important; }
footer .container { width: 1400px; background: url(../images/LogoFooter.png) no-repeat center right;}
footer .see_mobile { clear:both; margin:0 auto; text-align:center; display:none; } /****** 모바일 버젼으로 보기 숨김처리 **********/

footer .copyright { clear:both; }
footer .copyright b {font-weight:normal; }
footer .copyright span { padding-right:7px; }

@media (max-width: 1024px) {
	footer { font-size: 14px; padding: 60px 0;}
}
@media (max-width: 768px) {
	footer { font-size: 12px; padding: 40px 0;}
	footer .container { background-size: 17%; background-position: 97% center; }
}
@media (max-width: 425px ) {
	footer { font-size: 11px; line-height: 14px; padding: 30px 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 */
.main .navbar-form { margin-top:0; margin-bottom:0; padding:0; }
.main_index .sub_title_img { display:none; }

.container { width: 1400px; margin: 0 auto;}

.main,
.main_index .container,
.main_visual .container { width:100%; clear:both;  margin:0 auto;}


/* bxslider */
.bx-wrapper { margin-bottom:inherit; border:0; box-shadow:none; }
.bx-wrapper .bx-pager { bottom:50px; display:none; }
.bx-viewport { height:inherit !important; }
.bx-wrapper .bx-pager.bx-default-pager a { background:rgba(0,0,0,0.5); }
.bx-wrapper .bx-controls-direction a { width:70px; height:70px; display:block; margin-top:-35px; opacity:0.8; filter:alpha(opacity=80); }
.bx-wrapper .bx-controls-direction a:hover { opacity:1; filter:alpha(opacity=100); background-position:center; }

.bx-wrapper .bx-prev { left:-4%; background:url(../images/controls_b_l.png) no-repeat center; }
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus { background:url(../images/controls_b_l.png) no-repeat center; }

.bx-wrapper .bx-next { right:-4%; background:url(../images/controls_b_r.png) no-repeat center; }
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus { background:url(../images/controls_b_r.png) no-repeat center; }


/* main_visual */
.main_visual { width:100%; position:relative; }
.main_visual .container { height:1000px; }
.main_visual .bxslider li { background-repeat:no-repeat; background-size:cover; background-position:center top; }
.main_visual .bxslider:after { content:""; display:block; clear:both; }

.main_visual .bxslider li:nth-child(1) { background-image:url(../images/main_visual_02.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_01.jpg); }

@media (max-width: 1024px) {
	.main_visual .container { height: 800px; }
}
@media (max-width: 768px) {
	.main_visual .container { height: 500px; }
}
@media (max-width: 425px) {
    .main_visual .bxslider_mobile.hide { display: inline-block !important }
    .main_visual .bxslider { display: none !important }
	.main_visual .bxslider_mobile li{ height:270px !important; background-size:auto 100%; background-position: center top; }
}


/* MainProducts */
.MainProductsSlide { margin-top: 130px;}
.MainProductsBox { display: flex; justify-content: space-between; }
.MainProductsTabs { display: flex; position: absolute; top: -120px; left: 50%; transform: translate(-50%, 0);}
.MainProductsTabs li { margin: 0 10px; line-height: 0;}
.MainProductsTabs button { font-size: 0; border: 0; border-radius: 50px; padding: 0;}
.MainProductsTabs button:after { display: block; width: 180px; line-height: 60px; font-size: 20px; color: #000; font-family: 'notokr-bold',sans-serif; background-color: #fff; border: 1px #ddd solid; border-radius: 50px;}

.MainProductsTabs li.slick-active button:after { background-color: #000; border-color: #000; color: #fff; font-family: 'notokr-regular',sans-serif; -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; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);} 

.MainProductsTabs li:nth-of-type(1) button:after { content: "반도체";}
.MainProductsTabs li:nth-of-type(2) button:after { content: "2차전지";}
.MainProductsTabs li:nth-of-type(3) button:after { content: "메디컬";}
.MainProductsTabs li:nth-of-type(4) button:after { content: "필터하우징";}
.MainProductsTabs li:nth-of-type(5) button:after { content: "제약";}

.MainProducts .slick-arrow { width: 50px; height: 50px; border: 1px #ddd solid; border-radius: 50px; background: no-repeat center #fff !important; z-index: 9; }
.MainProducts .slick-arrow:before { display: none !important;}
.MainProducts .slick-arrow:hover { border-color: #ccc;}
.MainProducts .slick-prev { background-image: url(../images/ArrowPrev.png) !important; left: -75px;}
.MainProducts .slick-next { background-image: url(../images/ArrowNext.png) !important; right: -75px;}

@media (max-width: 1440px) {
	.MainProducts .slick-prev { left: -25px;}
	.MainProducts .slick-next { right: -25px;}
}
@media (max-width: 1024px) {
	.MainProductsSlide { margin-top: 85px;}
	.MainProductsTabs { top: -80px;}
	.MainProductsTabs li { margin: 0 5px;}
	.MainProductsTabs button:after { width: 150px; line-height: 50px; font-size: 18px; }
	
	.MainProducts .slick-prev { left: -10px;}
	.MainProducts .slick-next { right: -10px;}

	.MainProductsBox .Product { width: 33.3333%; padding: 0 15px;}
	.MainProductsBox .Product:last-of-type { display: none;}
	.MainProductsBox .Product img { width: 100%;}
}
@media (max-width: 768px) {
	.MainProductsTabs button:after { width: 130px; line-height: 40px; font-size: 16px; }
}
@media (max-width: 425px) {
	.MainProductsSlide { margin-top: 40px;}
	.MainProductsTabs { top: -45px;}
	.MainProductsTabs li { margin: 0 2px;}
	.MainProductsTabs button:after { width: auto; line-height: 30px; font-size: 12px; padding: 0 15px;}

	.MainProducts .slick-arrow { width: 30px; height: 30px; background-size: 25% !important;}
	.MainProductsBox .Product { width: 50%; padding: 0 5px;}
	.MainProductsBox .Product:nth-of-type(3) { display: none;}
}


/* MainCon */
.MainCon .container { width: 1400px; padding-top: 150px; padding-bottom: 150px;}
.MainTitle { text-align: center;}
.MainTitle p:first-of-type { font-size: 30px; line-height: 1; color: #1257a6; font-family: 'notokr-black',sans-serif; text-transform: uppercase; }
.MainTitle p:last-of-type { font-size: 36px; line-height: 1; color: #000; font-family: 'notokr-medium',sans-serif !important; padding: 30px 0 70px;}

@media (max-width: 1024px) {
	.MainCon .container { padding-top: 80px; padding-bottom: 80px;}
	.MainTitle p:first-of-type { font-size: 26px; }
	.MainTitle p:last-of-type { font-size: 30px; padding: 20px 0 40px;}
}
@media (max-width: 768px) {
	.MainCon .container { padding-top: 60px; padding-bottom: 60px;}
	.MainTitle p:first-of-type { font-size: 20px; }
	.MainTitle p:last-of-type { font-size: 24px; padding: 10px 0 30px;}
}
@media (max-width: 425px) {
	.MainCon .container { padding-top: 30px; padding-bottom: 30px;}
	.MainTitle p:first-of-type { font-size: 14px; }
	.MainTitle p:last-of-type { font-size: 14px; padding: 5px 0 20px;}
}

/* MainBanner */
.MainBanner { background: url(../images/MainBanner1.png) no-repeat center; background-size: cover; }
.MainBanner .container { padding-top: 0; padding-bottom: 0;}
.MainBanner .container .row { display: flex; height: 250px; align-items: center;}
.MainBannerTxt { font-size: 40px; color: #fff; font-family: 'notokr-light',sans-serif !important;}
.MainBannerTxt p span { font-weight: 600; font-family: 'notokr-bold',sans-serif !important;}
.MainBannerTxt p:nth-of-type(2) { font-size: 18px; color: rgba(255,255,255,.6); }
.MainBannerBtn { display: block; margin-left: auto; background: url(../images/BtnArrow.png) no-repeat 80% center #111; color: #fff; font-size: 18px; width: 180px; line-height: 55px; padding: 0 35px; border-radius: 50px;}
.MainBannerBtn:hover { background-color: #000; color: #fff;}

@media (max-width: 1024px) {
	.MainBanner .container .row { height: 200px;}
	.MainBannerTxt { font-size: 26px;}
	.MainBannerTxt p:nth-of-type(2) { font-size: 12px;}
	.MainBannerBtn { width: 160px; line-height: 50px; padding: 0 30px; background-position: 85% center;}
}
@media (max-width: 768px) {
	.MainBanner .container .row { height: 170px;}
	.MainBannerTxt { font-size: 30px;}
	.MainBannerTxt p:nth-of-type(2) { font-size: 14px;}
	.MainBannerBtn { width: 140px; line-height: 45px; padding: 0 25px; font-size: 15px;}
}
@media (max-width: 425px) {
	.MainBanner .container .row { height: 150px; display: inherit;}
	.MainBannerTxt { font-size: 20px; margin-top: 30px;}
	.MainBannerTxt p:nth-of-type(2) { font-size: 12px;}
	.MainBannerBtn { width: 100px; line-height: 35px; padding: 0 20px; font-size: 12px; background-size: 15%; margin-left: inherit; margin-top: 10px;}
}

/***************************************************************************************************************************************
 sub : common */

/* sub_title_img */
.sub_title_img { background:url(../images/SubVisual1.png) no-repeat top center; height:480px; text-align:center; background-size:cover; display:table; width:100%; padding-top: 160px; position: relative; }
.sub_title_img p { font-size:44px; color:#fff; text-shadow:3px 3px 5px rgba(0,0,0,0.3); font-family: 'notokr-bold',sans-serif; display:table-cell; vertical-align:middle; padding-bottom: 60px; text-transform: uppercase; }
.sub_title_img p span { display: block; font-size: 16px; color: rgba(255,255,255,.5); letter-spacing: 2px; font-family: 'notokr-medium',sans-serif;}

@media (max-width: 1024px) {
	.sub_title_img { height: 320px; padding-top: 80px;}
	.sub_title_img p { font-size: 34px; padding-bottom: 50px;}
	.sub_title_img p span { font-size: 12px;}
}
@media (max-width: 768px) {
	.sub_title_img { height: 270px; padding-top: 50px;}
}
@media (max-width: 425px) {
	.sub_title_img { height: 240px; }
	.sub_title_img p { font-size: 26px; padding-bottom: 40px;}
	.sub_title_img p span { font-size: 10px;}
}

/* location */
.location { line-height: 70px; position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,.4); color: #fff; }
.location .container { display: flex; }
.locationHome { font-size: 0; border-left: 1px rgba(255,255,255,.3) solid; border-right: 1px rgba(255,255,255,.3) solid; background: url(../images/Home.png) no-repeat center; width: 80px; }
.locationMenu1 { position:relative; float:left; min-width:240px; }
.locationMenuBtn { position:relative; display:flex; align-items: center; width:100%; color:#fff; padding:0 25px; background: none; border: 0; border-right: 1px rgba(255,255,255,.3) solid;  text-align:left }
.locationMenuBtn span { display:block; width:100%; color:#fff; font-weight:400; font-size:18px; letter-spacing:-0.5px; }
.locationMenuBtn i { font-size: 20px; }
.locationMenu1.open > button i { transform:rotate(-180deg); margin-top:-10px; }
.locationMenu2 { display: none; position:absolute; top:80px; left:-1px; width:calc(100% + 1px); border:1px solid #ddd; border-top:0; background-color:#fff; z-index:999; padding:10px 0; box-shadow: 0 5px 15px rgba(0,0,0,.1); }
.locationMenu2 li a { display:block; padding:10px 25px; font-size:18px; color: #000; word-break:keep-all; line-height:1.5; text-align: left;}
.locationMenu2 li a:hover { color: #df8735; background-color: #f5f5f5; }
.locationMenu2 li.on { position:relative; }
.locationMenu2 li.on a { color: #df8735; font-weight:600;}

@media (max-width:1024px) {
    .location { line-height: 50px; }
    .locationMenu1 { min-width: 160px; }
	.locationMenu2 { top: 50px;}
	.locationMenu2 li a { font-size: 14px; line-height: 1.1;}
	.locationMenuBtn span { font-size: 14px; }
}
@media (max-width:425px) {
    .location { line-height: 40px; }
    .locationHome { width: 40px; background-size: 30%;}
    .locationMenuBtn { padding: 0 10px; }
    .locationMenuBtn span { font-size: 11px; }
	.locationMenuBtn i { font-size: 16px; }
    .locationMenu1 { min-width: 105px; }
    .locationMenu2 { top: 40px; padding: 0;}
    .locationMenu2 li a { font-size: 11px; padding: 5px 10px; }
}

/* sub_menu */
.sub_menu { width:90%; border-top:2px #17199f solid; margin-top:40px; font-family:'notokr-medium',sans-serif !important; }
.sub_menu li a { display:block; width:100%; }
.sub_menu li a:hover { text-decoration:none; }

.sub_menu_depth01>li>a { line-height:50px; font-size:16px; color:#444; padding-left:15px; border-bottom:1px #ddd solid; }
.sub_menu_depth01>li>a:hover { background-color:#f5f5f5; color:#17199f; }
.sub_menu_depth01>li>a.on { background-color:#17199f; color:#fff; }

.sub_menu_depth02 { padding:15px 0 15px 20px; border-bottom:1px #ddd solid; }
.sub_menu_depth02>li>a { line-height:30px; font-size:15px; color:#888; }
.sub_menu_depth02>li>a:before { content:"-"; display:inline-block; padding-right:5px; }
.sub_menu_depth02>li>a:hover,
.sub_menu_depth02>li>a.on { color:#17199f; }


/* sub_con */
.sub_con { padding:80px 15px 100px; color:#555; font-size:14px; min-height:700px; text-align: center; }
.sub_con:after,
.sub_con_title:after { content:""; display:block; clear:both; }

.sub_con_title { text-align: center; }
.sub_con_title h3 { font-size:40px; color:#000; font-weight: 600; }

.ConTitle { font-size: 24px; line-height: 1; color: #666; margin: 20px auto 60px; width: 100%; font-family: 'notokr-regular',sans-serif; text-align: center}

.sub_con_title .location * {display:none}
.admin_btn { margin-top:100px; text-align:right; }
#viewcomment .sub_con { min-height:inherit; padding:0; }

.sub_con .board { text-align: left; }

@media (max-width: 1024px) {
	.sub_con_title h3 { font-size: 36px;}
	.ConTitle { font-size: 20px; margin-top: 15px;}
}
@media (max-width: 768px) {
	.sub_con_title h3 { font-size: 32px;}
	.ConTitle { font-size: 18px; margin: 10px auto 40px;}
}
@media (max-width: 425px) {
	.sub_con { padding: 40px 15px 50px;}
	.sub_con_title h3 { font-size: 24px;}
	.ConTitle { font-size: 14px; margin: 10px auto 30px;}
}


/* 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:#111; line-height:40px; font-family:'notokr-medium',sans-serif !important; }
.ready_txt02 { font-size:14px; color:#999; }



/***************************************************************************************************************************************
 contents */

/* Intro */
.Intro { text-align: center; font-family: 'notokr-regular',sans-serif;}
.Intro>img:nth-of-type(1) { margin: 50px 0 90px;}
.Intro>img:nth-of-type(2) { margin: 50px 0;}
.IntroLine { height: 1px; width: 80%; background-color: rgba(0,0,0,.2); position: relative; margin: 0 auto 90px;}
.IntroLine:after { content: ""; display: block; position: absolute; top: -2px; left: 50%; transform: translate(-50%,0); height: 5px; width: 150px; background-color: #000;}
.IntroSlogan { font-size: 50px; line-height: 1; color: #000; font-family:'notokr-bold',sans-serif; margin-bottom: 50px;}
.IntroSlogan span { color: #1257a6;}
.IntroTxt { font-size: 24px; color: #666; line-height: 38px;}
.IntroTxt span { color: #000; font-family:'notokr-bold',sans-serif; }

@media (max-width: 1024px) {
	.Intro>img:nth-of-type(1) { margin: 40px 0 70px; width: 30%;}
	.Intro>img:nth-of-type(2) { margin: 30px 0;}
	.IntroLine:after { width: 120px;}
	.IntroSlogan { font-size: 40px; }
	.IntroTxt { font-size: 20px; line-height: 28px;}
}
@media (max-width: 768px) {
	.Intro>img:nth-of-type(1) { margin: 10px 0 50px; }
	.IntroLine { margin-bottom: 70px;}
	.IntroSlogan { font-size: 30px; margin-bottom: 30px;}
	.IntroTxt { font-size: 16px; line-height: 24px;}
}
@media (max-width: 425px) {
	.Intro>img:nth-of-type(1) { width: 40%; margin: 10px 0 40px;}
	.IntroLine { margin-bottom: 45px;}
	.IntroLine:after { width: 60px; height: 3px; top: -1px;}
	.IntroSlogan { font-size: 22px; line-height: 26px; margin-bottom: 20px;}
	.IntroTxt { font-size: 12px; line-height: 18px;}
	.IntroTxt br { display: none;}
}


/* ProductsIntro */
.ProductsIntro { display: flex; justify-content: space-between; flex-wrap: wrap; width: 95%; margin: 0 auto; }
.ProductsIntro li { width: 50%; padding: 25px 0;}
.ProductsIntro li p { display: block; width: 610px; height: 270px; margin: 0 auto; background: no-repeat center; background-size: 100%; transition: background-size .3s ease; -moz-transition: background-size .3s ease; -web-kit-transition: background-size .3s ease; position: relative; text-align: left; }
.ProductsIntro li p:hover { background-size: 110%; }
.ProductsIntro li p a {  display: block; width:100%; padding:50px 0 0 0; font-size: 34px; line-height: 1; color: #fff; position: absolute; left: 50px; bottom: 50px; }
.ProductsIntro li p a span { font-size: 16px; line-height: 1; color: rgba(255,255,255,.5); display: block; margin-top: 15px; text-transform: uppercase; letter-spacing: 1px;}
.ProductsIntro li:nth-of-type(1) p { background-image: url(../images/ProductIntro1.png);}
.ProductsIntro li:nth-of-type(2) p { background-image: url(../images/ProductIntro2.png);}
.ProductsIntro li:nth-of-type(3) p { background-image: url(../images/ProductIntro3.png);}
.ProductsIntro li:nth-of-type(4) p { background-image: url(../images/ProductIntro4.png);}
.ProductsIntro li:nth-of-type(5) p { background-image: url(../images/ProductIntro5.png);}

@media (max-width: 1024px) {
	.ProductsIntro li p { width: 96%; height: 200px;}
	.ProductsIntro li p a { font-size: 26px; left: 35px; bottom: 35px;}
	.ProductsIntro li p a span { font-size: 14px; margin-top: 10px; }
}
@media (max-width: 768px) {
	.ProductsIntro li { padding-bottom: 15px;}
	.ProductsIntro li p { height: 150px;}
	.ProductsIntro li p a { font-size: 24px; left: 30px; bottom: 30px;}
	.ProductsIntro li p a span { font-size: 12px; }
}
@media (max-width: 425px) {
	.ProductsIntro { display: block; width: 100%;}
	.ProductsIntro li { width: 100%;}
	.ProductsIntro li p { height: 120px;}
	.ProductsIntro li p a  { font-size: 22px; left: 25px; bottom: 25px;}
	.ProductsIntro li p a span { font-size: 10px; }
}

/* Products */
.ProductsTabs { display: flex; justify-content: center; margin-bottom: 40px; }
.ProductsTabs li a { display: block; width: 220px; line-height: 80px; margin: 0 5px; text-align: left; font-size: 22px; color: #444; font-family: 'notokr-bold',sans-serif; padding: 0 40px; background: no-repeat 80% center #fff; border: 1px #ddd solid; border-radius: 50px;}
.ProductsTabs li a:hover { border-color: #666; color: #000;}
.ProductsTabs li.active a { border-color: #333; color: #000; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); cursor: default;}
.ProductsTabs li:nth-of-type(1) a { background-image: url(../images/ProductIcon1.png);}
.ProductsTabs li:nth-of-type(2) a { background-image: url(../images/ProductIcon2.png);}
.ProductsTabs li:nth-of-type(3) a { background-image: url(../images/ProductIcon3.png);}
.ProductsTabs li:nth-of-type(4) a { background-image: url(../images/ProductIcon4.png);}
.ProductsTabs li:nth-of-type(5) a { background-image: url(../images/ProductIcon5.png); background-position: 85% center;}
.ProductsTabs li:nth-of-type(6) a { background-image: url(../images/ProductIcon6.png);}

@media (max-width: 1024px) {
	.ProductsTabs li a { width: 160px; line-height: 60px; font-size: 18px; padding: 0 25px;}
}
@media (max-width: 768px) {
	.ProductsTabs { margin-bottom: 30px;}
	.ProductsTabs li a { width: 115px; line-height: 50px; font-size: 14px; padding: 0 15px; background-size: 20px; margin: 0 2px;}
	.ProductsTabs li:nth-of-type(3) a,
	.ProductsTabs li:nth-of-type(5) a { background-size: 15px;}	
}
@media (max-width: 425px) {
	.ProductsTabs { margin-bottom: 20px;}
	.ProductsTabs li a { width: 100%; line-height: 30px; font-size: 12px; padding: 0 10px; background-image: none !important; text-align: center;}
}


/* Customers */
.Customers { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -1%;}
.CustomersBox { flex-basis: 23%; text-align: center; line-height: 230px; border: 1px #ddd solid; background-color: #fff; margin: 1%; }

@media (max-width: 1024px) {
	.CustomersBox { line-height: 180px;}
	.CustomersBox img { width: 80%;}
}
@media (max-width: 768px) {
	.CustomersBox { line-height: 130px;}
	.CustomersBox img { width: 70%;}
}
@media (max-width: 425px) {
	.CustomersBox { flex-basis: 48%; line-height: 90px;}
}


/* privacy */
.checkbox.agree_radio {padding-top:10px !important;}
.agree_info { height:150px; padding:1%; background-color:#fff; border:1px #ddd solid; overflow:auto; }
.agree_info .con_bg_box { background-color:#f4f6f9; }


/********************************************************************************************************************************
 admin*/
 
/* login */
.access { margin:0; float:inherit; width:100%; }
.access .panel { border-radius:0; box-shadow:none; width:480px; margin:5% auto 15%; border-color: #999 }
.access .panel-heading { font-size:24px; font-weight: 600; background:none; text-align:center; padding: 30px 0; border: 0;}
.access .panel-body { padding: 0; }
.access .panel-body form { width: 80%; margin: 0 auto 40px;}
.access .form-control { line-height: 60px; height: 60px; border-radius: 4px; border-color: #e5e5e5; padding: 0 15px; margin-bottom: 10px; }
.access .btn { margin: 0 0 10px 0; width: 100%; border-radius: 4px; font-size: 18px; line-height: 50px; }

@media (max-width: 425px) {
	.access .panel { width: 95%; margin: 10% auto 20%;}
	.access .panel-heading { font-size: 18px; padding: 20px 0 15px;}
	.access .panel-body form { width: 85%; margin: 0 auto 20px; }
	.access .form-control { line-height: 50px; height: 50px;}
}

/********************************************************************************************************************************
 mobile */

@media (max-width:1024px) {
	
	.container, .main, .main_index .container, .main_con .container, .main_visual .container, .main_link.container,
	.MainCon .container, footer .container, .navbar_menu { width:100% !important; }	
	
}


@media (max-width:768px) {
		
	/* btn */
	.btn { font-size:1rem !important; padding:5px 15px; }
	.btn-xs { padding:0 10px; }
	.bx-wrapper .bx-pager { bottom:20px; }	
}