@charset "UTF-8";*{font-family:"맑은 고딕","맑은고딕","Malgun Gothic","MalgunGothic",arial,sans-serif;margin:0;padding:0}
html,body{height:100%}
.off-canvas-wrap{height:100%;overflow:visible}
.st-header__logo{float:left;width:auto;margin-top:4px}
.st-header--mobile .st-header__logo{width:auto}
.korean-select .logo{height:50px;margin:4px 2px;width:auto}
.korean-select .dropdown-select{background:white none;border:.0625rem solid #ccc;border-radius:.25rem;color:#333;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:400;line-height:1.42857143;margin-bottom:0;margin-top:.875rem;padding:.375rem .75rem;text-align:center;vertical-align:middle;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.korean-select .dropdown-select:hover,.korean-select .dropdown-select:active{color:#333;background-color:#e6e6e6;border-color:#adadad}
.korean-select .dropdown-select:active{box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.korean-select .dropdown-select.open{background-color:#e6e6e6;border-color:#adadad;box-shadow:inset 0 .1875rem .3125rem rgba(0,0,0,0.125);-webkit-box-shadow:inset 0 .1875rem .3125rem rgba(0,0,0,0.125);color:#333}
.korean-select .dropdown-select .caret{border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-top:.25rem dashed;display:inline-block;height:0;margin-left:.125rem;vertical-align:middle;width:0}
.korean-select .f-dropdown{background-clip:padding-box;background-color:#fff;border:.0625rem solid rgba(0,0,0,0.15);border-radius:.25rem;box-shadow:0 .375rem .75rem rgba(0,0,0,0.175);float:right;font-size:.875rem;left:auto !important;list-style:none;margin:.125rem 0 0;max-width:none;min-width:160px;outline:0;padding:.3125rem 0;right:15px !important;text-align:left;width:auto;z-index:9000;-webkit-background-clip:padding-box}
.korean-select .f-dropdown::before,.korean-select .f-dropdown::after{content:none}
.korean-select .f-dropdown a{clear:both;color:#333;display:block;font-weight:400;line-height:1.42857143;padding:.1875rem 1.25rem}
.korean-select .f-dropdown a:hover{background-color:#f5f5f5;color:#262626;text-decoration:none}
#stmicro-korean{height:100%}
#stmicro-korean .margin-top-20{margin-top:20px}
#stmicro-korean .main-menu{padding:0}
#stmicro-korean .main-menu ul.menu-nav{margin-bottom:0}
#stmicro-korean .main-menu ul.menu-nav li:first-child{border-top:.0625rem solid #03234b}
#stmicro-korean .main-menu ul.menu-nav li .menu-btn{background:#03234b;border-bottom:.0625rem solid black;color:white;display:block;font-size:.875rem;padding:.5625rem .9375rem .625rem .9375rem}
#stmicro-korean .main-menu ul.menu-nav li .menu-btn:hover{background:white;border-left:0;color:#3cb4e6}
#stmicro-korean .main-menu ul.menu-nav li .menu-btn.active{background:white;border-left:0;color:#3cb4e6}
#stmicro-korean .kms-menu-slider.slick-slider{margin-top:-50px;margin-bottom:0 !important}
#stmicro-korean #horizontal-menu{background:#03234b;display:table;margin-bottom:20px;table-layout:fixed;width:100%}
#stmicro-korean #horizontal-menu a{color:white;display:table-cell;margin:0;overflow:hidden;padding:1rem;text-align:center;text-decoration:none;vertical-align:middle}
#stmicro-korean #horizontal-menu a:hover{background-color:#3cb4e6}
@media only screen and (max-width:40em){#stmicro-korean #horizontal-menu{display:block}
#stmicro-korean #horizontal-menu a{display:block;text-align:left}
}
#stmicro-korean .vertical-flow{background-color:#3cb4e6;border-radius:6px;padding:20px 14px;margin-bottom:20px}
#stmicro-korean .vertical-flow>ul{list-style:none;margin:0;text-align:center}
#stmicro-korean .vertical-flow>ul>li:last-child:after{content:none}
#stmicro-korean .vertical-flow>ul>li:after{background:#ffd200;border-radius:15px;color:#3cb4e6;content:'\25BC';display:inline-block;font-size:18px;margin:12px 0;height:30px;width:30px;padding:1px 0;position:relative;text-align:center}
#stmicro-korean .vertical-flow>ul>li div.flow-item{text-align:left;font-size:1rem;line-height:150%;margin:0;padding:22px 14px;background-color:#FFF;border-radius:6px}
#stmicro-korean .vertical-flow>ul>li div.flow-item a{color:#3cb4e6;text-decoration:underline}
#stmicro-korean .vertical-flow>ul>li div.flow-item a:hover{color:#03234b}
#stmicro-korean .vertical-flow>ul>li div.flow-item ul{list-style-type:disc}
#stmicro-korean .vertical-flow>ul>li div.flow-item span.num{color:#000;font-weight:bold}
#stmicro-korean .kms-accordion{margin-bottom:20px}
#stmicro-korean .kms-accordion .panel{background-color:#fff;border:1px solid rgba(60,180,230,0.25);border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.05);margin-bottom:5px;padding:0}
#stmicro-korean .kms-accordion .panel:last-child{margin-bottom:0}
#stmicro-korean .kms-accordion .panel .panel-heading{background-color:rgba(60,180,230,0.07);padding:10px 15px}
#stmicro-korean .kms-accordion .panel .panel-heading>a{color:#3cb4e6}
#stmicro-korean .kms-accordion .panel .panel-heading>a:hover{color:#03234b;text-decoration:underline}
#stmicro-korean .kms-accordion .panel .panel-collapse{border-top:1px solid rgba(60,180,230,0.25);display:none;padding:15px}
#stmicro-korean .kms-accordion .panel .panel-collapse *{font-family:"맑은 고딕","맑은고딕","Malgun Gothic","MalgunGothic",arial,sans-serif;font-size:.875rem;color:#03234b;margin:0}
#stmicro-korean .kms-accordion .panel .panel-collapse ol,#stmicro-korean .kms-accordion .panel .panel-collapse ul{margin-top:0;margin-bottom:10px;padding-left:40px}
#stmicro-korean .kms-accordion .panel .panel-collapse a{color:#3cb4e6}
#stmicro-korean .kms-accordion .panel .panel-collapse a:hover{color:#03234b;text-decoration:underline}
#stmicro-korean .home-events-list{margin-bottom:20px}
#stmicro-korean .home-events-list .home-event{margin-bottom:10px;padding:3px .9375rem 3px .9375rem}
#stmicro-korean .home-events-list .home-event *{font-family:"맑은 고딕","맑은고딕","Malgun Gothic","MalgunGothic",arial,sans-serif}
#stmicro-korean .home-events-list .home-event:last-child{margin-bottom:0}
#stmicro-korean .home-events-list .home-event p{margin-bottom:0;margin-top:0}
#stmicro-korean .home-events-list .home-event p a{color:#3cb4e6;font-size:.875rem;font-weight:bold}
#stmicro-korean .home-events-list .inactiveLink{pointer-events:none;cursor:default}
#stmicro-korean .home-events-list .home-event span{color:#03234b;font-size:.6875rem;margin-bottom:10px}
@media only screen and (max-width:40em){#stmicro-korean .home-events-list .home-event{padding-left:0;padding-right:0}
}
#stmicro-korean .home-news-list{margin-bottom:20px}
#stmicro-korean .home-news-list ul{margin-bottom:0;padding-left:.9375rem;padding-right:.9375rem}
#stmicro-korean .home-news-list ul *{font-family:"맑은 고딕","맑은고딕","Malgun Gothic","MalgunGothic",arial,sans-serif}
#stmicro-korean .home-news-list ul li{margin-bottom:15px}
#stmicro-korean .home-news-list ul li .ln-date{border-right:1px solid #e8e6e6;color:#03234b;font-weight:bold;line-height:20px;width:125px;padding:0 5px 0 0}
#stmicro-korean .home-news-list ul li .ln-news{font-size:.8125rem;width:calc(100% - 125px)}
#stmicro-korean .home-news-list ul li .ln-news a{color:#3cb4e6;font-weight:bold}
#stmicro-korean a.kms-btn,#stmicro-korean button.kms-btn{background-image:none;border:1px solid transparent;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-family:"맑은 고딕","맑은고딕","Malgun Gothic","MalgunGothic",arial,sans-serif;font-size:1.188rem;font-weight:400;line-height:1.42857143;margin:0 5px 20px 5px;max-width:200px;overflow:hidden;padding:5px 28px 6px 28px;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;transition:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#stmicro-korean a.kms-btn.british-racing-green,#stmicro-korean button.kms-btn.british-racing-green{background-color:#04572f;border-color:#022615}
#stmicro-korean a.kms-btn.british-racing-green:hover,#stmicro-korean button.kms-btn.british-racing-green:hover{background-color:#07a057;border-color:#04572f}
#stmicro-korean a.kms-btn.cape-cod,#stmicro-korean button.kms-btn.cape-cod{background-color:#464650;border-color:#2e2e35}
#stmicro-korean a.kms-btn.cape-cod:hover,#stmicro-korean button.kms-btn.cape-cod:hover{background-color:#6a6a79;border-color:#464650}
#stmicro-korean a.kms-btn.dark-blue,#stmicro-korean button.kms-btn.dark-blue{background-color:#03234b;border-color:#010c1a}
#stmicro-korean a.kms-btn.dark-blue:hover,#stmicro-korean button.kms-btn.dark-blue:hover{background-color:#064595;border-color:#03234b}
#stmicro-korean a.kms-btn.dark-purple,#stmicro-korean button.kms-btn.dark-purple{background-color:#8c0078;border-color:#59004c}
#stmicro-korean a.kms-btn.dark-purple:hover,#stmicro-korean button.kms-btn.dark-purple:hover{background-color:#d900ba;border-color:#8c0078}
#stmicro-korean a.kms-btn.gold,#stmicro-korean button.kms-btn.gold{background-color:#ffd200;border-color:#cca800}
#stmicro-korean a.kms-btn.gold:hover,#stmicro-korean button.kms-btn.gold:hover{background-color:#ffe04d;border-color:#ffd200}
#stmicro-korean a.kms-btn.jungle-mist,#stmicro-korean button.kms-btn.jungle-mist{background-color:#d1d0d3;border-color:#b7b6ba}
#stmicro-korean a.kms-btn.jungle-mist:hover,#stmicro-korean button.kms-btn.jungle-mist:hover{background-color:#aaa8ae;border-color:#9d9ba2}
#stmicro-korean a.kms-btn.la-rioja,#stmicro-korean button.kms-btn.la-rioja{background-color:#49b170;border-color:#3a8d59}
#stmicro-korean a.kms-btn.la-rioja:hover,#stmicro-korean button.kms-btn.la-rioja:hover{background-color:#7dc99a;border-color:#49b170}
#stmicro-korean a.kms-btn.light-blue,#stmicro-korean button.kms-btn.light-blue{background-color:#3cb4e6;border-color:#1b9ed4}
#stmicro-korean a.kms-btn.light-blue:hover,#stmicro-korean button.kms-btn.light-blue:hover{background-color:#80ceef;border-color:#3cb4e6}
#stmicro-korean a.kms-btn.razzmatazz,#stmicro-korean button.kms-btn.razzmatazz{background-color:#e6007e;border-color:#b30062}
#stmicro-korean a.kms-btn.razzmatazz:hover,#stmicro-korean button.kms-btn.razzmatazz:hover{background-color:#ff34a3;border-color:#e6007e}
#stmicro-korean a.kms-btn.submarine,#stmicro-korean button.kms-btn.submarine{background-color:#a3a2a7;border-color:#89888e}
#stmicro-korean a.kms-btn.submarine:hover,#stmicro-korean button.kms-btn.submarine:hover{background-color:#cac9cc;border-color:#a3a2a7}
#stmicro-korean .tabbed-package>.tabbed-package-head{background:white;display:table;margin-bottom:11px;table-layout:fixed;width:100%}
#stmicro-korean .tabbed-package>.tabbed-package-head a{display:table-cell;margin:0;overflow:hidden;text-align:center;text-decoration:none;vertical-align:middle;border:1px solid #d5d5d5;border-bottom-color:#3cb4e6;color:#a2a2a2;font-size:.875rem;font-weight:bold;line-height:38px}
#stmicro-korean .tabbed-package>.tabbed-package-head a.active{color:#03234b;border:1px solid #3cb4e6;border-bottom:0}
#stmicro-korean .tabbed-package .tabbed-package-body>.tabbed-package-tab{display:none}
#stmicro-korean .tabbed-package .tabbed-package-body>.tabbed-package-tab.active{display:block}
#stmicro-korean #footer{font-size:.75rem;padding:.9375rem 0;text-align:center}
#stmicro-korean #footer hr{background-color:#03234b;border:0;color:#03234b;height:1.125rem}
#stmicro-korean #footer ul{display:inline-block;margin:auto auto .625rem}
#stmicro-korean #footer ul li{float:left;margin:0 .5rem}
#stmicro-korean #footer ul li a{font-size:.75rem;color:#3cb4e6}
#stmicro-korean a{color:#3cb4e6}
#stmicro-korean a.table-button{color:#fff}
#stmicro-korean h1,#stmicro-korean h2,#stmicro-korean h3,#stmicro-korean h4,#stmicro-korean h5,#stmicro-korean h6{font-family:"맑은 고딕","맑은고딕","Malgun Gothic","MalgunGothic",arial,sans-serif}
#stmicro-korean hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:1.25rem 0 1.1875rem;height:0}
#stmicro-korean label{color:#fff;cursor:default;display:inline;font-size:.6875rem;font-weight:700;line-height:1;padding:.2em .6em .3em;text-align:center;vertical-align:baseline;white-space:nowrap}
#stmicro-korean label:before{content:" "}
#stmicro-korean label.blue{background-color:#3cb4e6}
#stmicro-korean label.red{background-color:#e6007e}
#stmicro-korean label.grey{background-color:#777}
#stmicro-korean .row{max-width:65rem}
#stmicro-korean #content{padding:0}
#stmicro-korean #kmsVideo,#stmicro-korean #refLibrary{margin-top:40px}
#stmicro-korean .tabs{list-style-type:none;margin:0;padding-left:10px}
#stmicro-korean .tabs .tabs-title{display:inline-block;padding-left:0}
#stmicro-korean .tabs .tabs-title:before{display:none}
#stmicro-korean .tabs .tabs-title a{background:#3aa5d7;border:1px solid #ccc;color:#fff;font-size:20px;padding:10px 25px;text-decoration:none}
#stmicro-korean .tabs .tabs-title a.is-active{background:#fff;color:#3aa5d7;border-bottom:1px solid #fff}
#stmicro-korean .tabsdivider{margin-top:8px}
#stmicro-korean .tabgroup{margin-top:25px}
#stmicro-korean #filters .column-flex{align-content:stretch;display:flex;flex-wrap:nowrap;justify-content:space-between}
#stmicro-korean #filters .label-field{margin-right:10px;margin-top:15px;white-space:nowrap}
#stmicro-korean #filters .label-filter{margin-top:5px}
#stmicro-korean #filters .label-filter h5{white-space:nowrap}
#stmicro-korean #filters select{margin-top:6px}
#stmicro-korean #filters #textQuery{position:relative}
#stmicro-korean #filters #textQuery input{margin-top:6px;padding-right:35px}
#stmicro-korean #filters #textQuery i{color:#ccc;cursor:pointer;position:absolute;right:21px;top:18px}
@media(min-width:641px) and (max-width:790px){#stmicro-korean #filters .block-select{padding-left:30px}
}
#stmicro-korean ul.pagination li.current a,#stmicro-korean ul.pagination li.current button{color:#3cb4e6}
#stmicro-korean ul.pagination a:hover{color:#3cb4e6;text-decoration:none}
#stmicro-korean table.kms-news-table tbody tr{background:#fff}
#stmicro-korean #videos hr:nth-of-type(1),#stmicro-korean #resources hr:nth-of-type(1){margin-top:0}
#stmicro-korean .st-search__searchfield a:not(.kms-event-button){color:#fff}
.st-footer__copy{margin-top:0}
aside.st-side-navigation .st-korean-stm32dev-icon{fill:#03234b;height:16px;margin-right:10px;width:16px}
.st-nav__submenu{height:auto;left:auto;width:auto}
.st-nav__submenu:not(.st-nav__submenu--small) .st-nav__submenu-list-container{height:100%;width:auto}
.st-nav__submenu:not(.st-nav__submenu--small) .st-nav__submenu-item{padding-left:0}
.st-nav__submenu:not(.st-nav__submenu--small) .st-nav__submenu-item:last-child{padding-bottom:0}